.gna-app{--navy:#0b1f3a;--navy2:#173f5f;--accent:#1f78ff;--bg:#f5f7fb;--card:#fff;--text:#1b2b42;--muted:#6b7a90;--line:#d7dfeb;--shadow:0 6px 30px rgba(0,0,0,.08);--radius:14px;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);font-size:15px;line-height:1.45;background:var(--bg);padding:14px;border-radius:14px;min-height:520px}.gna-app *{box-sizing:border-box}.gna-app[data-theme=dark]{--bg:#0b1220;--card:#0f1a2e;--text:#e6edf7;--muted:#90a0b7;--line:#32425b}.gna-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(90deg,var(--navy),var(--navy2));color:#fff;border-radius:12px;margin-bottom:14px}.gna-brand{display:flex;gap:10px;align-items:center;min-width:260px}.gna-brand img{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}.gna-brand-title{font-weight:800}.gna-brand-subtitle{font-size:12px;opacity:.85}.gna-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gna-nav>a,.gna-dropdown>button{font:inherit;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 12px;border-radius:10px;text-decoration:none;cursor:pointer}.gna-nav>a:hover,.gna-nav>a.active,.gna-dropdown>button:hover,.gna-dropdown>button.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}.gna-dropdown{position:relative}.gna-dropdown>div{display:none;position:absolute;z-index:30;top:100%;left:0;background:var(--card);min-width:220px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.gna-dropdown:hover>div,.gna-dropdown:focus-within>div{display:block}.gna-dropdown a{display:block;padding:10px 12px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}.gna-dropdown a:hover{background:rgba(31,120,255,.1)}.gna-tools{display:flex;align-items:center;gap:6px;white-space:nowrap}.gna-icon-btn{font:inherit;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:inherit;padding:7px 9px;cursor:pointer}.gna-status-dot{width:11px;height:11px;border-radius:50%;background:#27c46b;box-shadow:0 0 0 3px rgba(39,196,107,.18)}.gna-main{min-height:420px}.gna-grid{display:grid;gap:14px}.gna-grid-2{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.gna-card{background:var(--card);color:var(--text);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.gna-card h3{font-size:18px;margin:0 0 14px}.gna-card label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;margin-bottom:11px}.gna-card input,.gna-card select,.gna-card textarea{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 11px;min-height:40px}.gna-card input:focus,.gna-card select:focus{outline:0;border-color:#9dbcf5;box-shadow:0 0 0 3px rgba(31,120,255,.15)}.gna-btn{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}.gna-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.1)}.gna-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.gna-btn.warn{background:#fff4f3;border-color:#ffc9c5;color:#b42318}.gna-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.gna-actions,.gna-filter,.gna-cart-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gna-filter{margin-bottom:12px}.gna-filter>input{flex:1;min-width:160px}.gna-filter label{margin:0;display:flex;flex-direction:row;align-items:center;gap:6px}.gna-filter label input{width:auto}.gna-check{white-space:nowrap}.gna-table-wrap{overflow:auto}.gna-app table{width:100%;border-collapse:collapse;font-size:13px}.gna-app th,.gna-app td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.gna-app th{font-weight:700;white-space:nowrap}.gna-app td.gna-right,.gna-app th.gna-right{text-align:right}.gna-pager{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}.gna-pager span{margin-left:auto;color:var(--muted);font-size:12px}.gna-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.gna-kpi{box-shadow:none;border:1px solid var(--line)}.gna-kpi span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.gna-kpi strong{font-size:18px}.gna-catalog{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.gna-product{border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--card)}.gna-product h4{margin:0 0 5px;font-size:14px}.gna-product small{display:block;color:var(--muted);margin-bottom:7px}.gna-product button{width:100%}.gna-cart-total{justify-content:space-between;margin-top:14px;font-size:18px}.gna-modal[hidden]{display:none}.gna-modal{position:fixed;z-index:100000;inset:0}.gna-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(2px)}.gna-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1000px,94vw);max-height:88vh;overflow:hidden;background:var(--card);color:var(--text);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.gna-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.gna-modal-head h3{margin:0}.gna-modal-body{padding:16px;max-height:75vh;overflow:auto}.gna-modal-body .gna-doc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.gna-toast{position:fixed;z-index:100001;right:20px;top:20px;max-width:360px;padding:12px 16px;border-radius:11px;background:#173f5f;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.gna-toast.show{opacity:1;transform:none}.gna-toast.error{background:#b42318}.gna-loading{opacity:.55;pointer-events:none}.gna-access-denied,.gna-redirect{padding:20px;background:#fff;border-radius:12px}.gna-app small{color:var(--muted)}
@media(max-width:1000px){.gna-header{align-items:flex-start;flex-wrap:wrap}.gna-nav{order:3;width:100%}.gna-grid-2{grid-template-columns:1fr}.gna-kpis{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:620px){.gna-app{padding:8px}.gna-header{padding:10px}.gna-brand{min-width:0}.gna-brand-title{font-size:13px}.gna-tools{margin-left:auto}.gna-nav{overflow-x:auto;flex-wrap:nowrap}.gna-nav>a,.gna-dropdown>button{white-space:nowrap}.gna-kpis{grid-template-columns:1fr}.gna-catalog{grid-template-columns:repeat(2,minmax(110px,1fr))}.gna-app th,.gna-app td{padding:7px 6px}.gna-icon-btn{font-size:12px}}