:root{--bg:#0b0e12;--panel:#12171d;--panel2:#171d24;--sidebar:#0d1116;--text:#f5f7fa;--muted:#8f99a6;--line:#252c35;--accent:#f6a800;--accent2:#ffbf26;--good:#38b764;--warn:#f6b900;--bad:#ef4747}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0,#171d2418,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0d1116,#10151b);color:#fff;padding:22px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 22px;border-bottom:1px solid var(--line)}.brand-text-logo{min-height:92px}.brand-tire{width:58px;height:58px;flex:0 0 58px;border:3px solid #f5f7fa;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 5px #0d1116;background:#0d1116}.brand-tire:after{content:"";position:absolute;width:34px;height:5px;background:var(--accent);border-radius:10px;transform:rotate(-12deg)}.brand-tire span{font-size:11px;font-weight:950;letter-spacing:-.08em;color:#fff;z-index:1}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:950}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:22px;line-height:1;letter-spacing:-.05em;font-style:italic;font-weight:950}.brand-copy strong em{color:var(--accent);font-style:italic}.brand-copy span{display:block;font-size:7px;line-height:1.45;letter-spacing:.11em;color:#aab2bc;margin-top:7px;font-weight:700}.sidebar nav{display:grid;grid-gap:7px;gap:7px;margin-top:22px}.nav{color:#c4cad2;text-decoration:none;padding:13px 12px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:.2s}.nav:hover{background:#ffffff08;color:#fff}.nav.active{background:linear-gradient(90deg,#f6a80020,#ffffff08);color:var(--accent2);box-shadow:inset 3px 0 var(--accent)}.sidebar-foot{margin-top:auto}.mini-brand{border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center;margin-bottom:12px;background:#ffffff03}.mini-brand>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;font-size:11px}.mini-brand span,.mini-brand strong{display:block}.mini-brand strong{font-size:11px}.mini-brand span{font-size:10px;color:var(--muted);line-height:1.45;margin-top:3px}.userarea{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}.user{padding:5px 6px 9px;display:flex;align-items:center;gap:9px}.user>b{font-size:11px;background:#20262e;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.user span{font-size:12px;color:#c8ced5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:9px;background:transparent;color:#9aa3ae;padding:10px 7px;border-radius:9px;font-weight:700}.logout:hover{background:#ffffff08;color:#fff}.content{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:78px;background:#0b0e12e8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar small,.topbar strong{display:block}.topbar strong{font-size:16px}.topbar small{color:var(--accent);margin-top:4px;font-size:11px}.online{font-size:12px;color:#c0c7cf;display:flex;align-items:center;gap:7px}.online span{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px #38b76490}.page{padding:34px;max-width:1500px;margin:auto}.dashboard-hero,.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.dashboard-hero>div>span,.heading span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent)}.dashboard-hero h1,.heading h1{font-size:38px;letter-spacing:-.04em;margin:5px 0 6px}.dashboard-hero p,.empty p,.grid p,.heading p{color:var(--muted);margin:0}.button-link,button{border:0;border-radius:11px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#111;padding:13px 18px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 8px 24px #f6a80014}button:disabled{opacity:.55;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.cards article,.grid section,.panel{background:linear-gradient(180deg,#151a20,#11161c);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 12px 28px #00000014}.premium-cards article{min-height:126px}.metric-head{display:flex;align-items:center;gap:11px}.metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f6a80010;color:var(--accent)}.cards em,.cards small{display:block;color:var(--muted);font-style:normal}.cards b{display:block;font-size:34px;margin:13px 0 5px}.cards em{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.panel h2{font-size:17px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.panel h2 svg{color:var(--accent)}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title a{font-size:11px;color:#c8ced5;text-decoration:none;border:1px solid var(--line);padding:8px 12px;border-radius:9px}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.quick-cards a{min-height:128px;border:1px solid var(--line);border-radius:13px;background:#ffffff03;text-decoration:none;color:#fff;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:.2s}.quick-cards a:hover{border-color:#f6a80066;background:#f6a80008;transform:translateY(-1px)}.quick-cards svg{color:var(--accent)}.quick-cards strong{font-size:12px}.quick-cards span{font-size:10px;color:var(--muted)}.flow-line{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:center;gap:14px;background:#ffffff02}.flow-line span{font-size:11px}.flow-line b{color:var(--accent)}.panel-empty{padding:30px 4px;color:var(--muted)}.recent-list{display:grid}.recent-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.recent-list>div:last-child{border-bottom:0}.recent-icon{width:32px;height:32px;border-radius:9px;background:#38b76418;color:var(--good);display:grid;place-items:center}.recent-list small,.recent-list span,.recent-list strong{display:block}.recent-list strong{font-size:12px}.recent-list small,.recent-list span{font-size:10px;color:var(--muted);margin-top:3px}.condition-list{display:grid;grid-gap:11px;gap:11px}.condition-list>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;grid-gap:9px;gap:9px}.dot{width:8px;height:8px;border-radius:50%}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.condition-list strong{font-size:12px}.condition-list b{font-size:13px}.condition-bar{height:9px;border-radius:99px;background:#20262d;overflow:hidden;display:flex;margin-top:18px}.condition-bar i:first-child{background:var(--good)}.condition-bar i:nth-child(2){background:var(--warn)}.condition-bar i:nth-child(3){background:var(--bad)}.alert-list{display:grid;grid-gap:9px;gap:9px}.alert-list>div{display:flex;align-items:center;gap:12px;background:#ffffff03;border:1px solid #ffffff05;border-radius:12px;padding:13px}.alert-list>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ef474719;color:#ff6e6e;font-weight:900}.alert-list small,.alert-list strong{display:block}.alert-list strong{font-size:12px}.alert-list small{font-size:10px;color:var(--muted);margin-top:3px}.grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.grid section{min-height:300px}.empty{min-height:360px;background:linear-gradient(180deg,#151a20,#11161c);border:1px dashed #343d47;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.emptylogo{width:58px;height:58px;border-radius:18px;background:#f6a80013;display:grid;place-items:center;color:var(--accent);font-weight:900}.empty h2{margin:14px 0 4px}.client-toolbar{gap:14px;margin-bottom:16px}.client-toolbar,.searchbox{display:flex;align-items:center}.searchbox{flex:1 1;height:48px;background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:10px;padding:0 15px;color:var(--muted)}.searchbox input{border:0;outline:0;flex:1 1;font:inherit;background:transparent;color:#fff}.client-count{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:48px;padding:7px 14px;display:flex;align-items:center;gap:8px}.client-count b{font-size:20px}.client-count span{font-size:12px;color:var(--muted)}.client-table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:auto}.client-table{width:100%;border-collapse:collapse;min-width:970px}.client-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:14px 18px;background:#0f1318}.client-table td,.client-table th{border-bottom:1px solid var(--line)}.client-table td{padding:17px 18px;vertical-align:middle}.client-table tr:last-child td{border-bottom:0}.client-table tbody tr:hover{background:#ffffff03}.client-table small,.client-table strong,.client-table td>span{display:block}.client-table strong{font-size:13px}.client-table small{font-size:11px;color:var(--muted);margin-top:4px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.iconbtn{width:38px;height:38px;padding:0;background:#20262e;color:#c4cad2;border-radius:10px;box-shadow:none}.iconbtn:hover{background:#2b323c}.iconbtn.danger{color:#ff7777}.action-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:#05070acc;z-index:50;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#11161c;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 90px #0009}.modal-head{padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head span{font-size:10px;font-weight:900;color:var(--accent);letter-spacing:.12em}.modal-head h2{margin:4px 0 0;font-size:28px}.client-form{padding:24px 26px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-grid label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:800;color:#d6dbe1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #313944;border-radius:10px;padding:12px 13px;font:inherit;outline:none;background:#0d1116;color:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#f6a80080;box-shadow:0 0 0 3px #f6a80012}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.form-error{margin-top:16px;background:#5f202028;border:1px solid #a33d3d;color:#ff9d9d;padding:12px 14px;border-radius:11px;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary{background:#252c35;color:#d7dce2}.info-banner{background:#5e450f40;border:1px solid #9e741e;color:#f8d77c;padding:12px 15px;border-radius:12px;margin:-8px 0 16px;font-size:13px}.metric-inline{display:inline-flex!important;align-items:center;gap:6px;font-weight:700}.photo-uploader{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.photo-uploader>div{display:flex;align-items:center;gap:12px}.photo-uploader b,.photo-uploader span{display:block}.photo-uploader span{font-size:12px;color:var(--muted);margin-top:3px}.photo-uploader>small{width:100%;color:var(--muted)}.upload-button{background:var(--accent);color:#111;padding:11px 15px;border-radius:11px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.upload-button input{display:none}.upload-button.disabled{opacity:.55;pointer-events:none}.report-sheet{background:#fff;color:#17191d;border:1px solid #ddd;border-radius:18px;padding:34px;box-shadow:0 8px 30px #0003}.report-head{justify-content:space-between;padding-bottom:24px;border-bottom:2px solid #20242a}.report-head,.report-head>div{display:flex;align-items:center}.report-head>div{gap:12px}.report-head>div:last-child{display:block;text-align:right}.report-head small,.report-head span,.report-head strong{display:block}.report-head small,.report-head span{font-size:11px;color:#6d7480}.report-logo{width:46px;height:46px;border-radius:12px;background:var(--accent);display:grid;place-items:center}.report-section{padding:24px 0;border-bottom:1px solid #e3e6ea}.report-section h2{font-size:16px;margin:0 0 16px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.report-grid>div{background:#f8f9fa;border:1px solid #eceff2;border-radius:11px;padding:13px}.report-grid small,.report-note small{display:block;font-size:10px;text-transform:uppercase;color:#6d7480;font-weight:800;letter-spacing:.04em;margin-bottom:5px}.report-grid b{font-size:13px}.report-status{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:11px;padding:14px 16px}.report-note{margin-top:14px;border:1px solid #e3e6ea;border-radius:11px;padding:15px}.report-note p{margin:0;line-height:1.6;white-space:pre-wrap}.report-photos{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.report-photos figure{margin:0;border:1px solid #e3e6ea;border-radius:12px;overflow:hidden}.report-photos img{width:100%;height:260px;object-fit:cover;display:block}.report-photos figcaption{padding:8px 10px;font-size:11px;color:#6d7480}.report-footer{padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6d7480}.report-footer b,.report-footer span{display:block}.login{min-height:100vh;background:#090c10;color:#fff;display:grid;grid-template-columns:1fr minmax(380px,520px)}.loginbrand{padding:38px;display:flex;align-items:flex-start;gap:12px}.loginbrand strong{padding-top:12px}.login form{background:#12171d;color:#fff;border:1px solid var(--line);margin:18px;border-radius:28px;padding:60px;display:flex;flex-direction:column;justify-content:center;gap:14px}.login form>span{font-size:11px;font-weight:900;color:var(--accent);letter-spacing:.1em}.login h1{font-size:44px;margin:0}.login p{color:var(--muted);margin-top:0}.login label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:800}.login input{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1116;color:#fff}.login form button{margin-top:8px}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.quick-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:82px}.brand-copy,.logout span,.mini-brand,.nav span,.user span{display:none}.brand{justify-content:center}.brand-tire{width:46px;height:46px;flex-basis:46px}.content{margin-left:82px;width:calc(100% - 82px)}.logout{justify-content:center}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.client-toolbar{align-items:stretch;flex-direction:column}.client-count{justify-content:center}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sidebar{height:70px;width:100%;inset:auto 0 0 0;padding:8px 10px}.brand,.sidebar-foot{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);margin:0}.nav{justify-content:center;padding:12px 6px}.content{margin-left:0;width:100%;padding-bottom:72px}.topbar{height:62px;padding:0 16px}.online{display:none}.page{padding:22px 15px}.dashboard-hero,.heading{align-items:flex-start;flex-direction:column}.dashboard-hero .button-link,.heading .button-link,.heading button{width:100%}.cards{grid-template-columns:1fr 1fr;gap:10px}.premium-cards article{min-height:118px}.dashboard-grid{grid-template-columns:1fr}.quick-cards{grid-template-columns:1fr 1fr}.flow-line{overflow:auto;justify-content:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-backdrop{padding:8px}.modal-card{max-height:96vh;border-radius:18px}.client-form,.modal-head{padding-left:18px;padding-right:18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.report-sheet{padding:20px}.report-grid,.report-photos{grid-template-columns:1fr}.report-head{align-items:flex-start;gap:16px}.report-footer{flex-direction:column}.login{display:block;padding:10px}.loginbrand{padding:16px 8px}.login form{margin:0;min-height:calc(100vh - 100px);padding:28px 22px}}@media print{body{background:#fff;color:#111}.no-print,.sidebar,.topbar{display:none!important}.content{margin:0;width:100%}.page{padding:0;max-width:none}.report-sheet{border:0;box-shadow:none;border-radius:0;padding:0}.report-photos figure,.report-section{page-break-inside:avoid;break-inside:avoid}.report-photos img{height:220px}}