:root{--bg: #0b0f1a;--surface: #131a2b;--surface-2: #1a2236;--border: rgba(255, 255, 255, .08);--text: #e8ecf4;--muted: #8b93a7;--accent: #6366f1;--accent-2: #22d3ee;--danger: #ef4444;--success: #10b981;--radius: 16px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(99,102,241,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(34,211,238,.1),transparent 60%),var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}h1,h2{margin:0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.muted{color:var(--muted);font-size:.9rem}.app{max-width:1040px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.screen-center{min-height:100vh;display:grid;place-items:center;padding:20px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-title{font-size:1.6rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mode-badge{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mode-badge.cloud{color:var(--accent-2)}.mode-badge.local{color:#f59e0b}.header-user{display:flex;align-items:center;gap:12px}.app-footer{text-align:center}.card{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 10px 40px #00000059}.banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:10px;padding:10px 14px;font-size:.9rem}.banner.notice{background:#10b9811f;border-color:#10b98166;color:#6ee7b7}.banner-close{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem}.btn{border:1px solid var(--border);border-radius:10px;padding:9px 16px;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);transition:filter .15s,transform .05s;white-space:nowrap}.btn:focus-visible,.btn-icon:focus-visible,.big-button:focus-visible,.picker-item:focus-visible,.settings-nav-item:focus-visible,.hub-tile:focus-visible,.user-chip:focus-visible,.home-link:focus-visible,.banner-close:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}input,select{min-width:0;max-width:100%}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),#4f46e5);border-color:transparent}.btn-ghost{background:transparent}.btn-block{width:100%}.btn-icon{background:none;border:none;color:var(--muted);cursor:pointer;border-radius:8px;padding:4px 8px}.btn-icon:hover{color:var(--danger);background:#ef44441f}.timer-card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.timer-readout{display:flex;flex-direction:column;gap:6px}.timer-clock{font-size:3.4rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--muted)}.timer-clock.running{color:var(--text)}.big-button{width:190px;height:190px;border-radius:50%;border:none;cursor:pointer;font-size:1.5rem;font-weight:800;letter-spacing:.12em;color:#fff;transition:transform .1s,box-shadow .3s}.big-button:hover{transform:scale(1.03)}.big-button:active{transform:scale(.97)}.big-button.start{background:radial-gradient(circle at 30% 25%,#34d399,var(--success) 45%,#047857);box-shadow:0 0 50px #10b98159,inset 0 -6px 18px #0000004d}.big-button.stop{background:radial-gradient(circle at 30% 25%,#f87171,var(--danger) 45%,#991b1b);box-shadow:0 0 55px #ef444473,inset 0 -6px 18px #0000004d;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 35px #ef44444d,inset 0 -6px 18px #0000004d}50%{box-shadow:0 0 70px #ef444499,inset 0 -6px 18px #0000004d}}@media (max-width: 640px){.timer-card{justify-content:center;text-align:center}.timer-readout{align-items:center}.timer-clock{font-size:2.6rem}.app{padding:16px 12px 40px}.card{padding:18px 16px}.table-toolbar{padding:16px}.app-title{font-size:1.3rem}.user-chip-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-input{flex-wrap:wrap}.picker-input input{min-width:0;flex-basis:100%}.picker-input .btn{flex:1}.model-bar{padding:14px 16px}.model-select{flex-basis:100%}}@media (pointer: coarse){.btn{min-height:44px}.btn-icon{min-width:44px;min-height:44px;font-size:1rem}input,select{min-height:44px}.picker-item-label{padding:13px 14px}.settings-nav-item{min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}input,select{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:.95rem;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;font-size:.95rem;background:#fff;color:#1f2937;border-color:transparent}.auth-note{text-align:center;font-size:.8rem}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s}.user-chip:hover{border-color:var(--accent)}.user-chip-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-chip-email{font-size:.85rem;font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.avatar-lg{width:56px;height:56px;font-size:1.4rem}.settings{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}@media (max-width: 720px){.settings{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px}}.settings-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:20px}.settings-nav-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.settings-nav-item:hover{color:var(--text);background:var(--surface)}.settings-nav-item.active{color:var(--text);background:var(--surface);border-color:var(--border)}.settings-content{min-width:0}.settings-stack{display:flex;flex-direction:column;gap:20px}.settings-section{display:flex;flex-direction:column;gap:14px}.settings-section h2{font-size:1.1rem}.profile-head{display:flex;align-items:center;gap:14px}.profile-email{font-size:1.05rem}.grant-meta{font-size:.82rem}.admin-list-id{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.portal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.portal-form .field input,.portal-form .field select{width:100%}.portal-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}@media (max-width: 640px){.portal-form-actions .btn{width:100%}}.home-link{text-decoration:none}.hub{display:flex;flex-direction:column;gap:18px}.hub-intro h2{font-size:1.2rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.hub-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.hub-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.hub-tile-icon{font-size:1.9rem}.hub-tile-kind{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;white-space:nowrap}.hub-tile .hub-tile-kind{position:absolute;top:16px;right:16px}.hub-tile h3{margin:0;font-size:1.05rem}.hub-tile-expiry{font-size:.8rem;font-weight:600;color:#f59e0b}.expired-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px}.expired-icon{font-size:2.4rem}.expired-card p{max-width:420px;margin:0}.model-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 24px}.model-current{display:flex;flex-direction:column;gap:2px;min-width:0}.model-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.15rem;color:var(--accent-2);letter-spacing:.03em;overflow-wrap:anywhere}.model-none{color:#f59e0b;font-size:.95rem}.model-select{max-width:100%}.timer-model{font-size:.9rem;color:var(--muted)}.timer-model .mono{color:var(--accent-2)}.portal{display:flex;flex-direction:column;gap:16px}.portal-bar{display:flex;align-items:center;gap:14px}.portal-bar h2{font-size:1.15rem}.portal-content{display:flex;flex-direction:column;gap:20px}.portal-missing{text-align:center}.admin{display:flex;flex-direction:column;gap:20px}.admin-list li.selectable{cursor:pointer;transition:border-color .15s}.admin-list li.selectable:hover{border-color:var(--accent)}.admin-list li.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.role-badge.role-superadmin{color:var(--accent-2);border-color:#22d3ee66}.role-badge.role-admin{color:#a78bfa;border-color:#a78bfa66}.role-badge.role-user{color:var(--muted);border-color:var(--border)}.grant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.grant-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.grant-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grant-state{font-size:.8rem;font-weight:600}.grant-state.active{color:var(--success)}.grant-state.expired{color:var(--danger)}.grant-state.none{color:var(--muted)}.grant-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-card{display:flex;flex-direction:column;gap:16px}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.admin-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.95rem}.admin-list-meta{display:flex;align-items:center;gap:10px}.role-badge{margin-left:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);border:1px solid rgba(34,211,238,.4);border-radius:999px;padding:2px 8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:50;overscroll-behavior:contain}body:has(.overlay){overflow:hidden}.wizard{width:min(560px,100%);display:flex;flex-direction:column;gap:18px;max-height:90vh;overflow:auto}.wizard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.step-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border)}.dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #6366f199}.dot.done{background:var(--success);border-color:var(--success)}.wizard-actions{display:flex;justify-content:space-between;gap:12px}.wizard-nav{display:flex;gap:8px}.picker{display:flex;flex-direction:column;gap:12px}.picker-input{display:flex;gap:8px}.picker-input input{flex:1}.picker-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.picker-item{display:flex;align-items:stretch;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s,background .15s}.picker-item-label{flex:1;min-width:0;text-align:left;background:none;border:none;color:var(--text);padding:11px 14px;font-size:.95rem;cursor:pointer;overflow-wrap:anywhere}.picker-item-delete{border-radius:0;flex-shrink:0}.picker-item:hover{border-color:var(--accent)}.picker-item.selected{border-color:var(--accent);background:#6366f12e;box-shadow:0 0 0 1px var(--accent)}.picker-empty{padding:10px 4px}.confirm-list{margin:0;display:flex;flex-direction:column;gap:2px}.confirm-list>div{display:flex;justify-content:space-between;gap:16px;padding:9px 4px;border-bottom:1px solid var(--border)}.confirm-list dt{color:var(--muted);font-size:.9rem}.confirm-list dd{margin:0;font-weight:600;text-align:right}@media (max-width: 640px){.overlay{padding:0;place-items:end stretch}.wizard{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:none;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:sheet-up .25s ease-out}.wizard-actions{flex-direction:column-reverse;gap:8px}.wizard-actions>.btn-ghost{width:100%}.wizard-nav{width:100%}.wizard-nav .btn{flex:1;min-height:48px;font-size:1rem}}@keyframes sheet-up{0%{transform:translateY(48px);opacity:.5}to{transform:translateY(0);opacity:1}}.table-card{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--border)}.table-heading{display:flex;flex-direction:column;gap:4px}.table-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.export-buttons{display:flex;gap:6px}.table-empty{padding:32px 24px;text-align:center}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;padding:12px 16px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}td{padding:11px 16px;border-bottom:1px solid var(--border)}tbody tr:not(.day-row):hover td{background:#ffffff06}.day-row td{background:var(--surface-2);font-weight:600;font-size:.85rem}.day-row td>div{display:flex;justify-content:space-between;gap:12px}td.duration{color:var(--accent-2);font-weight:600}