:root{--font-cairo:"Segoe UI","Tahoma","Arial",sans-serif;--font-changa:"Segoe UI Semibold","Segoe UI","Tahoma",sans-serif;--bg:#f2f0e8;--bg-accent:radial-gradient(circle at 10% 20%,#ffe9c4 0%,transparent 35%),radial-gradient(circle at 90% 10%,#d9f3ef 0%,transparent 30%),linear-gradient(130deg,#f4efe3 0%,#ece8dd 45%,#f7f4ec 100%);--ink:#1f2430;--muted:#5f6673;--card:#ffffffd1;--line:#414a5c26;--brand:#0f6d62;--brand-2:#ce7b2f;--danger:#b63131;--shadow:0 18px 45px #141c2814;--radius:18px}body[data-theme=dark]{--bg:#0f141b;--bg-accent:radial-gradient(circle at 10% 20%,#2e405673 0%,transparent 35%),radial-gradient(circle at 90% 10%,#1c5c5659 0%,transparent 30%),linear-gradient(130deg,#121923 0%,#131d28 45%,#0e1620 100%);--ink:#e8eef7;--muted:#9eafc2;--card:#161f2bd1;--line:#97acc63d;--shadow:0 18px 45px #03070c73}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--bg);background-image:var(--bg-accent);font-family:var(--font-cairo),sans-serif;font-variant-numeric:tabular-nums lining-nums;margin:0;padding:0}body{animation:.32s ease-out pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shell{grid-template-columns:290px 1fr;gap:18px;min-height:100vh;padding:14px;display:grid}.sidebar{color:#eef4ff;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(170deg,#13212f 0%,#0f2a2e 46%,#17343a 100%);flex-direction:column;gap:18px;padding:16px;display:flex;overflow:auto}.brand{border-bottom:1px solid #ffffff2b;align-items:center;gap:10px;padding-bottom:8px;display:flex}.brand-mark{background:linear-gradient(145deg,var(--brand-2),#f0a05f);color:#172022;width:52px;height:52px;font-size:16px;font-weight:700;font-family:var(--font-changa),sans-serif;border-radius:14px;place-items:center;display:grid}.brand p{color:#c9d5dc;margin:2px 0 0;font-size:12px}.menu{flex-direction:column;gap:6px;display:flex}.menu-group{border-bottom:1px solid #ffffff14;flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.menu-group:last-child{border-bottom:0;padding-bottom:0}.menu-group-toggle{color:#b8c9d6;cursor:pointer;width:100%;font:inherit;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px 4px;display:flex}.menu-group-toggle:hover{color:#fff}.menu-group-title{letter-spacing:.2px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.menu-group.open .menu-group-toggle svg:last-child{transform:rotate(180deg)}.menu-group-toggle svg:last-child{transition:transform .2s}.menu-group-items{padding-inline-start:6px;flex-direction:column;gap:6px;padding-bottom:6px;display:flex}.menu-subgroup{flex-direction:column;gap:6px;display:flex}.menu-subgroup-toggle{color:#dce8ef;cursor:pointer;width:100%;font:inherit;text-align:start;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.menu-subgroup-toggle:hover,.menu-subgroup-toggle.active{color:#fff;background:#ffffff1f}.menu-subgroup.open .menu-subgroup-toggle svg:last-child{transform:rotate(180deg)}.menu-subgroup-items{border-inline-start:1px solid #ffffff1a;flex-direction:column;gap:6px;margin-inline-start:18px;padding-inline-start:12px;display:flex}.menu-item{color:#dce8ef;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#ffffff1f;transform:translate(-2px)}.menu-item.nested{padding-block:9px;font-size:13px}.menu-item.active{color:#fff;background:#fff3;border:1px solid #ffffff40}.menu-item.soon{opacity:.75;cursor:not-allowed}.menu-item.soon small{color:#ffd28f;margin-inline-start:auto;font-size:11px}.content{flex-direction:column;gap:16px;padding:10px;display:flex}.content-body{flex:1}.app-footer{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px 14px;font-size:12px;display:flex}.app-footer-sep{opacity:.7}.sidebar-contact{color:#c9d7e2;border:1px solid #fff3;border-radius:12px;margin-top:auto;padding:10px;font-size:12px}.sidebar-contact p{margin:6px 0;line-height:1.55}.module-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.module-card{border:1px solid var(--line);color:var(--ink);background:linear-gradient(160deg,#ffffffeb,#f4f7fae0);border-radius:16px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 14px 32px #121b2414}.module-card:hover{border-color:#0f6d6259;transform:translateY(-2px);box-shadow:0 12px 26px #121b2417}.module-card strong{font-size:15px}.module-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}body[data-theme=dark] .module-card{background:linear-gradient(160deg,#121b27f5,#0d141eeb);border-color:#97acc633;box-shadow:0 16px 34px #02060a61}.phone-badge{color:#2f2419;letter-spacing:.5px;background:linear-gradient(130deg,#f6d3a2,#efb067);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.settings-shell{flex-direction:column;gap:16px;display:flex}.settings-hero{background:linear-gradient(140deg,#0f6d621f,#ce7b2f17);border:1px solid #0f6d622e;border-radius:20px;justify-content:space-between;align-items:stretch;gap:16px;padding:18px 20px;display:flex}.settings-hero h3{margin:6px 0 8px;font-size:22px}.settings-hero p{max-width:64ch;color:var(--muted);margin:0;line-height:1.7}.settings-hero-compact{margin-top:10px}.settings-kicker{color:var(--brand);background:#0f6d6224;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.settings-status{background:linear-gradient(145deg,#ffffffd1,#f3f6f9a3);border:1px solid #414a5c24;border-radius:18px;flex-direction:column;justify-content:center;gap:4px;min-width:170px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff80}.settings-status span{font-weight:700}.settings-status small{color:var(--muted)}body[data-theme=dark] .settings-status{background:linear-gradient(145deg,#141e2af2,#0d141de0);border-color:#97acc638;box-shadow:inset 0 1px #ffffff08}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.settings-field{border:1px solid var(--line);background:linear-gradient(#ffffffc7,#fafcfe9e);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 10px 24px #121b240f}body[data-theme=dark] .settings-field{background:linear-gradient(#111924f0,#0c121be0);border-color:#97acc633;box-shadow:0 14px 28px #02060a40}.settings-field>span{font-weight:700}.settings-field>small{color:var(--muted);line-height:1.6}.settings-field input,.settings-field select,.settings-field textarea{width:100%;color:var(--ink);font:inherit;background:#ffffffeb;border:1px solid #414a5c29;border-radius:12px;padding:12px 13px;transition:border-color .18s,box-shadow .18s,background .18s}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:#0f6d626b;outline:none;box-shadow:0 0 0 4px #0f6d621f}body[data-theme=dark] .settings-field input,body[data-theme=dark] .settings-field select,body[data-theme=dark] .settings-field textarea,body[data-theme=dark] .inline-form input,body[data-theme=dark] .inline-form select,body[data-theme=dark] .invoice-grid input,body[data-theme=dark] .invoice-grid select,body[data-theme=dark] .invoice-lines-grid input,body[data-theme=dark] .invoice-lines-grid select,body[data-theme=dark] .table-cell-input,body[data-theme=dark] .table-cell-select{color:var(--ink);background:#0c121aeb;border-color:#97acc62e}body[data-theme=dark] .settings-field input:focus,body[data-theme=dark] .settings-field select:focus,body[data-theme=dark] .settings-field textarea:focus{box-shadow:0 0 0 4px #1683742e}.settings-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.settings-actions-wrap{flex-wrap:wrap;gap:10px}.report-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 6px;display:flex}.settings-button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.settings-button:hover:not(:disabled){transform:translateY(-1px)}.settings-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.settings-button-primary{border-color:color-mix(in srgb,var(--accent)32%,var(--line));color:#fff;background:linear-gradient(135deg,#0f6d62,#168374);box-shadow:0 14px 30px #0f6d622e}.settings-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#115f56,#137367)}.settings-button-secondary{color:var(--ink);background:linear-gradient(135deg,#0f6d621f,#ce7b2f1a);border-color:#0f6d622e;box-shadow:0 10px 22px #121b240f}.settings-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,#0f6d622e,#ce7b2f24)}.settings-button-danger{color:#fff;background:linear-gradient(130deg,#b63131,#d95b5b);border-color:#b6313138;box-shadow:0 14px 30px #b631312e}.settings-button-danger:hover:not(:disabled){background:linear-gradient(130deg,#a92b2b,#c84f4f)}body[data-theme=dark] .settings-button-secondary{color:var(--ink);background:linear-gradient(135deg,#16837447,#c17f3f2e);border-color:#97acc62e}body[data-theme=dark] .settings-button-primary{color:#fff;background:linear-gradient(135deg,#168374,#1f9a88);border-color:#16837457}body[data-theme=dark] .settings-button-danger{color:#fff;background:linear-gradient(130deg,#b63131,#d95b5b);border-color:#d95b5b42}.summary-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.summary-toggle-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;background:linear-gradient(#0f6d620d,#ffffff80);border-radius:18px;gap:10px;padding:16px;display:grid}.summary-toggle-card.checked{background:linear-gradient(#0f6d621f,#ffffffb3);border-color:#0f6d624d}.summary-toggle-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.summary-toggle-head strong{margin-bottom:4px;display:block}.summary-toggle-head p,.summary-toggle-card small{color:var(--muted);margin:0;line-height:1.6}.summary-toggle-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand);margin-top:2px}body[data-theme=dark] .summary-toggle-card{background:#0c121ae6}body[data-theme=dark] .summary-toggle-card.checked{background:#0f6d6238}.info-box{color:var(--ink);background:#0f6d621f;border:1px solid #0f6d6233;border-radius:12px;padding:12px}body[data-theme=dark] .info-box{background:#0f6d622e}body[data-theme=dark] .error-box{color:#ffb7b7;background:#b631312e;border-color:#b6313159}body[data-theme=dark] .success-box{color:#b7f3dd;background:#1f9d7729;border-color:#1f9d7759}body[data-theme=dark] .loading-screen,body[data-theme=dark] .section-card,body[data-theme=dark] .summary-card,body[data-theme=dark] .stat-card,body[data-theme=dark] .topbar,body[data-theme=dark] .login-card{background:#0c121ad6}body[data-theme=dark] .topbar-user{color:#d8fff4;background:#0f6d622e}body[data-theme=dark] .toggle-btn{color:var(--ink);background:#97acc624}body[data-theme=dark] .logout-btn{background:linear-gradient(130deg,#0f6d62,#1a8a7d)}.table-import-overlay{z-index:1200;background:#080e148c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.table-import-dialog{background:var(--card);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px 16px;padding:20px;display:grid}.table-import-overlay.success .table-import-icon{background:linear-gradient(135deg,#1f9d77,#49c58e)}.table-import-overlay.error .table-import-icon{background:linear-gradient(135deg,#b63131,#de6767)}.table-import-icon{color:#fff;border-radius:18px;grid-row:1/span 2;place-items:center;width:56px;height:56px;font-size:28px;font-weight:700;display:grid}.table-import-copy h3{margin:0 0 4px;font-size:18px}.table-import-copy p{color:var(--muted);margin:0;line-height:1.7}.table-import-close{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;grid-column:2;justify-self:start;padding:10px 16px}.topbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:18px;display:flex}.topbar-title{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-mobile-toggle,.sidebar-close{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.topbar h1{font-family:var(--font-changa),sans-serif;margin:0;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.4}.topbar p{color:var(--muted);margin:6px 0 0;font-size:13px}.topbar-user{color:#12443f;background:#d9efe8;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.topbar-user span{min-width:0}.topbar-user small{color:#2c5e57;font-size:11px;display:none}.toggle-btn{border:1px solid var(--line);color:#114841;cursor:pointer;background:#f2f6f4;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.logout-btn{color:#fff;cursor:pointer;background:#134f47;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.stack{flex-direction:column;gap:14px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px;display:grid}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 9px 20px #0f1a260f}.summary-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.empty-state{border:1px dashed var(--line);color:var(--muted);background:#414a5c0a;border-radius:12px;padding:12px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 9px 20px #0f1a260f}.stat-card p{color:var(--muted);margin:0;font-size:12px}.stat-card h3{font-size:21px;line-height:1.2;font-family:var(--font-changa),sans-serif;color:var(--ink);margin:8px 0}.stat-card small{color:var(--brand)}.dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.section-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.section-head h2{font-size:20px;font-family:var(--font-changa),sans-serif;margin:0}.section-head p{color:var(--muted);margin:6px 0 12px;font-size:13px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.section-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-link,.section-head-actions .button-link,.table-actions .button-link{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#414a5c14;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;line-height:1.3;text-decoration:none;display:inline-flex}.button-link.button-primary,.section-head-actions .button-link.button-primary{border-color:color-mix(in srgb,var(--accent)30%,var(--line));background:color-mix(in srgb,var(--accent)15%,var(--card));color:var(--accent-strong);box-shadow:0 10px 24px #00000014}.button-link.form-button,.section-head-actions .button-link.form-button,.section-head-actions button.form-button{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;box-shadow:none;background:#0f6d62;border:0;border-radius:10px;padding:9px 14px;line-height:1.3;text-decoration:none}.button-link:hover,.section-head-actions .button-link:hover,.table-actions .button-link:hover{background:#414a5c26}.button-link.button-primary:hover,.section-head-actions .button-link.button-primary:hover{background:color-mix(in srgb,var(--accent)22%,var(--card))}.button-link.form-button:hover,.section-head-actions .button-link.form-button:hover,.section-head-actions button.form-button:hover{background:#115f56}body[data-theme=dark] .button-link,body[data-theme=dark] .section-head-actions .button-link,body[data-theme=dark] .table-actions .button-link{background:#97acc61f}body[data-theme=dark] .button-link.button-primary,body[data-theme=dark] .section-head-actions .button-link.button-primary{background:color-mix(in srgb,var(--accent)20%,#97acc61f)}body[data-theme=dark] .button-link.form-button,body[data-theme=dark] .section-head-actions .button-link.form-button,body[data-theme=dark] .section-head-actions button.form-button{color:#fff;background:#168374}body[data-theme=dark] .button-link:hover,body[data-theme=dark] .section-head-actions .button-link:hover,body[data-theme=dark] .table-actions .button-link:hover{background:#97acc638}.table-wrap{border:1px solid var(--line);background:var(--card);border-radius:12px;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:right;border-bottom:1px solid var(--line);padding:10px;font-size:13px}th{color:var(--muted);background:#414a5c14;font-weight:700}.data-table-shell{gap:10px;width:100%;min-width:0;display:grid}.table-toolbar{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow:visible}.table-toolbar-main{flex-wrap:nowrap;align-items:center;gap:8px;min-width:max-content;display:flex}.table-search,.table-page-size select,.table-filter-panel input,.table-filter-panel select,.table-export-toggle,.table-filter-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:13px}.table-search{width:clamp(140px,18vw,220px);min-width:140px;max-width:220px}.table-page-size{border:1px solid var(--line);background:var(--card);color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.table-page-size select{border:0;min-width:66px;padding:6px 2px}.table-filter-toggle,.table-export-toggle{cursor:pointer;white-space:nowrap}.table-export-menu{z-index:60;isolation:isolate;position:relative}.table-export-dropdown{border:1px solid var(--line);background:var(--card);min-width:170px;box-shadow:var(--shadow);z-index:999;border-radius:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.table-export-dropdown button{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:right;cursor:pointer;background:0 0;padding:9px 10px;font-family:inherit}.table-export-dropdown button:last-child{border-bottom:0}.table-export-dropdown button:hover{background:#414a5c14}.table-filter-panel{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:10px;display:grid}.table-filter-item{gap:6px;display:grid}.table-filter-item label{color:var(--muted);font-size:12px}.table-filter-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.table-sort-btn{width:100%;color:inherit;cursor:default;text-align:right;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.table-sort-btn.sortable{cursor:pointer}.table-sort-btn small{color:var(--muted);font-size:11px}.table-sort-btn.active small{color:var(--brand)}.table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.table-summary{color:var(--muted);font-size:13px}.table-pagination{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.table-pagination button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;min-width:36px;height:32px;padding:0 8px;font-family:inherit}.table-pagination button.active{color:#fff;background:#0f6d62;border-color:#0f6d62}.table-pagination button:disabled{opacity:.45;cursor:not-allowed}.table-page-ellipsis{color:var(--muted);text-align:center;min-width:22px}.table-cell-input,.table-cell-select{border:1px solid var(--line);background:var(--card);width:100%;min-width:110px;color:var(--ink);border-radius:8px;padding:7px 8px;font-family:inherit;font-size:13px}.table-cell-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#414a5c14;border-radius:8px;padding:6px 10px;font-family:inherit}body[data-theme=dark] th{background:#97acc61f}.empty-row{text-align:center;color:var(--muted);padding:24px}.feature-list{gap:8px;margin:0;padding-right:20px;display:grid}.api-hint{color:var(--muted);margin-top:14px;font-size:13px}code{color:#14594f;background:#e9efe9;border-radius:8px;padding:2px 7px}.loading-screen{border-radius:var(--radius);border:1px solid var(--line);min-height:52vh;color:var(--muted);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffffc7,#f5f8faf0);place-items:center;padding:22px;display:grid;position:relative;overflow:hidden}.loading-screen:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f6d6229,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -10% -40% auto}.error-box{color:var(--danger);background:#ffe9e9;border:1px solid #f3c2c2;border-radius:12px;padding:12px}.app-toast-stack{z-index:1000;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;inset-block-end:24px;inset-inline-start:24px}.app-toast{border:1px solid color-mix(in srgb,var(--line)70%,transparent);background:color-mix(in srgb,var(--card)92%,white);width:100%;color:var(--ink);cursor:pointer;text-align:start;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 20px 50px #0f172a2e}.app-toast-icon,.app-toast-close{justify-content:center;align-items:center;display:inline-flex}.app-toast-message{font-weight:700;line-height:1.5}.app-toast-success{background:color-mix(in srgb,#16a34a 14%,var(--card));border-color:#16a34a61}.app-toast-error{background:color-mix(in srgb,#dc2626 14%,var(--card));border-color:#dc262661}.app-toast-info{border-color:color-mix(in srgb,var(--primary)38%,transparent);background:color-mix(in srgb,var(--primary)14%,var(--card))}.inline-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px;display:grid}.inline-form input,.inline-form select,.inline-form button{border:1px solid var(--line);border-radius:10px;padding:9px;font-family:inherit}.inline-form button{color:#fff;cursor:pointer;background:#0f6d62;border:0}.invoice-sheet{border:1px solid color-mix(in srgb,var(--line)82%,transparent);background:linear-gradient(180deg,#0f6d620a,#ffffffe0),var(--card);color:var(--ink);border-radius:22px;padding:18px;box-shadow:0 18px 40px #121b2414}.invoice-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;display:grid}.invoice-lines-grid{border-top:1px dashed color-mix(in srgb,var(--line)70%,transparent);grid-template-columns:1.4fr 2.2fr repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;display:grid}.invoice-grid input,.invoice-grid select,.invoice-grid button,.invoice-lines-grid input,.invoice-lines-grid select,.invoice-lines-grid button{border:1px solid var(--line);color:var(--ink);background:#ffffffe6;border-radius:14px;padding:11px 12px;font-family:inherit;box-shadow:inset 0 1px #ffffff47}.invoice-grid>*,.invoice-lines-grid>*{min-width:0}.invoice-grid>:first-child,.invoice-grid>:nth-child(2),.invoice-grid>:nth-child(3),.invoice-grid>:nth-child(4),.invoice-grid>:nth-child(5),.invoice-grid>:nth-child(6){grid-column:span 3}.invoice-grid>:nth-child(7),.invoice-grid>:nth-child(8),.invoice-grid>:nth-child(9){grid-column:span 2}.invoice-grid>:nth-child(10){grid-column:span 6}.invoice-grid>:nth-child(11),.invoice-grid>:nth-child(12){grid-column:span 3}.invoice-primary-action,.invoice-line-action{font-weight:700;box-shadow:0 14px 30px #0f6d622e;color:#fff!important;background:linear-gradient(135deg,#0f6d62,#168374)!important;border:0!important}.invoice-secondary-action{font-weight:700;border:1px solid var(--line)!important;color:var(--ink)!important;background:#414a5c14!important}.invoice-line-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.invoice-line-summary-card{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;gap:6px;padding:12px;display:grid}.invoice-line-summary-card span{color:var(--muted);font-size:12px}.invoice-line-summary-card strong{color:var(--ink);font-size:18px}body[data-theme=dark] .invoice-sheet{background:linear-gradient(#16837424,#0c121aeb),#0c121aeb;border-color:#97acc624;box-shadow:0 22px 48px #00000052}body[data-theme=dark] .invoice-secondary-action{color:var(--ink)!important;background:#97acc61f!important}body[data-theme=dark] .invoice-line-summary-card{background:#0c121ae0;border-color:#97acc62e}.sidebar-backdrop{display:none}.table-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-actions button,.table-actions .button-link{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#414a5c14;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;line-height:1.3;text-decoration:none;transition:background .2s ease-out;display:inline-flex}body[data-theme=dark] .table-actions button,body[data-theme=dark] .table-actions .button-link{background:#97acc61f}.table-actions button:hover,.table-actions .button-link:hover{background:#414a5c26}body[data-theme=dark] .table-actions button:hover,body[data-theme=dark] .table-actions .button-link:hover{background:#97acc638}.credential-box{border:1px dashed var(--line);color:var(--ink);background:#414a5c0d;border-radius:10px;gap:4px;padding:10px;display:grid}body[data-theme=dark] .credential-box{background:#97acc614}.inline-check{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:8px;display:inline-flex}.login-shell{color:#f5fbff;background:radial-gradient(circle at 15% 20%,#ce7b2f38,#0000 26%),radial-gradient(circle at 85% 14%,#0f6d6238,#0000 28%),linear-gradient(130deg,#0f1721 0%,#142433 48%,#102b31 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(8px);opacity:.65;pointer-events:none;border-radius:50%;position:absolute}.login-orb-a{background:radial-gradient(circle,#ce7b2fe6,#ce7b2f0a 68%);width:320px;height:320px;inset:8% auto auto -70px}.login-orb-b{background:radial-gradient(circle,#0f6d62e0,#0f6d6208 68%);width:260px;height:260px;inset:auto -40px 8% auto}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f5fbff;background:#0a121aa3;border:1px solid #ffffff2e;border-radius:30px;grid-template-columns:1.05fr .95fr;width:min(1080px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #040a1073}.login-intro{background:linear-gradient(#0f6d6238,#0000 56%),linear-gradient(135deg,#ffffff08,#fff0);border-inline-end:1px solid #ffffff1f;padding:34px}.login-brand{color:#f5fbff;font-family:var(--font-changa),sans-serif;letter-spacing:.4px;background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.login-intro h1{font-family:var(--font-changa),sans-serif;margin:18px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.login-intro p{color:#f0f7fad1;max-width:40ch;margin:0;line-height:1.8}.login-points{gap:12px;margin-top:28px;display:grid}.login-points div{color:#eef7fb;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.login-form{color:var(--ink);background:#fffffff5;gap:14px;padding:34px;display:grid}.login-form-head h2{font-family:var(--font-changa),sans-serif;color:var(--ink);margin:0}.login-form-head p{color:var(--muted);margin:4px 0 0}.login-form label{gap:6px;display:grid}.login-form label span{color:var(--muted);font-size:13px}.input-wrap{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-family:inherit;font-size:14px}body[data-theme=dark] .login-shell{background:radial-gradient(circle at 14% 18%,#ce7b2f2e,#0000 24%),radial-gradient(circle at 84% 16%,#1683742e,#0000 26%),linear-gradient(130deg,#091016 0%,#0d1822 52%,#09131c 100%)}body[data-theme=dark] .login-card{background:#080e14c7;border-color:#97acc62e}body[data-theme=dark] .login-intro{border-inline-end-color:#97acc629}body[data-theme=dark] .login-form{color:#eef6ff;background:linear-gradient(#101822f5,#0a1018fa)}body[data-theme=dark] .login-form-head h2,body[data-theme=dark] .login-form-head p,body[data-theme=dark] .login-form label span,body[data-theme=dark] .input-wrap,body[data-theme=dark] .input-wrap input{color:#eef6ff}body[data-theme=dark] .input-wrap{background:#0c121aeb;border-color:#97acc62e}body[data-theme=dark] .login-points div,body[data-theme=dark] .login-brand{background:#97acc614;border-color:#97acc624}.login-btn{background:linear-gradient(130deg,var(--brand),#13a89e);color:#fff;cursor:pointer;border:0;border-radius:12px;margin-top:8px;padding:12px;font-weight:700;transition:opacity .2s ease-out}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:active:not(:disabled){opacity:.8}.login-btn:disabled{opacity:.6;cursor:wait}.auth-screen{place-items:center;min-height:72vh;padding:20px;display:grid}.auth-status-card{border:1px solid var(--line);background:var(--card);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;place-items:center;gap:12px;padding:26px;display:grid}.auth-status-chip{color:var(--brand);background:#0f6d621f;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.auth-status-icon{color:#fff;background:linear-gradient(135deg,var(--brand),#13a89e);border-radius:20px;place-items:center;width:62px;height:62px;animation:1.35s ease-in-out infinite pulse;display:grid}.auth-status-card h2{font-family:var(--font-changa),sans-serif;color:var(--ink);margin:0}.auth-status-card p{color:var(--muted);margin:0;line-height:1.8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-width:1050px){.shell{grid-template-columns:1fr;padding:10px}.sidebar{z-index:1200;overscroll-behavior:contain;border-radius:0 24px 24px 0;width:min(360px,92vw);max-width:92vw;height:100dvh;padding:18px 14px 24px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(calc(-100% - 20px))}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{z-index:1190;background:#060c128c;border:0;display:block;position:fixed;inset:0}.content{min-width:0}.dual-grid,.invoice-grid,.invoice-lines-grid,.invoice-line-summary{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch;gap:10px}.sidebar-mobile-toggle,.sidebar-close{display:inline-flex}.sidebar-close{margin-inline-start:auto}.topbar-user{flex-wrap:wrap;justify-content:flex-start;width:100%}.topbar-user span{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.table-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;overflow:visible}.table-toolbar-main{flex-wrap:wrap;width:100%;min-width:0}.table-search{flex:100%;width:100%;min-width:0;max-width:none}.table-export-dropdown{min-width:200px;inset-inline:auto 0}}@media (max-width:720px){.login-shell{place-items:stretch stretch;padding:16px}.login-card{border-radius:24px;grid-template-columns:1fr;width:100%}.login-intro{border-inline-end:0;border-bottom:1px solid #ffffff1f;padding:24px 18px}.login-intro h1{font-size:clamp(1.75rem,8vw,2.35rem)}.login-intro p{max-width:none}.login-points{margin-top:20px}.login-form{padding:22px 18px}.input-wrap{padding:12px 10px}.auth-status-card{border-radius:20px;padding:22px 18px}.login-orb-a{width:240px;height:240px;inset:-20px auto auto -90px}.login-orb-b{width:220px;height:220px;inset:auto -80px -20px auto}}