:root{--ink:#12221f;--muted:#64746f;--line:#dfe8e4;--bg:#f4f7f6;--panel:#fff;--teal:#0f766e;--teal-dark:#0a5b55;--teal-soft:#e7f5f2;--amber:#d97706;--amber-soft:#fff5df;--red:#c2413a;--red-soft:#fdf0ef;--green:#16805d;--green-soft:#eaf7f1;--violet:#6d5bd0;--violet-soft:#f0edff;--sidebar:#102822;--shadow:0 8px 30px rgba(16,40,34,.07);--radius:16px;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:24px;letter-spacing:-.5px;margin-bottom:0}h2{font-size:19px;letter-spacing:-.25px;margin-bottom:4px}h3{margin-bottom:0}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.text-danger{color:var(--red)!important}.text-success{color:var(--green)!important}.is-hidden{display:none!important}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--teal);margin-bottom:8px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:var(--sidebar);color:#dce9e5;display:flex;flex-direction:column;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:22px 20px 19px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand strong{display:block;color:#fff;font-size:15px}.sidebar-brand small{display:block;color:#86a59c}.brand-mark{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#17a596,var(--teal));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 6px 18px rgba(15,118,110,.25);flex:0 0 auto}.brand-mark-small{width:38px;height:38px;border-radius:10px;font-size:13px}.brand-mark-light{background:#fff;color:var(--teal);box-shadow:none}.side-nav{padding:14px 12px;overflow:auto;flex:1}.side-nav a{display:flex;align-items:center;gap:11px;color:#abc1ba;padding:10px 12px;border-radius:9px;margin:2px 0;font-weight:600;font-size:13px;transition:.15s}.side-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.side-nav a.active{background:#17685f;color:#fff;box-shadow:inset 3px 0 #45d0bf}.nav-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:17px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#6e8d84;font-weight:800;margin:18px 12px 7px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#d9f3ee;color:var(--teal);font-weight:800;flex:0 0 auto}.user-copy{min-width:0;flex:1}.user-copy strong,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy strong{color:#fff;font-size:13px}.user-copy small{color:#7fa096}.logout-link{font-size:21px;color:#86a59c;padding:5px}.logout-link:hover{color:white}.main-area{min-height:100vh;margin-left:252px;display:flex;flex-direction:column}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25}.breadcrumb{font-size:9px;color:#80908b;letter-spacing:1.2px;font-weight:700;margin-bottom:4px}.topbar-actions{display:flex;align-items:center;gap:12px}.today-pill{border:1px solid var(--line);padding:8px 12px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:600}.today-pill span{color:#2abf87;font-size:9px}.menu-button{display:none;border:0;background:none;font-size:23px;color:var(--ink)}.content{padding:25px 28px 40px;flex:1;max-width:1600px;width:100%;margin:auto}.app-footer{padding:16px 28px;border-top:1px solid var(--line);color:#8a9994;font-size:11px;display:flex;justify-content:space-between}.sidebar-overlay{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 9px rgba(15,55,46,.025)}.section-gap{margin-top:20px}.panel-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.panel-head h2{margin:0}.panel-head p{color:var(--muted);font-size:12px;margin:2px 0 0}.panel-head>a{color:var(--teal);font-weight:700;font-size:12px}.welcome-strip{background:linear-gradient(115deg,#0d6b63,#149083);border-radius:var(--radius);color:#fff;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 12px 28px rgba(15,118,110,.14)}.welcome-strip .eyebrow{color:#91e5d9}.welcome-strip h2{font-size:22px}.welcome-strip p:last-child{margin-bottom:0;color:#c9e7e2}.btn{border:1px solid transparent;padding:10px 15px;border-radius:9px;font-weight:700;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:.15s;line-height:1.2}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 5px 15px rgba(15,118,110,.15)}.btn-primary:hover{background:var(--teal-dark)}.btn-secondary{background:#fff;border-color:#cddbd6;color:#2f4d46}.btn-light{background:#fff;color:var(--teal)}.btn-ghost{background:transparent;border-color:var(--line);color:#526762}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:7px 11px;font-size:11px}.btn-block{width:100%}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;min-height:106px}.stat-card-highlight{border-color:#aad8c9;background:linear-gradient(145deg,#fff,#f3fbf8)}.stat-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex:0 0 auto}.stat-icon.teal{color:var(--teal);background:var(--teal-soft)}.stat-icon.amber{color:var(--amber);background:var(--amber-soft)}.stat-icon.violet{color:var(--violet);background:var(--violet-soft)}.stat-icon.green{color:var(--green);background:var(--green-soft)}.stat-card p{font-size:11px;color:var(--muted);font-weight:700;margin:0 0 3px}.stat-card h3{font-size:20px;letter-spacing:-.4px;white-space:nowrap}.stat-card small{display:block;margin-top:4px}.compact-stats .stat-card{min-height:94px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 360px;gap:18px;margin-bottom:20px}.span-2{grid-column:span 2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#71817c;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;background:#fafcfb;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #edf2f0;color:#334943;vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}td strong{color:var(--ink)}td small{display:block;margin-top:2px}.empty-cell{text-align:center;padding:35px;color:var(--muted)}.table-link{color:var(--teal);font-weight:800;font-size:12px}.button-link{background:none;border:0;padding:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.2px}.badge-booked{color:#9b5b00;background:var(--amber-soft)}.badge-dispatched{color:#4f46a5;background:var(--violet-soft)}.badge-delivered{color:#087354;background:var(--green-soft)}.badge-cancelled,.badge-returned{color:#aa3732;background:var(--red-soft)}.count-pill{padding:3px 8px;border-radius:99px;background:var(--amber-soft);color:var(--amber);font-weight:800}.attention-list{padding:8px 16px}.attention-list>a{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf2f0}.attention-list>a:last-child{border:0}.attention-list>a>span:nth-child(2){flex:1;min-width:0}.attention-list strong,.attention-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-initial{width:34px;height:34px;border-radius:9px;background:#eef4f2;display:flex;align-items:center;justify-content:center;color:#3f6058;font-weight:800}.stock-danger{font-size:10px!important;color:var(--red);font-weight:800;white-space:nowrap}.legend-dot{color:var(--green);font-size:10px}.order-card-grid{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.order-card{border:1px solid var(--line);padding:14px;border-radius:12px;transition:.15s}.order-card:hover{border-color:#82bdb3;transform:translateY(-1px)}.order-card>div{display:flex;align-items:center;justify-content:space-between}.order-card p{margin:7px 0 12px;color:var(--muted);font-size:11px}.order-card footer{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:10px;font-size:11px}.empty-state{text-align:center;padding:28px;color:var(--muted);grid-column:1/-1}.empty-state>span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green);margin:0 auto 10px}.empty-state.compact{padding:18px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.form-main{min-width:0}.form-section{padding:21px;margin-bottom:17px}.section-title{display:flex;align-items:flex-start;gap:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.section-title>span{width:30px;height:30px;border-radius:8px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.section-title h2{margin:0}.section-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.section-title-actions>div{flex:1}.form-grid{display:grid;gap:14px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.stack-form{display:flex;flex-direction:column;gap:14px}label{font-size:11px;font-weight:750;color:#425a54;display:flex;flex-direction:column;gap:6px}label b{color:var(--red)}input,select,textarea{width:100%;border:1px solid #cfddd8;background:#fff;border-radius:8px;padding:10px 11px;color:var(--ink);outline:0;transition:.15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#58a99d;box-shadow:0 0 0 3px rgba(15,118,110,.08)}input[readonly]{background:#f3f6f5;color:#6c7e78}.line-items{display:flex;flex-direction:column;gap:10px}.line-item{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;padding:13px 38px 13px 13px;display:grid;gap:10px;position:relative;align-items:end}.sale-line{grid-template-columns:28px minmax(230px,2.3fr) 80px 105px 105px 120px}.purchase-line{grid-template-columns:28px 120px minmax(180px,2fr) 110px 110px 80px 110px}.line-number{width:26px;height:26px;border-radius:7px;background:#e9f4f1;color:var(--teal);font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.line-total{padding:0 4px 8px}.line-total span,.line-total strong{display:block}.line-total span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.6px}.line-total strong{font-size:13px;margin-top:7px}.remove-line{position:absolute;right:9px;top:9px;border:0;background:#f3f6f5;color:#81908c;border-radius:50%;width:23px;height:23px;font-size:17px;line-height:1}.remove-line:hover{background:var(--red-soft);color:var(--red)}.stock-hint{min-height:18px}.sticky-card{position:sticky;top:103px}.invoice-summary{padding:21px}.invoice-summary>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf2f0;color:var(--muted);font-size:12px}.invoice-summary>div strong{color:var(--ink)}.invoice-summary .summary-total{font-size:14px;padding:16px 0}.invoice-summary .summary-total strong{font-size:18px;color:var(--teal)}.invoice-summary .summary-profit{background:var(--green-soft);margin:8px -8px 15px;padding:12px 9px;border:0;border-radius:8px;color:var(--green)}.invoice-summary .summary-profit strong{color:var(--green)}.summary-note{background:#f4f7f6;border-radius:9px;padding:10px;color:var(--muted);font-size:10px;margin:10px 0 15px}.invoice-summary .btn{margin-top:8px}.mobile-submit{display:none}.toolbar{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-tabs{display:flex;gap:4px;overflow:auto}.filter-tabs a{padding:8px 11px;border-radius:8px;font-size:11px;font-weight:750;color:#657872;white-space:nowrap}.filter-tabs a span{background:#eef3f1;border-radius:99px;padding:2px 6px;margin-left:4px}.filter-tabs a.active{background:var(--teal-soft);color:var(--teal)}.search-form,.date-filter{display:flex;align-items:center;gap:8px}.search-form input{min-width:270px}.date-filter input{width:145px}.stock-figure{font-size:18px}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.invoice-toolbar>div{display:flex;gap:8px}.inline-form{display:inline-flex}.invoice-view-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.invoice-document{padding:32px}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid var(--ink)}.invoice-header>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.invoice-header .brand-mark{grid-row:span 2}.invoice-header h2{margin:4px 0 0}.invoice-header p{grid-column:2;margin:0;color:var(--muted);font-size:11px}.invoice-title{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.invoice-title>span:first-child{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:800}.invoice-title>strong{font-size:20px}.invoice-meta{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:25px 0}.invoice-meta>div:first-child>span,.invoice-notes>span{font-size:9px;letter-spacing:1.2px;color:var(--teal);font-weight:900}.invoice-meta>div:first-child>strong{display:block;margin:7px 0 3px;font-size:16px}.invoice-meta p{margin:3px 0;color:#5c6e68;font-size:11px}.invoice-meta>div:last-child p{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:5px 0}.invoice-meta>div:last-child span{color:var(--muted)}.invoice-table{border:1px solid var(--line)}.invoice-table th{background:#122b25;color:#fff}.invoice-bottom{display:grid;grid-template-columns:1fr 290px;gap:35px;padding-top:25px}.invoice-notes p{font-size:11px;color:var(--muted);margin-top:8px}.invoice-totals p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid #edf2f0;font-size:12px}.invoice-totals .grand{font-size:16px;padding:12px 0}.invoice-totals .grand strong{color:var(--teal)}.invoice-totals .due{color:var(--red);border-bottom:0}.invoice-footer{text-align:center;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:var(--muted);font-size:11px}.invoice-side{display:flex;flex-direction:column;gap:15px}.status-panel,.profit-panel,.danger-panel{padding:20px}.status-large{margin:10px 0 15px}.status-large .badge{font-size:12px;padding:6px 11px}.status-panel dl,.profit-panel dl{margin:0}.status-panel dl>div,.profit-panel dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf2f0}.status-panel dt,.profit-panel dt{color:var(--muted);font-size:11px}.status-panel dd,.profit-panel dd{margin:0;font-weight:750;font-size:11px;text-align:right}.profit-total{border-top:2px solid var(--ink);border-bottom:0!important;margin-top:6px}.profit-total dd{color:var(--green);font-size:15px}.danger-panel{border-color:#f2cecc}.danger-panel h3{font-size:14px}.danger-panel p{font-size:11px;color:var(--muted);margin:5px 0 12px}.modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:20px}.modal-visible{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(8,28,23,.62);backdrop-filter:blur(3px)}.modal-card{position:relative;z-index:1;background:#fff;border-radius:17px;padding:26px;width:min(540px,100%);box-shadow:0 24px 80px rgba(0,0,0,.25);max-height:90vh;overflow:auto}.modal-wide{width:min(900px,100%)}.modal-card h2{font-size:22px}.modal-close{position:absolute;right:15px;top:13px;border:0;background:#eef3f1;width:30px;height:30px;border-radius:50%;font-size:20px;color:#61756e}.link-close{text-align:center;line-height:29px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-open{overflow:hidden}.adjust-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end}.adjust-form h3{grid-column:1/-1;font-size:14px}.account-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.account-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;text-align:left;transition:.15s}.account-card.active{border-color:var(--teal);box-shadow:0 0 0 2px rgba(15,118,110,.08)}.account-card:hover{transform:translateY(-1px)}.account-card>div{display:flex;align-items:center;gap:9px}.account-card>div span:last-child{display:flex;flex-direction:column}.account-symbol{width:34px;height:34px;border-radius:9px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center;font-weight:900}.account-card p{font-size:10px;color:var(--muted);margin:17px 0 1px;text-transform:uppercase;font-weight:700}.account-card h3{font-size:19px}.add-account-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;color:var(--muted);border-style:dashed}.add-account-card>span{font-size:22px;color:var(--teal)}.add-account-card small{display:block}.account-summary-row{display:flex;align-items:center;gap:12px;margin-bottom:17px}.account-summary-row>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column}.account-summary-row>div span{font-size:10px;color:var(--muted)}.account-summary-row>div strong{font-size:13px}.account-summary-row>button:first-of-type{margin-left:auto}.report-header{padding:20px 23px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.report-header h2{font-size:22px}.report-header p:last-child{margin:0;color:var(--muted);font-size:11px}.profit-equation{padding:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.profit-equation>div{display:flex;flex-direction:column}.profit-equation span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.profit-equation strong{font-size:14px}.profit-equation>b{color:#a1afaa}.profit-equation .equation-result{background:var(--green-soft);padding:10px 15px;border-radius:9px}.equation-result strong{color:var(--green);font-size:17px}.rank-list{padding:5px 17px}.rank-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f0}.rank-list>div>span:nth-child(2){flex:1;min-width:0}.rank-list strong,.rank-list small{display:block}.rank{width:25px;height:25px;border-radius:7px;background:#eef3f1;display:flex!important;align-items:center;justify-content:center;color:var(--muted);font-weight:800}.split-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.split-heading h2{font-size:22px}.split-heading p{margin:0;color:var(--muted)}.user-cell{display:flex;align-items:center;gap:9px}.role-chip{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:800}.role-admin{background:#fce9e7;color:#a93d36}.role-sales{background:var(--teal-soft);color:var(--teal)}.role-purchase{background:var(--amber-soft);color:var(--amber)}.role-accountant{background:var(--violet-soft);color:var(--violet)}.role-viewer{background:#eef3f1;color:#61736d}.permission-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px}.permission-grid>div{border:1px solid var(--line);border-radius:10px;padding:13px}.permission-grid p{margin:5px 0 0;color:var(--muted);font-size:10px}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:15px;border:1px solid;font-size:12px;font-weight:650}.alert-success{background:var(--green-soft);border-color:#bde3d4;color:#076b4e}.alert-error{background:var(--red-soft);border-color:#f1c8c5;color:#a53a35}.alert-warning{background:var(--amber-soft);border-color:#efd9a6;color:#8a5607}.alert-dismissible{display:flex;justify-content:space-between;align-items:center}.alert-dismissible button{border:0;background:none;font-size:18px;color:inherit}.account-chip{background:#eef5f3;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:800}.auth-body{background:#eaf1ef;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}.auth-card{width:min(900px,100%);min-height:550px;background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;box-shadow:0 25px 80px rgba(15,48,40,.14)}.auth-visual{background:linear-gradient(145deg,#0d635b,#102d27);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;position:relative}.auth-visual:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;bottom:-100px;box-shadow:0 0 0 55px rgba(255,255,255,.025)}.auth-visual .eyebrow{color:#78d7ca;margin-top:40px}.auth-visual h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin-bottom:18px}.auth-visual>p:not(.eyebrow){color:#b9d2cc;max-width:360px}.auth-stat{margin-top:55px;border-left:3px solid #40bcae;padding-left:14px;display:flex;flex-direction:column}.auth-stat span{color:#9cbcb4;font-size:11px}.auth-form-wrap{padding:55px 48px;display:flex;flex-direction:column;justify-content:center}.auth-form-wrap h2{font-size:25px}.auth-form-wrap>.muted{margin-bottom:24px}.mobile-brand{display:none}.setup-card{background:#fff;width:min(500px,100%);padding:38px;border-radius:20px;box-shadow:var(--shadow);text-align:center}.setup-card .brand-mark{margin-bottom:20px}.setup-card h1{margin-bottom:10px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:5px 14px}.setup-grid span,.setup-grid strong{padding:8px 0;border-bottom:1px solid var(--line)}.setup-grid :nth-last-child(-n+2){border-bottom:0}.credentials{background:var(--teal-soft);border-radius:10px;padding:15px;margin:16px 0;text-align:left}.print-body{background:#eef2f1;padding:25px}.print-page{width:210mm;min-height:270mm;margin:auto;background:#fff;padding:18mm;box-shadow:var(--shadow)}.print-actions{width:210mm;margin:0 auto 15px;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.panel:last-child{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(2,1fr)}.account-card-grid{grid-template-columns:repeat(3,1fr)}.sale-line{grid-template-columns:28px minmax(210px,2fr) 80px 100px 100px}.sale-line .line-total{grid-column:2/-1}.purchase-line{grid-template-columns:28px 1fr 1.5fr 1fr}.purchase-line>:nth-child(n+5){grid-column:auto}.purchase-line .line-total{grid-column:auto}.permission-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,20,16,.55);z-index:35}.main-area{margin-left:0}.menu-button{display:block}.topbar{justify-content:flex-start;gap:14px}.topbar-actions{margin-left:auto}.content{padding:20px}.form-layout,.invoice-view-grid,.settings-grid{grid-template-columns:1fr}.form-sidebar{order:-1}.sticky-card{position:static}.invoice-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.invoice-summary>.eyebrow,.invoice-summary>.summary-note,.invoice-summary>.btn{grid-column:1/-1}.invoice-summary .summary-profit{margin:8px 0 15px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.span-2,.dashboard-grid>.panel:last-child{grid-column:1}.order-card-grid{grid-template-columns:repeat(2,1fr)}.account-card-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.search-form input{flex:1;min-width:0}.profit-equation{overflow:auto;justify-content:flex-start}.profit-equation>div{min-width:120px}.desktop-only{display:none}.invoice-side{display:grid;grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{font-size:13px}.topbar{height:70px;padding:12px 15px}.topbar h1{font-size:19px}.today-pill{display:none}.content{padding:14px}.app-footer{padding:13px 15px}.welcome-strip{padding:20px;align-items:flex-start}.welcome-strip .btn{display:none}.welcome-strip h2{font-size:20px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;min-height:90px;gap:10px}.stat-icon{width:36px;height:36px;font-size:15px}.stat-card h3{font-size:15px}.stat-card small{display:none}.order-card-grid{grid-template-columns:1fr}.form-section{padding:15px}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.line-item,.sale-line,.purchase-line{grid-template-columns:1fr 1fr;padding:35px 10px 12px}.line-number{position:absolute;top:8px;left:10px}.line-product{grid-column:1/-1}.line-total{grid-column:auto!important;padding:0 4px 8px}.form-sidebar{order:0}.invoice-summary{display:block}.desktop-submit{display:none}.mobile-submit{display:block;margin-bottom:15px}.section-title-actions{flex-wrap:wrap}.section-title-actions .btn{margin-left:42px}.filter-tabs{width:100%}.search-form{width:100%}.table-wrap table{min-width:720px}.invoice-toolbar{align-items:flex-start;gap:10px}.invoice-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.invoice-document{padding:18px}.invoice-header{gap:12px}.invoice-header p{display:none}.invoice-title>strong{font-size:15px}.invoice-meta{grid-template-columns:1fr;gap:15px}.invoice-bottom{grid-template-columns:1fr;gap:15px}.invoice-side{grid-template-columns:1fr}.account-card-grid{grid-template-columns:1fr 1fr;gap:9px}.account-card{padding:12px}.account-card h3{font-size:15px}.account-summary-row{flex-wrap:wrap}.account-summary-row>div{width:calc(50% - 6px)}.account-summary-row>button{flex:1}.account-summary-row>button:first-of-type{margin-left:0}.report-header{align-items:flex-start;flex-direction:column;gap:14px}.date-filter{flex-wrap:wrap}.date-filter input{width:135px}.permission-grid{grid-template-columns:1fr}.adjust-form{grid-template-columns:1fr}.split-heading{align-items:flex-start}.auth-body{padding:0;background:#fff}.auth-card{display:block;border-radius:0;min-height:100vh}.auth-visual{display:none}.auth-form-wrap{padding:40px 25px;min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:70px}.mobile-brand .brand-mark{width:38px;height:38px}.setup-card{box-shadow:none;padding:25px}.modal{padding:10px}.modal-card{padding:22px 17px}.modal-actions .btn{flex:1}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.stat-card{min-height:76px}.account-card-grid{grid-template-columns:1fr}.invoice-toolbar{flex-direction:column}.invoice-toolbar>div{justify-content:flex-start}.app-footer span:last-child{display:none}}
@media print{body.print-body{background:#fff;padding:0}.print-actions{display:none}.print-page{box-shadow:none;width:100%;min-height:auto;padding:8mm}.badge{border:1px solid currentColor}.invoice-footer{position:relative}@page{size:A4;margin:8mm}}
.panel,.dashboard-grid{min-width:0}
.logout-form{margin:0}.logout-form .logout-link{border:0;background:transparent}
.profile-summary{display:flex;align-items:center;gap:16px;padding:8px 0 20px}.profile-avatar{width:58px;height:58px;font-size:20px}.profile-summary h2{margin:0}.profile-summary p{margin:2px 0 8px;color:var(--muted)}.access-note{text-align:left;margin:0}.access-note p{margin:5px 0 0;color:var(--muted);font-size:12px}
.row-actions{display:flex;align-items:center;gap:12px}.safety-note{background:var(--amber-soft);border:1px solid #efd9a6;color:#76500e;padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:12px}