:root{--ink:#17231e;--muted:#718078;--line:#e7ece9;--green:#0b6847;--green-soft:#e9f4ef;--paper:#fff;--canvas:#f4f7f5;--red:#d44f49;--amber:#d68a2b;--font-geist-sans:Arial,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-geist-sans),Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex}.sidebar{color:#d4e2dc;z-index:10;background:#0d2c21;flex-direction:column;width:236px;padding:23px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;height:50px;margin-bottom:24px;padding:0 7px;display:flex}.brand-mark{color:#173329;background:#d9f267;border-radius:11px 5px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand strong{color:#fff;letter-spacing:.1px;font-size:15px}.brand small{color:#86a097;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:10px}.side-nav{gap:3px;display:grid}.side-nav a{color:#9eb1aa;border-radius:8px;align-items:center;gap:12px;height:39px;padding:0 11px;font-size:13px;font-weight:550;text-decoration:none;display:flex}.side-nav a span{color:#c4d2cd;border:1px solid #ffffff14;border-radius:7px;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.side-nav a:hover,.side-nav a.active{color:#fff;background:#194635}.side-nav a.active span{color:#18372b;background:#d9f267;border-color:#d9f267}.sidebar-foot{border-top:1px solid #ffffff14;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:16px 4px 2px;display:grid}.avatar{color:#fff;background:#2b5a49;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{color:#f1f5f3;font-size:12px}.sidebar-foot small{color:#7f9a90;margin-top:2px;font-size:10px}.sidebar-foot button{color:#789287;background:0 0;border:0}.workspace{width:calc(100% - 236px);min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;align-items:center;gap:20px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.mobile-brand{color:var(--green);font-weight:800;display:none}.search{background:#f3f6f4;border:1px solid #e6ebe8;border-radius:9px;align-items:center;gap:9px;width:min(480px,55%);height:38px;padding:0 12px;display:flex}.search span{color:#85928c;font-size:21px;transform:rotate(-15deg)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search input::placeholder{color:#92a099}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);color:#6e7d76;background:#fff;border-radius:9px;width:38px;height:38px;font-size:8px;position:relative}.dot{background:#e05752;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.primary-button{background:var(--green);color:#fff;border:0;border-radius:9px;height:38px;padding:0 16px;font-size:12px;font-weight:650;box-shadow:0 6px 14px #0b684729}.content{max-width:1500px;margin:0 auto;padding:30px 32px 44px}.hero-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.05px;color:#8b9992;margin:0 0 6px;font-size:9px;font-weight:750}.hero-row h1{letter-spacing:-.6px;margin:0 0 7px;font-family:Georgia,serif;font-size:28px;line-height:1.1}.muted{color:var(--muted);margin:0;font-size:12px}.period-control{background:#e9eeeb;border-radius:8px;padding:3px;display:flex}.period-control button{color:#76837d;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:10px}.period-control button.selected{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 1px 4px #16282014}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.kpi-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;min-height:138px;padding:17px 18px;position:relative;overflow:hidden}.kpi-card.featured{border-top:3px solid var(--green);padding-top:15px}.kpi-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-head>span{color:#65736c;font-size:11px;font-weight:600}.kpi-head i{background:var(--green-soft);width:25px;height:25px;color:var(--green);border-radius:7px;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid}.kpi-card strong{letter-spacing:-.5px;font-family:Georgia,serif;font-size:23px;display:block}.trend{margin-top:8px;font-size:10px;font-weight:750}.trend span{color:#8a9791;margin-left:3px;font-weight:400}.trend.up{color:#15865d}.trend.down{color:#cf514d}.kpi-meta{color:#8a9791;justify-content:space-between;margin-top:11px;font-size:9px;display:flex}.danger-text{font-weight:700;color:var(--red)!important}.progress{background:#edf1ef;border-radius:5px;height:4px;margin-top:12px;overflow:hidden}.progress span{background:#62aa8d;border-radius:5px;height:100%;display:block}.progress.danger span{background:#da6963}.split-bar{background:#edf1ef;border-radius:5px;height:4px;margin-top:12px;display:flex;overflow:hidden}.split-bar span{background:#e26c67;width:62%}.split-bar i{background:#efb4b1;width:26%}.spark{opacity:.68;align-items:end;gap:4px;width:90px;height:34px;display:flex;position:absolute;bottom:14px;right:15px}.spark b{background:#91c8b1;border-radius:2px 2px 0 0;flex:1}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px;display:grid}.dashboard-grid.lower{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px 20px}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.panel-heading h2{letter-spacing:-.2px;margin:0;font-family:Georgia,serif;font-size:16px}.panel-heading button{color:var(--green);background:0 0;border:0;padding:6px 0;font-size:9px;font-weight:650}.alert-list{display:grid}.alert-row{border-top:1px solid #eef1ef;grid-template-columns:12px 60px 1fr auto;align-items:center;gap:9px;min-height:45px;display:grid}.alert-row:first-child{border-top:0}.status-dot{border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f8e9e8}.status-dot.red{background:var(--red)}.status-dot.amber{background:var(--amber);box-shadow:0 0 0 4px #fbf1e3}.alert-row strong{font-family:Georgia,serif;font-size:15px}.alert-row p{color:#77857e;margin:0;font-size:10px}.alert-row button{color:#486257;background:#f2f6f4;border:0;border-radius:6px;padding:6px 8px;font-size:9px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-grid button{text-align:left;background:#fafcfb;border:1px solid #e8edea;border-radius:10px;grid-template-columns:26px 1fr;column-gap:8px;min-height:78px;padding:12px;transition:all .18s;display:grid}.quick-grid button:hover{border-color:#b7cfc4;transform:translateY(-1px)}.quick-grid button span{background:var(--green-soft);width:26px;height:26px;color:var(--green);border-radius:7px;grid-row:1/3;place-items:center;font-size:13px;font-weight:800;display:grid}.quick-grid b{align-self:end;font-size:10px}.quick-grid small{color:#909c96;align-self:start;margin-top:2px;font-size:8px}.warehouse-list{gap:2px;display:grid}.warehouse-row{grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:46px;display:grid}.warehouse-icon{color:#447663;background:#edf4f0;border-radius:7px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.warehouse-row>div b{margin-bottom:6px;font-size:10px;font-weight:650;display:block}.warehouse-row>div>span{background:#edf1ef;border-radius:4px;height:3px;display:block}.warehouse-row>div>span i{background:#74ab95;border-radius:4px;height:100%;display:block}.warehouse-row>strong{text-align:right;font-size:10px;font-family:var(--font-geist-sans)}.warehouse-row>strong small{color:#96a19c;margin-top:3px;font-size:8px;font-weight:400;display:block}.donut-wrap{justify-content:center;align-items:center;gap:28px;min-height:205px;display:flex}.donut{background:conic-gradient(#d9504b 0 14%,#e9943c 14% 38%,#f2c66d 38% 68%,#72ad93 68% 100%);border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute}.donut div{z-index:1;text-align:center}.donut strong{font-family:Georgia,serif;font-size:17px;display:block}.donut small{color:#8b9791;font-size:8px}.legend{min-width:145px}.legend p{color:#7b8882;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:12px 0;font-size:9px;display:grid}.legend i{border-radius:50%;width:6px;height:6px}.legend .c1{background:#d9504b}.legend .c2{background:#e9943c}.legend .c3{background:#f2c66d}.legend .c4{background:#72ad93}.legend strong{color:#34463e;font-size:9px}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.topbar{padding:0 16px}.mobile-brand{display:block}.search{flex:1;width:auto}.top-actions .icon-button{display:none}.content{padding:23px 16px 36px}.hero-row{flex-direction:column;align-items:flex-start}.period-control{align-self:stretch}.period-control button{flex:1}.kpi-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.donut-wrap{gap:16px}.alert-row{grid-template-columns:12px 52px 1fr}.alert-row button{display:none}}@media (width<=430px){.primary-button{padding:0 11px;font-size:0}.primary-button:after{content:"Yeni satış";font-size:11px}.search input::placeholder{color:#0000}.panel{padding:17px 15px}.donut{width:112px;height:112px}.donut:after{width:76px;height:76px}.legend{min-width:125px}}.side-nav{scrollbar-width:none;gap:8px;margin-right:-6px;padding-right:6px;overflow:auto}.nav-group>small{color:#587a6c;letter-spacing:1.2px;text-transform:uppercase;padding:4px 11px 3px;font-size:7px;font-weight:800;display:block}.nav-group{gap:2px;display:grid}.side-nav button{color:#9eb1aa;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:35px;padding:0 11px;font-size:11px;font-weight:550;display:flex}.side-nav button span{color:#c4d2cd;border:1px solid #ffffff14;border-radius:6px;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.side-nav button:hover,.side-nav button.active{color:#fff;background:#194635}.side-nav button.active span{color:#18372b;background:#d9f267;border-color:#d9f267}.side-nav button em{color:#fff;background:#c84d49;border-radius:8px;margin-left:auto;padding:1px 5px;font-size:7px;font-style:normal}.search-wrap{width:min(480px,55%);position:relative}.search-wrap .search{width:100%}.search>button{color:#7c8a83;background:0 0;border:0;font-size:16px}.search-results{border:1px solid var(--line);z-index:30;background:#fff;border-radius:11px;padding:8px;position:absolute;top:45px;left:0;right:0;box-shadow:0 16px 35px #182e2426}.search-results>small{letter-spacing:1px;color:#93a099;padding:6px 8px;font-size:7px;display:block}.search-results>button{text-align:left;background:0 0;border:0;border-radius:7px;gap:2px;width:100%;padding:9px 8px;display:grid}.search-results>button:hover{background:#f1f6f3}.search-results b{font-size:10px}.search-results span,.search-results p{color:#849089;margin:0;font-size:8px}.menu-button,.nav-close{display:none}.alert-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.alert-row i{color:#486257;background:#f2f6f4;border-radius:6px;padding:6px 8px;font-size:9px;font-style:normal}.chart-panel .panel-heading>strong{font-family:Georgia,serif;font-size:16px}.chart-panel .panel-heading>strong small{font-family:var(--font-geist-sans);color:#8d9993;text-align:right;font-size:7px;font-weight:400;display:block}.bar-chart{background:repeating-linear-gradient(#0000 0 44px,#f0f3f1 45px);border-bottom:1px solid #edf1ef;align-items:end;gap:12px;height:185px;padding:10px 5px 0;display:flex}.bar-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.bar-chart>div>span{align-items:end;width:100%;height:145px;display:flex}.bar-chart i{background:linear-gradient(#4e9779,#a9d3c1);border-radius:5px 5px 1px 1px;width:100%;max-width:28px;margin:auto;display:block}.bar-chart small{color:#829089;font-size:8px}.rank-list>div{border-top:1px solid #eef2ef;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:48px;display:grid}.rank-list>div:first-child{border-top:0}.rank-list>div>span{width:20px;height:20px;color:var(--green);background:#edf4f0;border-radius:6px;place-items:center;font-size:8px;font-weight:800;display:grid}.rank-list p{margin:0}.rank-list b,.rank-list small{display:block}.rank-list b{font-size:9px}.rank-list small{color:#92a099;margin-top:3px;font-size:7px}.rank-list strong{font-size:9px}.module-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.module-head h1{letter-spacing:-.5px;margin:0 0 7px;font-family:Georgia,serif;font-size:28px}.module-head>div:first-child>p:last-child{color:var(--muted);margin:0;font-size:11px}.module-head>div:last-child{gap:9px;display:flex}.secondary-button{color:#4d6158;background:#fff;border:1px solid #dce4df;border-radius:9px;height:38px;padding:0 14px;font-size:10px;font-weight:650}.mini-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.mini-stats article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:11px;padding:15px;display:flex}.mini-dot{background:#68a98d;border-radius:8px;width:9px;height:36px}.mini-dot.red{background:#dc6a65}.mini-dot.amber{background:#dea052}.mini-dot.blue{background:#5d89b5}.mini-dot.gray{background:#a3aea9}.mini-stats small,.mini-stats strong{display:block}.mini-stats small{color:#89958f;margin-bottom:4px;font-size:8px}.mini-stats strong{font-family:Georgia,serif;font-size:16px}.data-panel{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:73px;padding:14px 18px;display:flex}.table-toolbar>div:first-child{margin-right:auto}.table-toolbar h2{margin:0 0 3px;font-family:Georgia,serif;font-size:16px}.table-toolbar small{color:#919d97;font-size:8px}.table-toolbar label{background:#fafcfb;border:1px solid #e1e7e3;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.table-toolbar label span{color:#8c9992;font-size:15px}.table-toolbar input{background:0 0;border:0;outline:0;width:160px;font-size:9px}.table-toolbar select{color:#66756e;background:#fff;border:1px solid #e1e7e3;border-radius:8px;height:34px;padding:0 28px 0 10px;font-size:9px}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;white-space:nowrap;width:100%}.table-scroll th{text-align:left;color:#8a9690;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line);background:#f8faf9;padding:10px 14px;font-size:7px}.table-scroll td{color:#5d6e66;border-bottom:1px solid #eef2ef;padding:12px 14px;font-size:9px}.table-scroll td b{color:#263b32;font-size:9px}.status{border-radius:10px;align-items:center;gap:5px;padding:4px 7px;font-size:7px;font-weight:650;display:inline-flex}.status i{border-radius:50%;width:4px;height:4px}.status.green{color:#177954;background:#e8f5ef}.status.green i{background:#24906b}.status.red{color:#b94743;background:#faeceb}.status.red i{background:#d35a55}.status.amber{color:#a96a1d;background:#fbf1e4}.status.amber i{background:#d99038}.status.blue{color:#3d6e9f;background:#eaf1f8}.status.blue i{background:#5685b3}.status.gray{color:#69756f;background:#eef1ef}.status.gray i{background:#8d9892}.more-button{color:#7e8c85;background:0 0;border:0}.table-footer{color:#87938d;justify-content:space-between;align-items:center;padding:11px 18px;font-size:8px;display:flex}.table-footer button{color:#7d8b84;background:#fff;border:1px solid #e1e7e3;width:25px;height:25px}.table-footer .current{background:var(--green);color:#fff;border-color:var(--green)}.table-footer button:first-child{border-radius:6px 0 0 6px}.table-footer button:last-child{border-radius:0 6px 6px 0}.reports-panel{padding:18px}.reports-toolbar{gap:10px;margin-bottom:16px;display:flex}.reports-toolbar label{border:1px solid var(--line);border-radius:8px;flex:1;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.reports-toolbar input{border:0;outline:0;flex:1;font-size:10px}.reports-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;font-size:9px}.report-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.report-grid button{border:1px solid var(--line);text-align:left;background:#fbfcfb;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:67px;padding:11px;display:grid}.report-grid button:hover{background:#f4f9f6;border-color:#9fc5b4}.report-grid>button>span{background:var(--green-soft);width:30px;height:30px;color:var(--green);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.report-grid b,.report-grid small{display:block}.report-grid b{font-size:9px}.report-grid small{color:#929d97;margin-top:4px;font-size:7px}.report-grid i{color:#7c8d84;font-style:normal}.notification-tabs{border-bottom:1px solid var(--line);gap:7px;padding-bottom:13px;display:flex}.notification-tabs button{color:#7d8a84;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:9px}.notification-tabs button.active{background:var(--green-soft);color:var(--green);font-weight:700}.notification-tabs span{color:#fff;background:#c94e49;border-radius:8px;margin-left:4px;padding:1px 5px}.notification-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1ef;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;width:100%;padding:14px 5px;display:grid}.notice-icon{border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.notice-icon.red{color:#c94e49;background:#f9e9e8}.notice-icon.amber{color:#c17a27;background:#fbf1e3}.notice-icon.green{color:#167550;background:#e8f4ee}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:10px}.notification-item small{color:#929e98;margin-top:4px;font-size:8px}.notification-item>i{color:#7f8e86;font-style:normal}.admin-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-card{min-height:225px}.admin-card h2{margin:0 0 18px;font-family:Georgia,serif;font-size:18px}.admin-card>strong{font-family:Georgia,serif;font-size:29px}.admin-card>strong small{font-family:var(--font-geist-sans);color:#8c9892;font-size:8px}.admin-card>button{color:var(--green);background:0 0;border:0;margin-top:20px;padding:0;font-size:9px}.admin-lines{gap:6px;margin-top:15px;display:grid}.admin-lines span{background:#e8f0ec;border-radius:5px;height:5px}.admin-lines span:first-child{background:#82b49f;width:78%}.admin-lines span:nth-child(2){width:57%}.admin-lines span:nth-child(3){width:42%}.avatar-stack{margin:17px 0;display:flex}.avatar-stack i{color:#23543f;background:#d9e9e2;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-7px;font-size:8px;font-style:normal;display:grid}.avatar-stack i:first-child{margin:0}.setting-line{border-top:1px solid #eef1ef;justify-content:space-between;padding:11px 0;font-size:9px;display:flex}.setting-line b{color:var(--green)}.approval-flow{align-items:center;gap:7px;margin-top:19px;display:flex}.approval-flow i{color:#3c6a57;background:#edf4f0;border-radius:7px;padding:8px;font-size:8px;font-style:normal}.approval-flow span{color:#8f9b95}.notification-drawer{border:1px solid var(--line);z-index:40;background:#fff;border-radius:12px;width:320px;padding:10px;position:absolute;top:58px;right:120px;box-shadow:0 18px 44px #132f232e}.notification-drawer>div{justify-content:space-between;align-items:center;padding:4px 5px 9px;display:flex}.notification-drawer h3{margin:0;font-family:Georgia,serif;font-size:15px}.notification-drawer>div button{background:0 0;border:0;font-size:17px}.notification-drawer>button:not(.drawer-all){text-align:left;background:#fff;border:0;border-top:1px solid #eef2ef;grid-template-columns:30px 1fr;gap:9px;width:100%;padding:11px 5px;display:grid}.notification-drawer p{margin:0}.notification-drawer b,.notification-drawer small{display:block}.notification-drawer b{font-size:8px}.notification-drawer small{color:#929d97;margin-top:3px;font-size:7px}.notification-drawer .notice-icon{width:27px;height:27px}.drawer-all{width:100%;color:var(--green);background:#eef5f1;border:0;border-radius:7px;padding:9px;font-size:8px;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0819127a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(620px,100%);max-height:94vh;overflow:auto;box-shadow:0 24px 70px #0618104d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.modal-head h2{margin:0;font-family:Georgia,serif;font-size:20px}.modal-head>button{color:#67766f;background:#f0f3f1;border:0;border-radius:8px;width:29px;height:29px;font-size:17px}.steps{background:#f8faf9;align-items:center;padding:16px 22px;display:flex}.steps>span{color:#9aa49f;align-items:center;gap:5px;font-size:8px;display:flex}.steps>span b{font-weight:600}.steps>span.active{color:var(--green);font-weight:800}.steps>i{background:#dbe3df;flex:1;height:1px;margin:0 10px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;padding:20px 22px;display:grid}.form-grid label{color:#5d6e66;gap:6px;font-size:8px;font-weight:700;display:grid}.form-grid label.wide,.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{color:#293b33;background:#fff;border:1px solid #dfe6e2;border-radius:8px;outline:0;height:39px;padding:0 10px;font-size:10px}.form-grid input:focus,.form-grid select:focus{border-color:#78a891;box-shadow:0 0 0 3px #edf5f1}.credit-note,.fefo-note{color:#216a4d;background:#edf7f2;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;display:flex}.credit-note>span{background:#d7eee3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.credit-note p,.fefo-note p{margin:0}.credit-note b,.credit-note small{display:block}.credit-note b{font-size:9px}.credit-note small{color:#609078;margin-top:3px;font-size:7px}.fefo-note>span{border:1px solid #8dbea7;border-radius:5px;padding:4px;font-size:7px;font-weight:900}.fefo-note p{font-size:8px}.invoice-summary{padding:20px 22px}.invoice-summary>div{border-bottom:1px solid #edf1ef;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.invoice-summary span{color:#7a8881}.invoice-summary .total{border:0;align-items:end;padding-top:17px}.invoice-summary .total strong{color:var(--green);font-family:Georgia,serif;font-size:24px}.invoice-summary>p{color:#7d8a84;background:#f5f8f6;border-radius:8px;padding:10px;font-size:8px;line-height:1.5}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 22px;display:flex}.toast{color:#fff;z-index:120;background:#14372a;border-radius:10px;align-items:center;gap:9px;padding:12px 16px;font-size:9px;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 13px 30px #05231647}.toast span{color:#17372b;background:#d9f267;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:900;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.nav-backdrop{display:none}.detail-row td{white-space:normal!important;background:#f8faf9!important}.detail-row dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.detail-row dl>div{min-width:0}.detail-row dt{text-transform:uppercase;letter-spacing:.5px;color:#8b9791;font-size:7px}.detail-row dd{color:#31463c;word-break:break-word;margin:3px 0 0}.admin-detail{margin-top:14px}.admin-detail>div{justify-content:space-between;align-items:center;display:flex}.admin-detail h2{margin:0;font-family:Georgia,serif;font-size:16px}.admin-detail button{background:#eef2ef;border:0;border-radius:7px;width:28px;height:28px}.admin-detail p{color:#64756d;margin:12px 0 0;font-size:10px;line-height:1.65}.sidebar-foot form{margin:0}.sidebar-foot form button{font-size:16px}.login-shell{background:radial-gradient(circle at top left,#dfeee7,transparent 42%),var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(430px,100%);padding:30px;box-shadow:0 24px 70px #0e342521}.login-brand{align-items:center;gap:11px;margin-bottom:28px;display:flex}.login-brand>span{color:#173329;background:#d9f267;border-radius:12px 6px;place-items:center;width:40px;height:40px;font-size:21px;font-weight:900;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:16px}.login-brand small{color:#7d8d85;text-transform:uppercase;letter-spacing:.7px;margin-top:3px;font-size:9px}.login-card h1{margin:0;font-family:Georgia,serif;font-size:26px;line-height:1.15}.login-copy{color:#75857d;margin:10px 0 20px;font-size:11px;line-height:1.6}.login-error{color:#a5413d;background:#faeceb;border:1px solid #f2cfcc;border-radius:8px;padding:10px 11px;font-size:9px;line-height:1.5}.login-form{gap:14px;display:grid}.login-form label{color:#53675d;gap:7px;font-size:9px;font-weight:700;display:grid}.login-form input{border:1px solid #dce5e0;border-radius:9px;outline:0;height:42px;padding:0 11px}.login-form input:focus{border-color:#78a891;box-shadow:0 0 0 3px #edf5f1}.login-form button{height:42px;margin-top:3px}@media (width<=1100px){.report-grid,.mini-stats{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar.mobile-open{z-index:90;width:min(280px,84vw);animation:.2s slide-nav;display:flex}.nav-close{color:#fff;background:0 0;border:0;margin-left:auto;font-size:20px;display:block!important}.nav-backdrop{z-index:80;background:#05140e73;border:0;display:block;position:fixed;inset:0}.menu-button{color:#53685e;background:0 0;border:0;font-size:17px;display:block}.search-wrap{flex:1;width:auto}.module-head{flex-direction:column;align-items:flex-start}.module-head>div:last-child{width:100%}.module-head>div:last-child button{flex:1}.mini-stats{grid-template-columns:1fr 1fr}.report-grid,.admin-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}.table-toolbar>div:first-child{width:100%}.table-toolbar label{flex:1}.table-toolbar input{width:100%}.notification-drawer{width:auto;position:fixed;top:62px;left:12px;right:12px}.modal{max-height:96vh}.form-grid{grid-template-columns:1fr}.form-grid label.wide,.form-grid .wide{grid-column:auto}.alert-row{grid-template-columns:12px 52px 1fr}.alert-row i{display:none}@keyframes slide-nav{0%{transform:translate(-100%)}to{transform:none}}}@media (width<=430px){.mini-stats{grid-template-columns:1fr}.reports-toolbar{flex-direction:column}.reports-toolbar select{height:38px}.module-head h1{font-size:24px}.modal-backdrop{padding:7px}.modal-head,.form-grid,.invoice-summary,.steps{padding-left:16px;padding-right:16px}.steps>span b{display:none}.detail-row dl{grid-template-columns:1fr}.login-card{padding:23px}}