*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1c3566;--teal:#2b6cb8;--teal-light:#ebf1fa;--accent:#e85215;--green:#2a9d8f;--green-light:#e8f7f5;--bg:#f0f3f9;--card:#fff;--border:#dde4ef;--text:#1a2b45;--muted:#6b7e92;--label:#8fa3b3;--input-bg:#f9fafb;--shadow:0 2px 12px #1c356614;--shadow-md:0 4px 20px #1c35661f;--radius:10px;--radius-sm:6px;--topbar-h:54px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px}.hidden{display:none!important}#topbar{z-index:200;height:var(--topbar-h);background:#1c3566;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0003}.tb-logo{object-fit:contain;background:#fff;border-radius:4px;height:30px;padding:2px 6px}.tb-sep{background:#fff3;width:1px;height:20px}.tb-breadcrumb{color:#ffffffb3;align-items:center;gap:6px;font-size:13px;display:flex}.tb-breadcrumb a{color:#ffffffb3;cursor:pointer;text-decoration:none}.tb-breadcrumb a:hover{color:#fff}.tb-breadcrumb .sep{color:#ffffff4d}.tb-breadcrumb .cur{color:#fff;font-weight:600}.tb-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-navy{color:#fff;background:#ffffff1f;border:1px solid #fff3}.btn-navy:hover{background:#fff3}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:#245da0;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#c94510;transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#228b7e}.btn-outline{color:var(--navy);border:1.5px solid var(--border);background:#fff}.btn-outline:hover{border-color:var(--teal);color:var(--teal)}.btn-ghost-dark{color:var(--muted);border:1.5px solid var(--border);background:0 0}.btn-ghost-dark:hover{color:var(--navy);border-color:var(--navy)}.btn-danger{color:#dc2626;background:#fee2e2;border:none}.btn-danger:hover{background:#fca5a5}.btn-sm{padding:5px 10px;font-size:11px}.screen{padding-top:var(--topbar-h);min-height:100vh}#screen-dashboard .dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 28px 0;display:flex}#screen-dashboard .dash-header h2{color:var(--navy);font-family:Playfair Display,serif;font-size:22px}#screen-dashboard .dash-header p{color:var(--muted);margin-top:2px;font-size:12px}.search-bar{border:1.5px solid var(--border);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:340px;padding:0 12px;display:flex}.search-bar svg{color:var(--muted);flex-shrink:0}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-family:inherit;font-size:13px}#client-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px 28px 28px;display:grid}.client-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow);cursor:pointer;padding:16px;transition:all .18s;position:relative}.client-card:hover{box-shadow:var(--shadow-md);border-color:var(--teal);transform:translateY(-2px)}.client-card-name{color:var(--navy);margin-bottom:3px;padding-right:24px;font-size:15px;font-weight:700}.client-card-gstin{color:var(--muted);margin-bottom:2px;font-family:DM Mono,monospace;font-size:10px}.client-card-loc{color:var(--muted);margin-bottom:12px;font-size:11px}.client-card-divider{border:none;border-top:1px solid var(--border);margin-bottom:10px}.client-card-counts{flex-wrap:wrap;gap:8px;display:flex}.count-chip{background:var(--bg);border:1px solid var(--border);color:var(--navy);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.count-chip.inv{color:var(--teal);background:#ebf1fa;border-color:#c0d4f0}.count-chip.quo{color:var(--accent);background:#fff4ee;border-color:#f9c8b0}.count-chip.dc{background:var(--green-light);color:var(--green);border-color:#a8ddd7}.client-card-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:12px;right:12px}.client-card:hover .client-card-actions{opacity:1}.icon-btn{border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--muted);background:#fff;border-radius:5px;place-items:center;display:grid}.icon-btn:hover{background:var(--teal-light);color:var(--navy);border-color:var(--teal)}.icon-btn.del:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.empty-state p{margin-bottom:16px;font-size:14px}.stats-bar{background:var(--card);border-bottom:1px solid var(--border);padding:20px 28px;display:block}.stat-item{text-align:center;border-right:1px solid var(--border);padding:12px 20px}.stat-item:last-child{border-right:none}.stat-num{color:var(--navy);font-family:DM Mono,monospace;font-size:20px;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}#screen-client .client-header{background:var(--card);border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 28px;display:flex}.client-header-info h2{color:var(--navy);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.client-header-meta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.meta-chip{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.meta-chip strong{color:var(--text)}#doc-tabs{background:var(--card);border-bottom:2px solid var(--border);gap:0;padding:0 28px;display:flex}.doc-tab{cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.doc-tab:hover{color:var(--navy)}.doc-tab.active{color:var(--navy);border-bottom-color:var(--navy)}.doc-tab .tab-count{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:10px}.doc-tab.active .tab-count{background:var(--navy);color:#fff;border-color:var(--navy)}.doc-tab-panel{padding:20px 28px;display:none}.doc-tab-panel.active{display:block}.panel-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.doc-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);width:100%;box-shadow:var(--shadow);overflow:hidden}.doc-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:10px 12px;font-size:11px;font-weight:600}.doc-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px;font-size:13px}.doc-table tr:last-child td{border-bottom:none}.doc-table tr:hover td{background:var(--teal-light)}.doc-table .doc-num{color:var(--navy);font-family:DM Mono,monospace;font-size:12px;font-weight:600}.doc-table .doc-date{color:var(--muted);font-size:12px}.doc-table .doc-amount{text-align:right;font-family:DM Mono,monospace;font-weight:600}.doc-table .actions{justify-content:flex-end;gap:6px;display:flex}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.s-draft{color:#6b7280;background:#f3f4f6}.s-sent{color:#3b82f6;background:#eff6ff}.s-accepted,.s-paid{color:#10b981;background:#ecfdf5}.s-dispatched{color:#f59e0b;background:#fff7ed}.s-delivered{color:#10b981;background:#ecfdf5}.s-cancelled,.s-rejected{color:#ef4444;background:#fef2f2}.status-select{border:1.5px solid var(--border);cursor:pointer;background:var(--input-bg);color:var(--text);border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px;font-weight:600}.status-select:focus{border-color:var(--teal);outline:none}#screen-editor{flex-direction:column;display:flex}.editor-body{height:calc(100vh - var(--topbar-h));flex:1;grid-template-columns:1fr 1fr;display:grid}.editor-form{background:var(--bg);border-right:2px solid var(--border);padding:20px;overflow-y:auto}.editor-preview{background:#d8e2f0;flex-direction:column;display:flex;overflow:hidden}.preview-toolbar{background:#c8d4e8;border-bottom:1px solid #b8c8de;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:11px;font-weight:700}#preview-frame{background:#fff;border:none;flex:1}.section{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.section-header{background:linear-gradient(90deg, var(--teal-light), var(--card));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--navy);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:13px;display:block}.section-body{padding:12px 14px}.form-row{gap:8px;margin-bottom:8px;display:grid}.form-row.c2{grid-template-columns:1fr 1fr}.form-row.c3{grid-template-columns:1fr 1fr 1fr}.field{flex-direction:column;gap:3px;display:flex}.field label{color:var(--label);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.field input,.field select,.field textarea{background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:7px 9px;font-family:inherit;font-size:12px;transition:border .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);background:#fff;outline:none;box-shadow:0 0 0 3px #2b6cb81a}.field textarea{resize:vertical;min-height:52px}.field input[readonly]{color:var(--muted);cursor:not-allowed;background:#f0f5f9;border-color:#d0dce8}.field input[readonly]:focus{box-shadow:none;border-color:#d0dce8}.lock-badge{color:var(--teal);background:#ebf1fa;border-radius:20px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.lock-badge svg{width:9px;height:9px}.auto-no-row{align-items:center;gap:8px;display:flex}.auto-no-row input{flex:1}.auto-no-btn{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.auto-no-btn:hover{background:#228b7e}.last-no{color:var(--muted);margin-top:2px;font-size:10px}.items-table{border-collapse:collapse;width:100%;font-size:11px}.items-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:7px 5px;font-size:10px;font-weight:600}.items-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:3px}.items-table tr:hover td{background:var(--teal-light)}.items-table input,.items-table select{border:1.5px solid var(--border);background:var(--input-bg);border-radius:3px;width:100%;padding:4px 5px;font-family:inherit;font-size:11px}.items-table input:focus,.items-table select:focus{border-color:var(--teal);background:#fff;outline:none}.items-table .del-btn{cursor:pointer;color:#dc2626;background:0 0;border:none;border-radius:3px;padding:3px;font-size:15px}.items-table .del-btn:hover{background:#fee2e2}.desc-wrap input{width:100%;margin-bottom:2px}.desc-wrap textarea{width:100%;color:var(--muted);border:1.5px solid var(--border);resize:none;border-radius:3px;height:30px;padding:3px 5px;font-family:inherit;font-size:10px}.desc-wrap textarea:focus{border-color:var(--teal);outline:none}.ctype-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:3px;display:grid}.ctype-btn{border:1.5px solid var(--border);cursor:pointer;background:var(--input-bg);color:var(--muted);text-align:center;border-radius:5px;padding:6px 4px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.3;transition:all .15s}.ctype-btn.active{border-color:var(--green);background:var(--green-light);color:var(--green)}.ctype-btn:hover:not(.active){border-color:var(--teal);background:var(--teal-light);color:var(--navy)}.tc-bar{border:1.5px solid var(--border);border-radius:5px;gap:0;width:fit-content;display:flex;overflow:hidden}.tc-btn{cursor:pointer;background:var(--input-bg);color:var(--muted);border:none;padding:4px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.tc-btn.active{background:var(--navy);color:#fff}.val-type-row{align-items:center;gap:8px;display:flex}.val-type-row input{border:1.5px solid var(--border);background:var(--input-bg);border-radius:4px;flex:1;padding:6px 8px;font-family:inherit;font-size:12px}.val-type-row select{border:1.5px solid var(--border);background:var(--input-bg);cursor:pointer;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px}.val-type-row input:focus,.val-type-row select:focus{border-color:var(--teal);outline:none}.totals-box{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px}.t-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.t-row:last-child{border-bottom:none}.t-row.grand{color:var(--navy);border-top:2px solid var(--navy);border-bottom:none;margin-top:4px;padding-top:7px;font-size:13px;font-weight:700}.t-row.bal{background:var(--accent);color:#fff;border:none;border-radius:5px;margin-top:6px;padding:6px 8px;font-size:13px;font-weight:700}.modal-overlay{z-index:500;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{background:linear-gradient(135deg, var(--navy), #2b4e8c);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-family:Playfair Display,serif;font-size:15px;font-weight:700}.modal-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:20px;line-height:1}.modal-close:hover{color:#fff;background:#ffffff26}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}#toast{z-index:999;background:var(--navy);color:#fff;box-shadow:var(--shadow-md);opacity:0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(80px)}#toast.show{opacity:1;transform:translateY(0)}#toast.success{background:var(--green)}#toast.error{background:#dc2626}.auth-overlay{z-index:400;background:url(/login-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-overlay.hidden{display:none!important}.auth-dots{opacity:.05;pointer-events:none;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.auth-card{z-index:1;background:#fff;border-radius:18px;width:100%;max-width:430px;padding:40px 44px;position:relative;box-shadow:0 28px 80px #00000059}.auth-footer{text-align:center;color:#ffffffb3;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:24px;left:0;right:0}.auth-ver{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.auth-logo{object-fit:contain;height:50px;margin:0 auto 20px;display:block}.auth-title{color:var(--navy);text-align:center;margin-bottom:3px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.auth-sub{color:var(--muted);text-align:center;margin-bottom:28px;font-size:13px}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 13px;font-size:12px;line-height:1.4;display:flex}.auth-field{margin-bottom:16px}.auth-field>label{color:var(--label);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.auth-input-wrap{border:1.5px solid var(--border);background:var(--input-bg);border-radius:8px;align-items:center;gap:8px;padding:0 13px;transition:all .15s;display:flex}.auth-input-wrap:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #2b6cb81a}.auth-input-wrap svg{color:var(--label);flex-shrink:0;width:15px;height:15px}.auth-input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:14px}.auth-pwd-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px;font-size:13px;line-height:1;display:flex}.auth-pwd-toggle:hover{color:var(--navy)}.auth-btn{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:9px;width:100%;margin-top:6px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .18s}.auth-btn:hover{background:#c94510;transform:translateY(-1px);box-shadow:0 6px 20px #e8521566}.auth-btn:active{box-shadow:none;transform:none}.auth-btn:disabled{background:var(--muted);cursor:not-allowed;box-shadow:none;transform:none}.auth-hint{background:var(--teal-light);color:var(--teal);border:1px solid #bdd4f0;border-radius:7px;align-items:flex-start;gap:7px;margin-top:16px;padding:10px 13px;font-size:12px;line-height:1.5;display:flex}.auth-footer{color:#fff6;text-align:center;z-index:1;margin-top:28px;font-size:11px;position:relative}.auth-ver{color:#ffffff8c;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:4px 12px;font-size:11px;display:inline-flex}.user-chip{cursor:default;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.user-avatar{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-chip-info{line-height:1.2}.user-chip-name{color:#fff;font-size:12px;font-weight:600}.user-chip-role{color:#ffffff8c;font-size:10px}.logout-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.logout-btn:hover{color:#fff;background:#ffffff2e}.admin-hero{background:linear-gradient(135deg, var(--navy) 0%, #2b4e8c 100%);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.admin-hero h2{color:#fff;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;display:flex}.admin-hero p{color:#fff9;margin-top:3px;font-size:12px}.admin-tabs-bar{background:var(--card);border-bottom:2px solid var(--border);gap:0;padding:0 28px;display:flex}.a-tab{cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:13px 22px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.a-tab:hover{color:var(--navy)}.a-tab.active{color:var(--navy);border-bottom-color:var(--accent)}.a-tab .a-cnt{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:10px}.a-tab.active .a-cnt{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-body{padding:24px 28px}.admin-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-toolbar h3{color:var(--navy);font-size:14px;font-weight:700}.data-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);width:100%;box-shadow:var(--shadow);overflow:hidden}.data-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:11px 14px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--teal-light)}.role-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.rp-admin{color:#e85215;background:#fff0eb}.rp-manager{color:#2b6cb8;background:#ebf1fa}.rp-staff{color:#2a9d8f;background:#e8f7f5}.rp-viewer{color:#6b7280;background:#f3f4f6}.rp-custom{color:#7c3aed;background:#f3eeff}.online-dot{align-items:center;gap:5px;font-size:12px;display:inline-flex}.online-dot:before{content:"";border-radius:50%;width:7px;height:7px}.dot-active:before{background:#10b981}.dot-inactive:before{background:#9ca3af}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.role-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.role-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.role-card-name{color:var(--navy);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.builtin-tag{background:var(--teal-light);color:var(--teal);border-radius:8px;padding:2px 7px;font-size:10px;font-weight:600}.perm-tags{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.perm-tag{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:500}.perm-tag.on{background:var(--teal-light);color:var(--teal);border-color:#bdd4f0;font-weight:600}.perm-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.perm-item{border:1.5px solid var(--border);background:var(--input-bg);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;transition:all .15s;display:flex}.perm-item:hover{border-color:var(--teal);background:var(--teal-light)}.perm-item input{width:14px;height:14px;accent-color:var(--teal);cursor:pointer;flex-shrink:0}.perm-item.active{border-color:var(--teal);background:var(--teal-light);color:var(--navy);font-weight:600}.perm-group{margin-bottom:14px}.perm-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:700}.color-swatches{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .15s}.swatch:hover,.swatch.selected{box-shadow:0 0 0 2px var(--navy);border-color:#fff;transform:scale(1.15)}.share-option{pointer-events:none;opacity:.5;transition:all .2s}.share-option.pdf-ready{pointer-events:auto;opacity:1}.share-option.pdf-ready:hover{transform:translateY(-2px)}.share-pdf-spinner{border:2.5px solid var(--border);border-top-color:var(--teal);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.share-options{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:4px;display:grid}.share-option{border:1.5px solid var(--border);cursor:pointer;background:var(--input-bg);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;transition:all .18s;display:flex}.share-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-option.wa{background:#f0fff4;border-color:#25d366}.share-option.wa:hover{background:#dcf8e0;border-color:#128c7e}.share-option.mail{background:#ebf1fa;border-color:#2b6cb8}.share-option.mail:hover{background:#d6e8ff;border-color:#1a4f9c}.share-option.copy{border-color:var(--accent);background:#fff0eb}.share-option.copy:hover{background:#ffe0d0;border-color:#c94510}.share-icon{font-size:28px;line-height:1}.share-label{color:var(--navy);font-size:12px;font-weight:700}.share-sub{color:var(--muted);font-size:10px}.share-preview{background:var(--bg);border:1px solid var(--border);color:var(--text);white-space:pre-wrap;border-radius:8px;max-height:160px;margin-top:12px;padding:12px 14px;font-family:DM Mono,monospace;font-size:11px;line-height:1.7;overflow-y:auto}#screen-gst .gst-hero{border-bottom:2px solid var(--border);background:linear-gradient(135deg,#1c3566,#2b4e8c);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}#screen-gst .gst-hero h2{color:#fff;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;display:flex}#screen-gst .gst-hero p{color:#fff9;margin-top:3px;font-size:12px}.gst-filters{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 28px;display:flex}.gst-filter-label{color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.gst-filters select,.gst-filters input[type=month],.gst-filters input[type=date]{border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px}.gst-filters select:focus,.gst-filters input:focus{border-color:var(--teal);outline:none}.gst-body{padding:20px 28px}.gst-summary-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px;display:grid}.gst-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.gst-card-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700}.gst-card-val{color:var(--navy);font-family:DM Mono,monospace;font-size:20px;font-weight:700}.gst-card-sub{color:var(--muted);margin-top:2px;font-size:10px}.gst-card.highlight{border-color:var(--accent);background:linear-gradient(135deg,#fff5f1,#fff)}.gst-card.highlight .gst-card-val{color:var(--accent)}.gst-section-title{color:var(--navy);align-items:center;gap:8px;margin:18px 0 10px;font-size:13px;font-weight:700;display:flex}.gst-table-wrap{margin-bottom:20px;overflow-x:auto}.gst-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);width:100%;box-shadow:var(--shadow);font-size:12px;overflow:hidden}.gst-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:9px 10px;font-size:10px;font-weight:600}.gst-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}.gst-table tr:last-child td{background:var(--teal-light);border-bottom:none;font-weight:600}.gst-table tr:hover td{background:var(--teal-light)}.gst-table .r{text-align:right;font-family:DM Mono,monospace;font-size:11px}.export-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.profile-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:relative}.profile-card.default-card{border-color:var(--accent);background:linear-gradient(135deg,#fff8f5,#fff)}.profile-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.profile-card-name{color:var(--navy);font-size:14px;font-weight:700}.profile-card-gstin{color:var(--teal);margin-top:2px;font-family:DM Mono,monospace;font-size:10px}.profile-card-meta{color:var(--muted);font-size:10px;line-height:1.8}.default-chip{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700}.profile-selector{background:var(--teal-light);border:1.5px solid #bdd4f0;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.profile-selector label{color:var(--navy);white-space:nowrap;font-size:11px;font-weight:700}.profile-selector select{border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:5px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.sync-status-bar{border:1.5px solid var(--border);background:var(--input-bg);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.sync-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s infinite pulse}.sync-dot.connected{background:#10b981}.sync-dot.disconnected{background:#9ca3af;animation:none}.sync-dot.syncing{background:#f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-status-text{flex:1}.sync-status-title{color:var(--navy);font-size:13px;font-weight:600}.sync-status-sub{color:var(--muted);font-size:11px}.sync-setup-steps{counter-reset:step;flex-direction:column;gap:12px;margin:16px 0;display:flex}.sync-step{background:var(--card);border:1.5px solid var(--border);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.sync-step-num{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.sync-step-content{flex:1}.sync-step-title{color:var(--navy);margin-bottom:3px;font-size:13px;font-weight:600}.sync-step-desc{color:var(--muted);font-size:12px;line-height:1.5}.sync-step a{color:var(--teal);font-weight:600;text-decoration:none}.sync-step a:hover{text-decoration:underline}.sync-section-title{color:var(--navy);border-bottom:1px solid var(--border);margin:20px 0 10px;padding-bottom:6px;font-size:13px;font-weight:700}.backup-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.backup-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.backup-card-icon{margin-bottom:8px;font-size:32px}.backup-card-title{color:var(--navy);margin-bottom:4px;font-size:13px;font-weight:700}.backup-card-desc{color:var(--muted);margin-bottom:12px;font-size:11px;line-height:1.5}@media print{body,html{background:#fff!important}.screen,.modal-overlay,#topbar{display:none!important}}#screen-stock .stock-hero{border-bottom:2px solid var(--border);background:linear-gradient(135deg,#1c3566 0%,#2b4e8c 100%);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}#screen-stock .stock-hero h2{color:#fff;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;display:flex}#screen-stock .stock-hero p{color:#fff9;margin-top:3px;font-size:12px}.stock-summary{background:var(--card);border-bottom:1px solid var(--border);gap:0;padding:0 28px;display:flex;overflow-x:auto}.stock-stat{text-align:center;border-right:1px solid var(--border);flex-shrink:0;min-width:110px;padding:14px 20px}.stock-stat:last-child{border-right:none}.stock-stat-num{font-family:DM Mono,monospace;font-size:22px;font-weight:700}.stock-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.stock-stat.alert .stock-stat-num{color:var(--accent)}.stock-stat.ok .stock-stat-num{color:var(--green)}.stock-tabs{background:var(--card);border-bottom:2px solid var(--border);gap:0;padding:0 28px;display:flex}.stock-tab{cursor:pointer;color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.stock-tab:hover{color:var(--navy)}.stock-tab.active.it{color:var(--teal);border-bottom-color:var(--teal)}.stock-tab.active.fm{color:var(--green);border-bottom-color:var(--green)}.stock-tab .s-cnt{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:10px}.stock-body{padding:20px 28px}.stock-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stock-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stock-search{border:1.5px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.stock-search input{color:var(--text);background:0 0;border:none;outline:none;width:160px;font-family:inherit;font-size:12px}.stock-search svg{color:var(--muted);flex-shrink:0;width:13px;height:13px}.filter-select{border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);cursor:pointer;border-radius:6px;height:34px;padding:6px 10px;font-family:inherit;font-size:12px}.filter-select:focus{border-color:var(--teal);outline:none}.stock-table-wrap{overflow-x:auto}.stock-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);width:100%;box-shadow:var(--shadow);font-size:12px;overflow:hidden}.stock-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.stock-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.stock-table tr:last-child td{border-bottom:none}.stock-table tr:hover td{background:var(--teal-light)}.stock-sku{color:var(--teal);font-family:DM Mono,monospace;font-size:11px;font-weight:600}.stock-name{color:var(--navy);font-weight:600}.stock-desc{color:var(--muted);margin-top:1px;font-size:10px}.stock-qty{text-align:right;font-family:DM Mono,monospace;font-size:13px;font-weight:700}.stock-qty.ok{color:var(--green)}.stock-qty.low{color:#f59e0b}.stock-qty.out{color:#dc2626}.stock-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.sb-ok{color:#10b981;background:#ecfdf5}.sb-low{color:#f59e0b;background:#fff7ed}.sb-out{color:#dc2626;background:#fef2f2}.sb-it{color:var(--teal);background:#ebf1fa}.sb-fm{color:var(--green);background:#e8f7f5}.stock-actions{flex-wrap:nowrap;justify-content:flex-end;gap:5px;display:flex}.btn-in{color:#059669;cursor:pointer;white-space:nowrap;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:5px;padding:4px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-in:hover{background:#d1fae5;border-color:#6ee7b7}.btn-out{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:5px;padding:4px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.btn-out:hover{background:#fee2e2;border-color:#f87171}.btn-hist{background:var(--teal-light);color:var(--teal);cursor:pointer;border:1.5px solid #bdd4f0;border-radius:5px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600}.btn-hist:hover{background:#d6e8ff}.txn-type-bar{border:1.5px solid var(--border);border-radius:6px;gap:0;width:fit-content;margin-bottom:14px;display:flex;overflow:hidden}.txn-type-btn{cursor:pointer;background:var(--input-bg);color:var(--muted);border:none;padding:6px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.txn-type-btn.in-active{color:#059669;background:#ecfdf5;font-weight:700}.txn-type-btn.out-active{color:#dc2626;background:#fef2f2;font-weight:700}.txn-type-btn.adj-active{color:#f59e0b;background:#fff7ed;font-weight:700}.txn-history-table{border-collapse:collapse;width:100%;font-size:12px}.txn-history-table th{background:var(--navy);color:#fff;text-align:left;padding:8px 10px;font-size:11px;font-weight:600}.txn-history-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}.txn-history-table tr:last-child td{border-bottom:none}.txn-in-chip{color:#059669;font-size:11px;font-weight:700}.txn-out-chip{color:#dc2626;font-size:11px;font-weight:700}.txn-adj-chip{color:#f59e0b;font-size:11px;font-weight:700}.running-bal{text-align:right;font-family:DM Mono,monospace;font-weight:700}.subcat-chip{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:2px 7px;font-size:10px;display:inline-block}.stock-empty{text-align:center;color:var(--muted);padding:48px 20px}.stock-empty .e-icon{margin-bottom:10px;font-size:40px}.low-stock-badge{background:var(--accent);color:#fff;border-radius:20px;margin-left:5px;padding:1px 7px;font-size:10px;font-weight:700}.ar-hero,.svc-hero,.pur-hero{background:linear-gradient(135deg, var(--navy) 0%, #2b4e8c 100%);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.ar-hero h2,.svc-hero h2,.pur-hero h2{color:#fff;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;display:flex}.ar-hero p,.svc-hero p,.pur-hero p{color:#fff9;margin-top:3px;font-size:12px}.ar-summary{background:var(--card);border-bottom:1px solid var(--border);gap:0;display:flex;overflow-x:auto}.ar-stat{text-align:center;border-right:1px solid var(--border);flex-shrink:0;min-width:120px;padding:14px 22px}.ar-stat:last-child{border-right:none}.ar-stat-num{font-family:DM Mono,monospace;font-size:20px;font-weight:700}.ar-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.ar-body,.svc-body,.pur-body{padding:20px 28px}.ar-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.s-partial{color:#856404;background:#fff3cd}.aging-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.aging-card{background:var(--card);border:1.5px solid var(--border);text-align:center;border-radius:10px;padding:14px}.aging-card.a0{border-top:3px solid var(--green)}.aging-card.a30{border-top:3px solid var(--gold)}.aging-card.a60{border-top:3px solid var(--accent)}.aging-card.a90{border-top:3px solid #dc2626}.aging-num{color:var(--navy);font-family:DM Mono,monospace;font-size:18px;font-weight:700}.aging-amt{color:var(--muted);margin-top:2px;font-family:DM Mono,monospace;font-size:12px}.aging-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:10px}.pay-history-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.pay-history-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:7px 10px;font-size:10px}.pay-history-table td{border-bottom:1px solid var(--border);padding:7px 10px;font-size:11px}.mode-badge{background:var(--teal-light);color:var(--teal);border:1px solid #bdd4f0;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.svc-tabs,.pur-tabs{background:var(--card);border-bottom:2px solid var(--border);gap:0;padding:0 28px;display:flex}.svc-tab,.pur-tab{cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.svc-tab:hover,.pur-tab:hover{color:var(--navy)}.svc-tab.active,.pur-tab.active{color:var(--navy);border-bottom-color:var(--accent)}.svc-tab .tc,.pur-tab .tc{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:10px}.svc-tab.active .tc,.pur-tab.active .tc{background:var(--accent);color:#fff;border-color:var(--accent)}.amc-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.amc-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:18px;transition:box-shadow .15s;position:relative;overflow:hidden}.amc-card:hover{box-shadow:var(--shadow-md)}.amc-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.amc-card.active:before{background:linear-gradient(90deg, var(--green), #27ae60)}.amc-card.expiring:before{background:linear-gradient(90deg, var(--gold), #d97706)}.amc-card.expired:before{background:linear-gradient(90deg,#dc2626,#991b1b)}.amc-card.cancelled:before{background:var(--border)}.amc-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.amc-card-num{color:var(--muted);margin-bottom:2px;font-family:DM Mono,monospace;font-size:10px}.amc-card-title{color:var(--navy);font-size:14px;font-weight:700}.amc-status-chip{border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.amc-active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.amc-expiring{color:#d97706;background:#fff7ed;border:1px solid #fde68a}.amc-expired{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.amc-cancelled{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.amc-meta{color:var(--muted);margin:8px 0;font-size:11px;line-height:1.8}.amc-value{color:var(--navy);margin-top:8px;font-family:DM Mono,monospace;font-size:14px;font-weight:700}.priority-urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.priority-high{color:#d97706;background:#fff7ed;border:1px solid #fde68a}.priority-medium{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.priority-low{background:var(--teal-light);color:var(--teal);border:1px solid #bdd4f0}.ticket-open{color:#2563eb;background:#eff6ff}.ticket-inprogress{color:#d97706;background:#fff7ed}.ticket-pending{color:#6b7280;background:#f3f4f6}.ticket-resolved{color:#059669;background:#ecfdf5}.ticket-closed{background:var(--bg);color:var(--muted)}.tkt-badge,.pri-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.po-status-draft{color:#6b7280;background:#f3f4f6}.po-status-sent{color:#2563eb;background:#eff6ff}.po-status-partial{color:#d97706;background:#fff7ed}.po-status-received{color:#059669;background:#ecfdf5}.po-status-cancelled{color:#dc2626;background:#fef2f2}.po-badge{border-radius:20px;align-items:center;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.po-items-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:12px}.po-items-table th{background:var(--navy);color:#fff;text-align:left;letter-spacing:.4px;padding:7px 8px;font-size:10px}.po-items-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:4px}.po-items-table input,.po-items-table select{border:1.5px solid var(--border);background:var(--input-bg);border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:11px}.po-items-table input:focus,.po-items-table select:focus{border-color:var(--teal);outline:none}.po-total-row{background:var(--teal-light);border:1px solid #bdd4f0;border-radius:6px;justify-content:flex-end;gap:0;margin-top:8px;display:flex;overflow:hidden}.po-total-cell{color:var(--navy);border-right:1px solid #bdd4f0;padding:7px 14px;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.po-total-cell:last-child{color:var(--accent);border-right:none}.hr-hero,.crm-hero,.ast-hero{background:linear-gradient(135deg, var(--navy) 0%, #2b4e8c 100%);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.hr-hero h2,.crm-hero h2,.ast-hero h2{color:#fff;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:20px;display:flex}.hr-hero p,.crm-hero p,.ast-hero p{color:#fff9;margin-top:3px;font-size:12px}.hr-tabs,.ast-tabs{background:var(--card);border-bottom:2px solid var(--border);gap:0;padding:0 28px;display:flex}.hr-tab,.ast-tab{cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:11px 18px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hr-tab:hover,.ast-tab:hover{color:var(--navy)}.hr-tab.active,.ast-tab.active{color:var(--navy);border-bottom-color:var(--accent)}.hr-tab .tc,.ast-tab .tc{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 6px;font-size:10px}.hr-tab.active .tc,.ast-tab.active .tc{background:var(--accent);color:#fff;border-color:var(--accent)}.hr-body,.crm-body,.ast-body{padding:20px 28px}.emp-dept-badge{background:var(--teal-light);color:var(--teal);border:1px solid #bdd4f0;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.salary-box{background:var(--bg2,var(--bg));border:1px solid var(--border);border-radius:8px;padding:12px;font-family:DM Mono,monospace;font-size:11px}.salary-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding:3px 0;display:flex}.salary-row:last-child{color:var(--navy);border-bottom:none;border-top:2px solid var(--navy);margin-top:2px;padding-top:6px;font-weight:700}.salary-earn{color:var(--green)}.salary-ded{color:var(--accent)}.slip-print{border:1px solid var(--border);background:#fff;border-radius:10px;max-width:600px;padding:20px}.slip-header{background:var(--navy);color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;margin:-20px -20px 16px;padding:14px 18px;display:flex}.slip-title{font-family:Playfair Display,serif;font-size:14px;font-weight:700}.slip-period{color:#ffffffb3;margin-top:2px;font-size:11px}.slip-emp-row{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;font-size:11px;display:grid}.slip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.slip-val{color:var(--navy);font-weight:600}.slip-table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:11px}.slip-table th{background:var(--teal-light);color:var(--navy);text-align:left;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;font-size:10px;font-weight:700}.slip-table td{border-bottom:1px solid var(--border);padding:5px 10px}.slip-table .r{text-align:right;font-family:DM Mono,monospace}.slip-table tfoot td{background:var(--navy);color:#fff;padding:7px 10px;font-weight:700}.att-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.att-card{background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:14px}.att-name{color:var(--navy);margin-bottom:2px;font-size:13px;font-weight:700}.att-role{color:var(--muted);font-size:10px}.att-inputs{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;display:grid}.att-input-label{text-transform:uppercase;letter-spacing:.5px;color:var(--label);text-align:center;margin-bottom:2px;font-size:9px}.att-input{border:1.5px solid var(--border);text-align:center;background:var(--input-bg);width:100%;color:var(--navy);border-radius:5px;padding:5px 4px;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.att-input:focus{border-color:var(--teal);outline:none}.payroll-month-bar{background:var(--card);border:1.5px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.kanban-board{gap:12px;min-height:400px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-col{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.kanban-col-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.6px;color:var(--navy);font-size:11px;font-weight:700}.kanban-count{background:var(--navy);color:#fff;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:700}.kanban-col-value{color:var(--muted);margin-top:1px;font-size:10px}.kanban-cards{flex-direction:column;flex:1;gap:8px;max-height:60vh;padding:8px;display:flex;overflow-y:auto}.lead-card{background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;padding:11px 12px;transition:all .15s;position:relative}.lead-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.lead-card-name{color:var(--navy);margin-bottom:1px;font-size:12px;font-weight:700}.lead-card-company{color:var(--muted);margin-bottom:6px;font-size:10px}.lead-card-value{color:var(--green);font-family:DM Mono,monospace;font-size:11px;font-weight:600}.lead-card-follow{color:var(--muted);margin-top:4px;font-size:10px}.lead-card-follow.overdue{color:#dc2626;font-weight:600}.lead-card-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.source-badge{background:var(--teal-light);color:var(--teal);border:1px solid #bdd4f0;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:600}.stage-won{background:#ecfdf5;border-color:#a7f3d0}.stage-lost{opacity:.7;background:#fef2f2;border-color:#fecaca}.crm-stats{background:var(--card);border-bottom:1px solid var(--border);gap:0;display:flex;overflow-x:auto}.crm-stat{text-align:center;border-right:1px solid var(--border);flex-shrink:0;min-width:100px;padding:12px 20px}.crm-stat:last-child{border-right:none}.crm-stat-num{color:var(--navy);font-family:DM Mono,monospace;font-size:19px;font-weight:700}.crm-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.asset-card{background:var(--card);border:1.5px solid var(--border);border-radius:11px;padding:16px;transition:all .15s;position:relative}.asset-card:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.asset-card:before{content:"";background:var(--teal);border-radius:10px 10px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.asset-card.maintenance:before{background:var(--gold)}.asset-card.disposed:before{background:var(--muted)}.asset-card.rented:before{background:var(--teal)}.asset-code{color:var(--muted);margin-bottom:3px;font-family:DM Mono,monospace;font-size:10px}.asset-name{color:var(--navy);margin-bottom:2px;font-size:14px;font-weight:700}.asset-meta{color:var(--muted);margin:8px 0;font-size:11px;line-height:1.7}.asset-book-val{color:var(--navy);font-family:DM Mono,monospace;font-size:16px;font-weight:700}.asset-book-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:9px}.dep-bar{background:var(--border);border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.dep-bar-fill{background:linear-gradient(90deg, var(--green), var(--teal));border-radius:3px;height:100%}.maint-status-sched{color:#2563eb;background:#eff6ff}.maint-status-over{color:#dc2626;background:#fef2f2}.maint-status-done{color:#059669;background:#ecfdf5}.maint-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.ast-summary{background:var(--card);border-bottom:1px solid var(--border);gap:0;display:flex;overflow-x:auto}.ast-stat{text-align:center;border-right:1px solid var(--border);flex-shrink:0;min-width:110px;padding:13px 20px}.ast-stat:last-child{border-right:none}.ast-stat-num{color:var(--navy);font-family:DM Mono,monospace;font-size:19px;font-weight:700}.ast-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:10px}.stock-upload-zone{background:linear-gradient(135deg,#e8f7f5,#f0fdf9);border:2px dashed #a8ddd7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 14px;display:flex}.stock-upload-zone-text strong{color:var(--green);margin-bottom:1px;font-size:12px;font-weight:700;display:block}.stock-upload-zone-text span{color:var(--muted);font-size:11px}.stock-upload-status{color:var(--green);align-items:center;gap:5px;min-height:14px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.stock-upload-status.error{color:#dc2626}.fb-config-field{border:1.5px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:6px;margin-bottom:6px;padding:7px 10px;font-family:DM Mono,monospace;font-size:11px}.fb-config-field:focus{border-color:var(--teal);outline:none}.fb-status-bar{border:1.5px solid var(--border);background:var(--input-bg);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.fb-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fb-dot.connected{background:#10b981;animation:2s infinite pulse;box-shadow:0 0 6px #10b98180}.fb-dot.error{background:#ef4444;animation:none}.fb-dot.offline{background:#9ca3af;animation:none}.fb-dot.syncing{background:#f59e0b;animation:.5s infinite pulse}.fb-dot.local{background:#9ca3af;animation:none}.fb-sync-toast{background:var(--navy);color:#fff;z-index:9999;pointer-events:none;opacity:0;border-radius:20px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:600;transition:opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.fb-sync-toast.show{opacity:1}.dash-metric{transition:transform .15s,box-shadow .15s}.dash-metric:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1c356633}[data-theme=dark]{--bg:#090e17;--card:#111827;--border:#1f2937;--text:#f3f4f6;--muted:#9ca3af;--label:#6b7280;--input-bg:#0b0f19;--teal-light:#1e293b;--green-light:#064e3b;--shadow:0 4px 20px #0006;--shadow-md:0 8px 30px #0000008c;--navy:#38bdf8;--teal:#38bdf8}[data-theme=dark] .doc-table th{color:#f3f4f6;border-bottom:1.5px solid var(--border);background:#1f2937}[data-theme=dark] .doc-table tr:nth-child(2n) td{background:#111827}[data-theme=dark] .doc-table tr:hover td{background:#1f2937}[data-theme=dark] .a-tab.active,[data-theme=dark] .doc-tab.active{color:#38bdf8!important;border-bottom-color:#38bdf8!important}[data-theme=dark] .a-tab:hover,[data-theme=dark] .doc-tab:hover{color:#38bdf8}[data-theme=dark] .btn-navy{background:#1f2937;border-color:#1f2937}[data-theme=dark] .btn-navy:hover{background:#374151;border-color:#374151}[data-theme=dark] .empty-state{background:#111827;border-color:#1f2937}[data-theme=dark] .color-swatch{border-color:#1f2937}[data-theme=dark] kbd{color:#f3f4f6!important;background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .gst-filters,[data-theme=dark] .panel-toolbar,[data-theme=dark] .ar-stat,[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background:#111827!important;border-color:#1f2937!important}[data-theme=dark] .modal-box{border-color:#1f2937!important;box-shadow:0 10px 40px #0009!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#4b5563}[data-theme=dark] select option{color:#f3f4f6;background:#111827}.search-box{border:1px solid var(--border);background:#fff;border-radius:12px;width:600px;max-width:95%;animation:.15s ease-out searchFadeIn;overflow:hidden;box-shadow:0 10px 40px #1c356640}@keyframes searchFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.search-input-wrap{border-bottom:1.5px solid var(--border);background:var(--input-bg);align-items:center;gap:12px;padding:14px 20px;display:flex}.search-input-wrap svg{color:var(--muted);flex-shrink:0}.search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:16px}.search-input::placeholder{color:var(--label)}.search-results{max-height:400px;padding:10px 14px;overflow-y:auto}.search-category-header{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:8px 10px 4px;font-size:9px;font-weight:700}.search-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;transition:background .1s;display:flex}.search-item:hover,.search-item.active{background:var(--teal-light)}.search-item-icon{flex-shrink:0;font-size:16px}.search-item-details{flex-direction:column;min-width:0;display:flex}.search-item-title{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.search-item-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;overflow:hidden}.search-footer-hints{background:var(--input-bg);border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 20px;font-size:10px;display:flex}.search-hint-key{border:1px solid var(--border);background:#fff;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600;box-shadow:0 1px 2px #0000000d}@media (width<=768px){#topbar{gap:8px;padding:0 12px}.tb-breadcrumb,.tb-sep{display:none}.tb-actions{gap:4px}.btn-sm{padding:5px 8px;font-size:11px}.user-chip-info{display:none}.logout-btn{padding:6px 8px;font-size:0}.logout-btn svg{width:14px;height:14px;margin:0}.screen-body,.screen-inner{padding:12px!important}#dash-stats{padding:12px}.stats-bar{flex-wrap:wrap;padding:0 12px}.stat-item{padding:10px 14px}.client-grid{grid-template-columns:1fr!important}.doc-table,table{min-width:580px}.actions{flex-wrap:wrap;gap:3px}.kanban-board{grid-template-columns:1fr!important}.modal-box{border-radius:10px;margin:12px;max-width:100%!important}.modal-overlay{align-items:flex-end;padding:0}}@media (width<=480px){.form-row.c2,.form-row.c3,.form-row.c4{grid-template-columns:1fr!important}}