:root{--primary: #1f3a5f;--primary-600: #244873;--primary-700: #16293f;--primary-50: #eef2f7;--primary-100: #dde6f0;--accent: #2e7d32;--accent-600: #276b2b;--accent-700: #1f5722;--accent-50: #eafaf0;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #fafbfd;--border: #e4e9ef;--border-strong: #d3dae3;--text: #1a2433;--text-muted: #5e6b7e;--text-faint: #8a94a3;--success-bg: #e6f6ec;--success-fg: #176a32;--success-bd: #b7e3c4;--warn-bg: #fdf3da;--warn-fg: #8a5d00;--warn-bd: #f0d79a;--danger: #c0392b;--danger-bg: #fdecec;--danger-fg: #9b1c1c;--danger-bd: #f3c6c6;--info-bg: #e7f1fb;--info-fg: #1a5276;--info-bd: #bcd9f2;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow: 0 6px 20px rgba(16, 24, 40, .1);--shadow-lg: 0 20px 44px rgba(16, 24, 40, .2);--ring: 0 0 0 3px rgba(31, 58, 95, .18);--ring-accent: 0 0 0 3px rgba(46, 125, 50, .18);--t-fast: .12s ease;--t: .18s ease;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select{font:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.app{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:40}.header h1{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.01em}.nav{display:flex;gap:.35rem}.nav-wrap{flex-wrap:wrap;justify-content:flex-end}.nav-btn{border:1px solid transparent;background:transparent;color:#ffffffe0;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}.nav-btn:hover{background:#ffffff1f;color:#fff}.nav-btn.active{background:#fff;color:var(--primary);font-weight:600}.subnav{display:flex;gap:.35rem;padding:.5rem 1.5rem;background:var(--primary-50);border-bottom:1px solid var(--border)}.subnav-btn{border:1px solid transparent;background:transparent;color:var(--primary);padding:.32rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}.subnav-btn:hover{background:var(--primary-100)}.subnav-btn.active{background:var(--primary);color:#fff}.user-box{display:flex;align-items:center;gap:.6rem}.user-label{color:#ffffffd1;font-size:.85rem;white-space:nowrap}.main{width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 2.5rem}.page h2{margin-top:0;font-weight:700;letter-spacing:-.01em}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.panel h3{margin:0 0 .6rem;font-size:1rem;font-weight:700;color:var(--primary)}.filter-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.field-wide{grid-column:span 2}.record-banner{background:var(--info-bg);border:1px solid var(--info-bd);border-radius:var(--radius);padding:.65rem .95rem;margin-bottom:.85rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:.86rem;font-variant-numeric:tabular-nums}th,td{border-bottom:1px solid var(--border);padding:.5rem .65rem;text-align:left;white-space:nowrap}th{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;font-weight:600;letter-spacing:.01em;position:sticky;top:0;border-bottom:none}tbody tr{transition:background var(--t-fast)}tbody tr:nth-child(2n){background:var(--surface-2)}tbody tr:hover{background:var(--primary-100)}td:last-child,th:last-child{border-right:none}.clickable-table tbody tr{cursor:pointer}.clickable-table tbody tr:hover{background:var(--primary-100)}.link-btn{border:none;background:none;color:var(--primary);text-decoration:underline;cursor:pointer;padding:0}.link-btn:hover{color:var(--primary-600)}.btn-secondary{padding:.45rem .95rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--primary);cursor:pointer;font-weight:500;transition:background var(--t-fast),border-color var(--t-fast)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-100)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.actions{grid-column:1 / -1;display:flex;gap:.5rem}.actions button{padding:.55rem 1.2rem;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;cursor:pointer;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 8px #1f3a5f47;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast)}.actions button:hover{filter:brightness(1.08);box-shadow:0 5px 14px #1f3a5f57;transform:translateY(-1px)}.actions button:active{transform:translateY(0);box-shadow:0 2px 6px #1f3a5f47}.actions button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow-sm)}.form-grouped{display:flex;flex-direction:column;gap:.9rem}.form-group-title{display:flex;align-items:baseline;gap:.5rem;font-weight:700;color:var(--primary);font-size:.95rem;margin:0 0 .55rem}.form-group-title .fg-hint{font-weight:500;color:var(--text-muted);font-size:.8rem}.req-mark{color:var(--danger);margin-left:1px}.field{display:flex;flex-direction:column;gap:.3rem}.field span{font-size:.82rem;font-weight:600;color:var(--text-muted)}.field input,.field select{padding:.45rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.field-checkbox{flex-direction:row;align-items:center;gap:.5rem}.field-checkbox input{width:auto}.inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.inline-form h3{width:100%;margin:0 0 .25rem}.form-section-title{grid-column:1 / -1;font-weight:700;color:var(--primary);margin-top:.5rem;border-top:1px solid var(--border);padding-top:.65rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem 1rem}.detay-extra{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem;background:var(--surface-2)}.detay-extra>summary{cursor:pointer;color:var(--text-muted);font-size:.9rem;font-weight:500}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1.25rem}.summary-card{background:linear-gradient(160deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--t),transform var(--t)}.summary-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.summary-label{display:block;font-size:.8rem;color:var(--text-muted)}.summary-value{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums}.summary-card span{font-size:.85rem;color:var(--text-muted)}.summary-card strong{font-size:1.1rem}.dash-group{margin-bottom:1.5rem}.dash-group>h3{margin:0 0 .8rem;font-size:1.05rem;font-weight:700;color:var(--primary);border-bottom:2.5px solid var(--accent);padding-bottom:.4rem;display:inline-block}.bildirim-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem}.bildirim-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;text-align:left;cursor:pointer;font:inherit;background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:var(--radius);padding:.7rem .9rem;box-shadow:var(--shadow-sm);transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.bildirim-item:hover{background:#fdecc8;box-shadow:var(--shadow);transform:translateY(-1px)}.bildirim-label{color:var(--warn-fg);font-size:.88rem}.bildirim-value{font-weight:700;color:#5a4200;white-space:nowrap;font-variant-numeric:tabular-nums}.sort-th{background:transparent;border:none;cursor:pointer;font:inherit;font-weight:600;color:inherit;padding:0;display:inline-flex;align-items:center;gap:.2rem}.sort-ind{font-size:.75rem;opacity:.6}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);padding:1rem}.login-card{width:100%;max-width:370px;background:var(--surface);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;font-size:1.35rem;font-weight:700;color:var(--primary)}.login-card button[type=submit]{margin-top:.5rem;padding:.65rem;font-size:1rem;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.login-card button[type=submit]:hover{background:var(--primary-600)}.evrak-badge{border:1px solid transparent;border-radius:var(--radius-sm);padding:.22rem .6rem;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:filter var(--t-fast)}.evrak-badge.ok{background:var(--success-bg);color:var(--success-fg);border-color:var(--success-bd)}.evrak-badge.warning{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.evrak-badge.muted{background:#eef1f5;color:var(--text-muted);border-color:var(--border-strong);cursor:default}.evrak-badge:hover{filter:brightness(.97)}.section-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.section-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);padding:.45rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.section-tab:hover{background:var(--primary-50)}.section-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-row{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:12px 0 16px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:10px 18px;cursor:pointer;font-size:14px;color:var(--text-muted);transition:color var(--t-fast),border-color var(--t-fast)}.tab-btn:hover{color:var(--accent)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.link-back{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;margin-bottom:8px;font-size:14px}.link-back:hover{text-decoration:underline}.banner{padding:.6rem 1.5rem}.banner.success{background:var(--success-bg);color:var(--success-fg)}.banner.error{background:var(--danger-bg);color:var(--danger-fg)}.alert{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid transparent}.alert-content{flex:1}.alert-body{margin-top:.25rem;white-space:pre-wrap}.alert-success{background:var(--success-bg);color:var(--success-fg);border-bottom-color:var(--success-bd)}.alert-error{background:var(--danger-bg);color:var(--danger-fg);border-bottom-color:var(--danger-bd)}.alert-warning{background:var(--warn-bg);color:var(--warn-fg);border-bottom-color:var(--warn-bd)}.alert-info{background:var(--info-bg);color:var(--info-fg);border-bottom-color:var(--info-bd)}.alert-dismiss{border:none;background:transparent;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;padding:0}.error-list{margin:.25rem 0 0;padding-left:1.25rem}.badge{display:inline-block;padding:.18rem .5rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;background:#eef1f5;color:var(--text)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-warning{background:var(--warn-bg);color:var(--warn-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.searchable .ss-control{position:relative}.ss-control input{width:100%}.ss-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:.85rem;padding:0 .2rem}.ss-list{position:absolute;z-index:30;top:calc(100% + 2px);left:0;right:0;margin:0;padding:.25rem 0;list-style:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto}.ss-list li{padding:.42rem .7rem;cursor:pointer;font-size:.92rem}.ss-list li:hover,.ss-list li.active{background:var(--primary-50)}.ss-list .ss-empty{color:var(--text-faint);cursor:default}.stok-panel{grid-column:1 / -1;border:1px solid var(--info-bd);background:var(--info-bg);border-radius:var(--radius);padding:.65rem .85rem;margin-bottom:.3rem}.stok-panel table{width:100%;border-collapse:collapse;font-size:.9rem}.stok-panel th,.stok-panel td{text-align:left;padding:.25rem .5rem;background:transparent;border:none;position:static}.stok-panel td.kg{text-align:right;font-weight:600}.obek-dagilim{grid-column:1 / -1;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .95rem;background:var(--surface-2)}.obek-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.6rem;align-items:end;margin-bottom:.5rem}.obek-kg{padding:.42rem .55rem;background:var(--primary-50);border:1px solid var(--border-strong);border-radius:var(--radius-sm);text-align:right;font-weight:600}.hesap-panel{grid-column:1 / -1;background:var(--accent-50);border:1px solid var(--success-bd);border-radius:var(--radius);padding:.75rem .95rem}.hesap-rows{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;margin-top:.4rem;font-size:.92rem}.hesap-rows strong{text-align:right}.hesap-rows .hesap-net{border-top:1px solid var(--success-bd);padding-top:.4rem;margin-top:.25rem;color:var(--accent-700);font-size:1.05rem;font-weight:700}.nakit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:900px){.nakit-grid{grid-template-columns:1fr}}.nakit-col>h3{margin:0 0 .5rem;font-size:.98rem;font-weight:700;color:var(--primary)}.nakit-yapilan{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem;background:var(--surface-2)}.nakit-yapilan>summary{cursor:pointer;color:var(--text-muted);font-size:.9rem;font-weight:500}.alim-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px}.alim-product-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform .05s}.alim-product-card:hover{border-color:var(--accent);box-shadow:0 6px 18px #2e7d3229;transform:translateY(-2px)}.alim-product-card:active{transform:translateY(0)}.alim-product-icon{font-size:40px;line-height:1}.alim-product-label{font-size:16px;font-weight:600;color:var(--text)}.alim-product-soon{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--warn-fg);background:var(--warn-bg);border-radius:999px;padding:2px 10px}.import-row-error td{background:var(--danger-bg)}.import-row-warning td{background:var(--warn-bg)}.import-row-valid td{background:var(--accent-50)}.muted{color:var(--text-muted)}.print-ekstre{display:none;color:#1a1a1a;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-ekstre .pe-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2.5px solid var(--primary);padding-bottom:7px;margin-bottom:12px}.print-ekstre .pe-firma{font-size:18pt;font-weight:800;color:var(--primary);letter-spacing:.01em}.print-ekstre .pe-doc{font-size:9.5pt;color:#6a6a6a;letter-spacing:.22em;text-transform:uppercase;margin-top:1px}.print-ekstre .pe-head-meta{font-size:9pt;color:#6a6a6a;text-align:right}.print-ekstre .pe-cari{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f6f6f4;border:1px solid #e0e0db;border-left:3px solid var(--primary);border-radius:5px;padding:8px 13px;margin-bottom:13px}.print-ekstre .pe-cari-ad{font-size:12.5pt;font-weight:700}.print-ekstre .pe-cari-sub{font-size:9pt;color:#6a6a6a;margin-left:9px}.print-ekstre .pe-cari-iletisim{font-size:8.5pt;color:#555;display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.print-ekstre table{width:100%;border-collapse:collapse;font-size:9pt}.print-ekstre thead th{background:var(--primary);color:#fff;text-align:left;padding:6px 9px;font-weight:600;font-size:8.5pt;text-transform:uppercase;letter-spacing:.04em}.print-ekstre tbody td{padding:5px 9px;border-bottom:1px solid #e6e6e2}.print-ekstre tbody tr:nth-child(2n) td{background:#faf9f6}.print-ekstre td.num,.print-ekstre th.num{text-align:right;font-variant-numeric:tabular-nums}.print-ekstre .pe-bos{text-align:center;color:#999;padding:14px}.print-ekstre tfoot td{font-weight:700;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);padding:7px 9px;background:#f0efeb}.print-ekstre .pe-ozet{display:flex;justify-content:flex-end;margin-top:13px}.print-ekstre .pe-ozet-box{border:1.5px solid var(--primary);border-radius:6px;padding:8px 18px;display:flex;flex-direction:column;align-items:flex-end;min-width:170px}.print-ekstre .pe-ozet-label{font-size:8pt;color:#6a6a6a;text-transform:uppercase;letter-spacing:.08em}.print-ekstre .pe-ozet-val{font-size:15pt;font-weight:800;color:var(--primary)}.print-ekstre .pe-ozet-val em{font-size:9pt;font-weight:600;font-style:normal;color:#6a6a6a}.print-ekstre .pe-foot{display:flex;justify-content:space-around;margin-top:34px;font-size:9pt;color:#555}.print-ekstre .pe-sign{border-top:1px solid #999;padding-top:5px;width:38%;text-align:center}.print-pusula,.print-pusula-portal{display:none}@media print{body.yazdir-pusula #root{display:none!important}body.yazdir-pusula .print-pusula-portal{display:block!important}.print-pusula{display:flex!important;width:100%;gap:0;color:#000;font-size:10pt;font-family:Arial,sans-serif}body:not(.yazdir-pusula) *{visibility:hidden}body:not(.yazdir-pusula) .print-ekstre,body:not(.yazdir-pusula) .print-ekstre *{visibility:visible}.pusula-nusha{width:50%;padding:4mm 5mm;box-sizing:border-box;display:flex;flex-direction:column;min-height:138mm}.pusula-kesim{border-left:1px dashed #777}.pusula-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000;padding-bottom:1.5mm;margin-bottom:2mm;font-size:12.5pt}.pusula-meta{display:flex;justify-content:space-between;font-size:9.5pt;margin-bottom:2mm}.pusula-etiket{font-weight:700}.pusula-cari{border:1px solid #000;padding:2mm 2.5mm;margin-bottom:2mm;font-size:10.5pt;line-height:1.4}.pusula-tablo,.pusula-ozet{width:100%;border-collapse:collapse;font-size:11pt}.pusula-tablo th,.pusula-tablo td{border:1px solid #555;padding:2mm;text-align:left;white-space:nowrap}.pusula-tablo th{background:#eee!important;-webkit-print-color-adjust:exact;color:#000;position:static}.pusula-tablo .num,.pusula-ozet .num{text-align:right}.pusula-tip{font-size:.82em;color:#444;font-weight:600}.pusula-ozet{margin-top:3mm}.pusula-ozet td{padding:1.6mm 2mm;border-bottom:1px solid #ccc}.pusula-odenecek td{font-weight:800;font-size:14pt;border-top:2px solid #000;border-bottom:2px solid #000!important}.pusula-not{margin-top:2mm;font-size:9pt}.pusula-imza{margin-top:auto;padding-top:6mm;display:flex;justify-content:space-between;font-size:9.5pt;text-align:center}body:not(.yazdir-pusula) .print-ekstre{display:block!important;position:absolute;left:0;top:0;width:100%;padding:8mm 10mm;color:#000}@page{size:A4 portrait;margin:10mm}}.app-shell{display:flex;align-items:stretch;min-height:100vh}.sidebar{flex:0 0 248px;width:248px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-700) 100%);color:#fff;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:45}.sidebar-brand{display:flex;flex-direction:column;line-height:1.2;padding:1rem 1.1rem;font-size:1.05rem;font-weight:800;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-brand span{font-size:.7rem;font-weight:500;color:#ffffffb3;letter-spacing:.05em;text-transform:uppercase}.side-nav{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .5rem 1.5rem}.side-group-btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:#ffffffe6;padding:.6rem .7rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.92rem;text-align:left;transition:background var(--t-fast)}.side-group-btn:hover{background:#ffffff1f}.side-group-btn.active{background:#ffffff29}.side-group-btn .caret{font-size:.7rem;opacity:.8}.side-sub{display:flex;flex-direction:column;gap:.05rem;margin:.1rem 0 .3rem .4rem;padding-left:.5rem;border-left:2px solid rgba(255,255,255,.18)}.side-sub-btn{border:none;background:transparent;color:#ffffffc7;padding:.45rem .7rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.86rem;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.side-sub-btn:hover{background:#ffffff1a;color:#fff}.side-sub-btn.active{background:#fff;color:var(--primary);font-weight:600}.app-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:40}.topbar-title{flex:1 1 auto;font-size:1.05rem;font-weight:700;color:var(--primary)}.topbar .user-box{margin-left:auto}.topbar .user-label{color:var(--text-muted)}.topbar .nav-btn{color:var(--primary);border:1px solid var(--border-strong)}.topbar .nav-btn:hover{background:var(--primary-50)}.topbar .nav-btn.active{background:var(--primary);color:#fff}.menu-toggle{display:none;background:var(--primary);border:none;color:#fff;font-size:1.2rem;line-height:1;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center;flex:0 0 auto}.sidebar-overlay{display:none}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.menu-toggle{display:inline-flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:44}.topbar{padding:.6rem 1rem}}@media(max-width:768px){.main{padding:1rem .9rem 2rem}.page-header{flex-direction:column;align-items:flex-start;gap:.6rem}.page-header .actions{flex-wrap:wrap;width:100%}.filter-bar,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.detail-grid{grid-template-columns:1fr}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap:has(table.responsive-cards){border:none;background:transparent;box-shadow:none;overflow:visible}table.responsive-cards thead{display:none}table.responsive-cards,table.responsive-cards tbody{display:block;width:100%}table.responsive-cards tr{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:.7rem;padding:.5rem .85rem}table.responsive-cards tbody tr:nth-child(2n){background:var(--surface)}table.responsive-cards td{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px dashed var(--border);padding:.4rem 0;white-space:normal;text-align:right;word-break:break-word}table.responsive-cards td:last-child{border-bottom:none}table.responsive-cards td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;flex:0 0 38%;white-space:nowrap}table.responsive-cards td[data-label=""]{justify-content:flex-end;padding-top:.5rem}table.responsive-cards td[data-label=""]:before{content:none}.actions button,.btn-primary,.btn-secondary{padding:.6rem 1rem}input,select,textarea{font-size:16px}}@media(max-width:480px){.topbar-title{font-size:.95rem}.main{padding:.8rem .7rem 2rem}table{font-size:.8rem}th,td{padding:.45rem .5rem}}