:root{--bg:#f6f7fb;--panel:#fff;--text:#171522;--muted:#747184;--line:#e8e6ef;--primary:#6c45d8;--primary2:#8b68ed;--danger:#b72b43;--success:#267a55;--shadow:0 8px 28px rgba(41,29,77,.07)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#171322;color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#ee7187);display:grid;place-items:center;color:#fff;font-weight:800}.brand span{display:block;color:#a9a4b7;font-size:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#bdb9c8;padding:11px 12px;border-radius:10px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#2a2438;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #302b3b;padding:18px 8px 0;display:grid;gap:8px}.sidebar-foot small{color:#948f9e}.sidebar-foot a{color:#ddd}.main{min-width:0}.topbar{height:88px;padding:18px 28px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.user-pill{background:#f0ecfb;border:1px solid #dfd5f7;padding:9px 13px;border-radius:20px;font-size:13px}.content{padding:26px;max-width:1500px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:24px;margin-top:10px}.danger-card strong{color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-form{display:grid;grid-template-columns:420px 1fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2,.card h2{margin:0;font-size:17px}.section-head span{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.form-grid label,.stack label{font-size:12px;font-weight:650;color:#4b4657;display:grid;gap:6px}.form-grid input,.form-grid select,.form-grid textarea,.stack input{width:100%;border:1px solid #dcd9e4;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack input:focus{border-color:#967be2;box-shadow:0 0 0 3px rgba(108,69,216,.09)}textarea{min-height:80px;resize:vertical}.span-2{grid-column:span 2}.btn{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 16px;font-weight:700;display:inline-block;cursor:pointer}.btn:hover{background:#5b37c5}.btn.secondary{background:#3d3947}.btn.wide{width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#716b7d;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 10px;border-bottom:1px solid #f0eef4;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0eef4;color:#625d6d;font-size:11px;text-transform:capitalize}.status-paid{background:#e8f6ef;color:var(--success)}.status-overdue{background:#fdecef;color:var(--danger)}.status-sent{background:#eaf2ff;color:#2f61a7}.status-draft{background:#f3f0f8;color:#615a6e}.actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.actions form{display:inline}.actions select{border:1px solid var(--line);padding:6px;border-radius:8px}.summary-btn{cursor:pointer;color:var(--primary);font-weight:700}.top-gap{margin-top:18px}.empty{color:var(--muted);padding:22px 0}.notice{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.notice.success{background:#e9f7ef;color:#216747}.notice.danger{background:#fdecef;color:#9b2338}.narrow{max-width:800px}.login-body,.install-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eee8ff,#f8f7fb 45%)}.login-card,.install-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.login-card .brand-mark{margin:0 auto}.login-card h1,.install-card h1{text-align:center;margin:14px 0 5px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.stack{display:grid;gap:14px}.stack h3{margin:8px 0 0}.invoice-body{background:#ecebf1;padding:24px}.invoice-actions{max-width:900px;margin:0 auto 14px;display:flex;gap:10px}.invoice-sheet{max-width:900px;min-height:1120px;margin:auto;background:#fff;padding:54px;box-shadow:0 8px 35px rgba(0,0,0,.08)}.invoice-head{display:flex;justify-content:space-between;border-bottom:2px solid #1c1922;padding-bottom:28px}.invoice-head h1{margin:10px 0 5px}.invoice-head p,.billto p{color:#666;line-height:1.6;font-size:13px}.invoice-title{text-align:right}.invoice-title h2{font-size:34px;margin:0 0 8px}.invoice-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#ee7187);color:#fff;display:grid;place-items:center;font-weight:900}.billto{margin:30px 0}.billto span{display:block;color:#777;font-size:11px;text-transform:uppercase;margin-bottom:7px}.billto strong{font-size:17px}.invoice-table th{background:#171522;color:#fff}.totals{margin-left:auto;width:330px;padding-top:18px}.totals p{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px 0;margin:0}.totals .grand{font-size:18px;border-bottom:2px solid #171522}.invoice-notes{margin-top:35px}.invoice-notes h3{font-size:12px;text-transform:uppercase;margin-bottom:5px}.invoice-notes p{font-size:13px;color:#666;white-space:pre-line}.invoice-sheet footer{text-align:center;color:#777;font-size:12px;border-top:1px solid #eee;margin-top:42px;padding-top:18px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid-form,.grid-2{grid-template-columns:1fr}}@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-foot{display:none}.topbar{position:relative}.content{padding:16px}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.invoice-sheet{padding:28px}.invoice-head{display:grid;gap:20px}.invoice-title{text-align:left}}@media print{.no-print{display:none!important}.invoice-body{background:#fff;padding:0}.invoice-sheet{box-shadow:none;max-width:none;min-height:0;padding:20mm}}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-list{margin:18px 0 0;display:grid;gap:0}.info-list div{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.info-list dt{color:var(--muted);font-size:12px}.info-list dd{margin:0;font-size:13px;font-weight:600}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}
.muted-line{color:var(--muted);font-size:13px;line-height:1.55}.update-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.update-upload{display:grid;gap:16px;margin-top:18px}.update-upload>label,.rollback-box label{font-size:12px;font-weight:650;color:#4b4657;display:grid;gap:7px}.update-upload input[type=file],.rollback-box input{width:100%;border:1px solid #dcd9e4;border-radius:10px;padding:11px 12px;background:#fff}.update-help{padding:14px 16px;background:#f7f5fc;border:1px solid #e7e1f5;border-radius:12px;font-size:13px;color:#514b5e}.update-help ul{margin:8px 0 0 18px;padding:0;display:grid;gap:5px}.rollback-box{display:grid;gap:13px;margin-top:16px}.danger-btn{background:var(--danger)}.danger-btn:hover{background:#982137}.notice.warning{background:#fff7df;color:#755811;border:1px solid #f0dfab}.update-applied{background:#e8f6ef;color:var(--success)}.update-rolled_back{background:#eef0f5;color:#555b68}.update-failed{background:#fdecef;color:var(--danger)}code{background:#f1eef6;padding:2px 5px;border-radius:5px}@media(max-width:950px){.update-grid{grid-template-columns:1fr}}
.cards-6{grid-template-columns:repeat(6,minmax(0,1fr))}.billing-queue{display:grid;gap:0}.queue-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.queue-row:last-child{border-bottom:0}.queue-row small{display:block;color:var(--muted);margin-top:4px}.due-service-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0;background:#fbfaff}.due-service-card h3{margin:0;font-size:16px}.service-check-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.service-check-list label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer}.service-check-list label:last-child{border-bottom:0}.service-check-list input{width:17px;height:17px}.service-check-list span strong,.service-check-list span small{display:block}.service-check-list span small{color:var(--muted);font-size:11px;margin-top:4px}.invoice-choice{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.checkbox-field{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.checkbox-field input{width:18px!important;height:18px}.service-assignment-grid{grid-template-columns:430px 1fr}.editable-items input,.editable-items select{width:100%;min-width:110px;border:1px solid #dcd9e4;border-radius:8px;padding:8px;background:#fff}.editable-items td:nth-child(2) input{min-width:220px}.line-remove{border:0;background:#fdecef;color:var(--danger);border-radius:8px;padding:7px 9px;cursor:pointer;font-size:11px}.card h3{margin:0;font-size:14px}@media(max-width:1250px){.cards-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.service-assignment-grid{grid-template-columns:1fr}}@media(max-width:780px){.cards-6{grid-template-columns:1fr}.invoice-choice .btn{width:100%;text-align:center}}