:root{--dx-navy:#061b36;--dx-navy-2:#0a2b55;--dx-blue:#1268f3;--dx-blue-bright:#1683ff;--dx-orange:#ff7a00;--dx-cloud:#f4f7fb;--dx-radius:20px}
body{background:linear-gradient(180deg,#fff 0,#f5f8fc 420px,#f4f7fb 100%)}
header{min-height:82px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid #dce5ef;box-shadow:none;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
header nav{gap:2px}header nav a{padding:10px 12px;border-radius:999px;color:#183653;font-weight:750}header nav a:hover{background:#eaf2ff;color:var(--dx-blue)}
.brand-mark img{width:128px}.product-name{padding-left:9px;border-left:1px solid #d4dfeb;font-size:12px;letter-spacing:.1px}.product-name small{color:var(--dx-blue);font-weight:800}
main{max-width:1360px;padding:34px clamp(18px,3vw,42px) 90px}
.hero,.login{position:relative;overflow:hidden;max-width:none;padding:clamp(40px,6vw,78px);border-radius:28px;background:radial-gradient(circle at 82% 15%,rgba(18,104,243,.38),transparent 30%),linear-gradient(135deg,var(--dx-navy) 0%,#081f42 62%,#0b3470 100%);box-shadow:0 22px 60px rgba(6,27,54,.18);margin:12px 0 34px;color:#fff}
.hero:after,.login:after{content:"";position:absolute;width:190px;height:190px;right:-65px;bottom:-100px;border:28px solid var(--dx-orange);transform:rotate(45deg);opacity:.92}
.hero.compact{padding:44px 52px}.hero h1,.hero.compact h1,.login h1{max-width:900px;color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-2.8px}.hero.compact h1{font-size:clamp(34px,4vw,52px)}
.hero>p:not(.eyebrow),.login>p{color:#d8e7fa;max-width:780px;font-size:19px}.hero .eyebrow,.login .eyebrow{color:#77b7ff}.eyebrow{font-weight:900}.login-logo{background:#fff;border-radius:10px;padding:12px 16px;width:min(330px,75%);margin-bottom:40px}
.login-form{position:relative;z-index:1}.login-form label{color:#e7f1ff}.login-form input{background:#fff;color:#10243e}.login .user-card{background:#fff}
.panel,.manual-card{border-radius:var(--dx-radius);border:1px solid #d9e4ef;box-shadow:0 10px 32px rgba(20,53,84,.07)}.panel{padding:clamp(22px,3vw,34px);margin:22px 0}.panel h2{font-size:clamp(23px,2.4vw,32px);letter-spacing:-.7px}.panel h3{font-size:18px}
.metrics{gap:18px}.metrics article{border-radius:18px;border:1px solid #dbe6f1;border-top:0;padding:24px;box-shadow:0 10px 28px rgba(20,53,84,.07);position:relative;overflow:hidden}.metrics article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--dx-blue)}.metrics strong{font-size:38px;color:var(--dx-navy)}
.button,button{border-radius:999px;background:var(--dx-blue);border-color:var(--dx-blue);padding:11px 18px;box-shadow:0 7px 16px rgba(18,104,243,.16)}.button:hover,button:hover{background:#0859d7;border-color:#0859d7;transform:translateY(-1px)}.button.ghost,button.ghost{box-shadow:none;background:#edf4ff;border-color:#cfe0f5;color:#0b58bd}.danger{border-radius:999px!important}
.report-toolbar{background:#fff;border:1px solid #d7e3ef;box-shadow:0 10px 28px rgba(20,53,84,.06);padding:20px;border-radius:18px}.chart-grid{gap:2px 20px}.chart-grid .panel{min-height:390px}
th{background:#eef4fa;color:#294764;border-bottom:1px solid #cfdeec}td{border-bottom:1px solid #e2eaf2}.pill,.source-label{background:#e7f1ff;color:#0757b8}.protected-badge{background:#fff3e8;color:#a94d00}
.summary-grid{gap:16px}.summary-grid article{padding:22px;border-radius:16px;background:linear-gradient(145deg,#f7faff,#edf4fc);border:1px solid #dce8f3}.summary-grid b{font-size:15px;color:var(--dx-navy)}
.settings-panel{max-width:1100px}.mfa-secret{display:grid;gap:8px;padding:20px;margin:18px 0;border-radius:14px;background:#eef5ff;border:1px solid #cbdff6}.mfa-secret strong{font:800 21px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;color:var(--dx-navy);word-break:break-all}.mfa-secret small{color:#52677f;word-break:break-all}.status-good,.settings-notice{padding:14px 17px;border-radius:12px;background:#e9f8f2;border:1px solid #a8dec9;color:#086747;font-weight:750}.account-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.account-actions form{margin:0}
.alert{border-radius:14px;box-shadow:0 8px 25px rgba(20,53,84,.07)}code{padding:2px 6px;border-radius:5px;background:#eaf1f8;color:#173c61}
html[data-theme="dark"] body{background:#061426}html[data-theme="dark"] header{background:rgba(7,24,44,.96);border-color:#294965}html[data-theme="dark"] header nav a{color:#dbeaff}html[data-theme="dark"] .panel,html[data-theme="dark"] .metrics article{border-color:#294965}html[data-theme="dark"] .summary-grid article{background:#102d4b;border-color:#294965}html[data-theme="dark"] .mfa-secret{background:#102d4b;border-color:#355d80}html[data-theme="dark"] .mfa-secret strong{color:#fff}
@media(max-width:760px){.hero,.login{padding:34px 25px;border-radius:20px}.hero.compact{padding:34px 25px}.hero:after,.login:after{opacity:.25}.brand-mark img{width:104px}.chart-grid .panel{min-height:340px}}
.login-reset{display:inline-flex;justify-content:center;color:#a9d0ff;font-weight:800;text-decoration:none}.login-reset:hover{color:#fff}.compliance-note{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:20px;padding:22px 26px;margin:0 0 24px;border-radius:16px;background:#eaf3ff;border-left:5px solid var(--dx-blue);color:#244563}.compliance-note b{color:var(--dx-navy)}.accident-details{display:flex;gap:20px;flex-wrap:wrap;padding:14px 0;color:#52677f}.document-list{padding-left:20px}.document-list li{margin:7px 0}.accident-form textarea,.settings-grid textarea{width:100%;padding:11px;border:1px solid #adbed0;border-radius:7px;background:var(--white);color:var(--ink);font:inherit}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.profile-grid article{display:grid;gap:7px;padding:18px;border-radius:14px;background:#f1f6fc;border:1px solid #d8e5f1}.profile-grid span{font-size:12px;font-weight:800;color:#52677f;text-transform:uppercase;letter-spacing:.5px}.profile-grid strong{font-size:18px;color:var(--dx-navy);overflow-wrap:anywhere}.empty-state{text-align:center;padding:60px}.accident-card{border-left:5px solid var(--dx-blue)}html[data-theme="dark"] .compliance-note,html[data-theme="dark"] .profile-grid article{background:#102d4b;border-color:#355d80}html[data-theme="dark"] .profile-grid strong,html[data-theme="dark"] .compliance-note b{color:#fff}@media(max-width:760px){.compliance-note,.profile-grid{grid-template-columns:1fr}.accident-details{display:grid;gap:5px}}