:root{--c-bg: #020814;--c-surface: #153e5f;--c-blue: #007aff;--c-yellow: #ffc200;--c-white: #ffffff;--c-muted: rgba(255,255,255,.55);--c-border: rgba(255,255,255,.1);--c-warn-bg: rgba(255,194,0,.12);--c-warn-border: rgba(255,194,0,.4);--c-err-bg: rgba(212,20,90,.12);--c-err-border: rgba(212,20,90,.4);--c-info-bg: rgba(0,122,255,.12);--c-info-border: rgba(0,122,255,.4);--font: "Montserrat", Arial, sans-serif;--radius: 12px;--radius-btn: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--c-bg);color:var(--c-white);font-family:var(--font);font-weight:400;font-size:15px;line-height:1.6;min-height:100vh}a{color:var(--c-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;margin:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:#020814eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.75rem}.brand-logo{height:28px;width:auto}.header-title{font-size:.85rem;font-weight:600;color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase}.header-user{display:flex;align-items:center;gap:1.25rem;font-size:.85rem}.user-display-name{color:var(--c-muted);font-weight:500}.sign-out-link{color:var(--c-blue);font-weight:600;font-size:.8rem}.signin-page{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem}.signin-card{background:var(--c-surface);border-radius:var(--radius);padding:3rem 2.5rem;max-width:420px;width:100%;text-align:center;border:1px solid var(--c-border)}.signin-card .brand-logo{height:36px;margin-bottom:2rem}.signin-card h1{font-size:1.4rem;margin-bottom:.75rem}.signin-card p{color:var(--c-muted);font-size:.9rem;margin:0 0 2rem;line-height:1.7}.signin-card .tagline{font-size:.75rem;color:var(--c-muted);margin-top:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:11px 24px;border-radius:var(--radius-btn);font-family:var(--font);font-weight:600;font-size:.9rem;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.88;text-decoration:none}.btn-primary{background:var(--c-blue);color:var(--c-white)}.btn-full{width:100%;justify-content:center}main{max-width:1000px;margin:0 auto;padding:2rem}.page-title{font-size:1.5rem;margin-bottom:.25rem}.meta{color:var(--c-muted);font-size:.82rem;margin:0 0 2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:0 0 2rem}.card{background:var(--c-surface);border-radius:var(--radius);padding:1.25rem 1.5rem;border:1px solid var(--c-border)}.card .label{font-size:.72rem;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.card .value{font-size:1.8rem;font-weight:700;color:var(--c-white);line-height:1.1}.card.highlight .value{color:var(--c-white)}h2{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin:2rem 0 .75rem;border-bottom:1px solid var(--c-border);padding-bottom:.5rem}h2.heading-accent{color:var(--c-yellow);border-bottom-color:#ffc20040}table{width:100%;border-collapse:collapse;margin-bottom:2rem;background:var(--c-surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border)}th,td{text-align:left;padding:.6rem 1rem;border-bottom:1px solid var(--c-border);font-size:.85rem}th{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);background:#ffffff0a}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.notice{padding:1rem 1.25rem;border-radius:var(--radius-btn);margin-bottom:1rem;font-size:.9rem;border-width:1px;border-style:solid}.notice.info{background:var(--c-info-bg);border-color:var(--c-info-border)}.notice.warn{background:var(--c-warn-bg);border-color:var(--c-warn-border)}.notice.error{background:var(--c-err-bg);border-color:var(--c-err-border)}.data-updated{margin:0 0 1.25rem;font-size:.78rem;color:var(--c-muted)}.chart-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.25rem 1rem .75rem;margin-bottom:2rem}#usage-chart{display:block;width:100%;height:220px}#breakdown .day-row{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}#breakdown .day-row:hover td{background:#007aff14}#breakdown .day-row .chevron{display:inline-block;font-size:.65rem;margin-right:.4rem;color:var(--c-muted);transition:transform .18s ease;vertical-align:middle}#breakdown .day-row.expanded .chevron{transform:rotate(90deg)}#breakdown .model-row td.model-name{padding-left:2rem;color:var(--c-muted)}#breakdown .model-row td{font-size:.85rem;color:#ffffffb8}#breakdown .model-row:hover td{background:#ffffff08}