@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0f1a;--bg-primary-soft: #0e1422;--bg-card: #131b2e;--bg-card-hover: #1a2540;--bg-elevated: #1a2540;--emerald: #00d4aa;--emerald-bright: #2ee7c4;--emerald-dim: rgba(0, 212, 170, .12);--emerald-border: rgba(0, 212, 170, .28);--emerald-glow: rgba(0, 212, 170, .25);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .15);--safe: #00d4aa;--work-color: #3b82f6;--rest-color: #8b5cf6;--available-color: #6b7280;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--touch-min: 52px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .25);--shadow-btn: 0 4px 16px rgba(0, 212, 170, .2);--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--gauge-track: rgba(255, 255, 255, .06);--choice-unselected-border: rgba(255, 255, 255, .12);--choice-unselected-bg: transparent}[data-theme=light]{--bg-primary: #e2e8f0;--bg-primary-soft: #cbd5e1;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--shadow-card: 0 4px 20px rgba(0, 0, 0, .12);--shadow-btn: 0 4px 16px rgba(0, 212, 170, .3);--gauge-track: rgba(15, 23, 42, .2);--choice-unselected-border: #64748b;--choice-unselected-bg: rgba(15, 23, 42, .08)}[data-theme=light] .card{border:1px solid #64748b;box-shadow:0 2px 12px #0000001a}[data-theme=light] .stat-box{border:1px solid #94a3b8!important;background:rgba(15,23,42,.06)!important}[data-theme=light] .app-header{background:#ffffff;border-bottom:1px solid #94a3b8;box-shadow:0 1px 4px #0000000f}[data-theme=light] .input-app{background:#fff;border:1px solid #94a3b8;color:#0f172a}[data-theme=light] .input-app:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #00d4aa33}[data-theme=light] .input-app::placeholder{color:#64748b}[data-theme=light] .btn-secondary{color:#059669;border:1.5px solid #059669}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-secondary:active{background:rgba(5,150,105,.1)}[data-theme=light] .section-label{color:#475569!important}[data-theme=light] .status-badge{color:inherit;border-width:1.5px}[data-theme=light] .status-driving{border-color:#00d4aa80}[data-theme=light] .status-rest{border-color:#8b5cf680}[data-theme=light] .status-work{border-color:#3b82f680}[data-theme=light] .status-idle{border-color:#6b728080}[data-theme=light] .alert-warning{color:#92400e;border-color:#b4530980}[data-theme=light] .alert-danger{color:#b91c1c;border-color:#b91c1c80}[data-theme=light] .navyra-logo{color:#059669}[data-theme=light] .touch-card{border-color:#94a3b8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px}html,body,#root{min-height:100%;height:100%;width:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation}.app-screen-container{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden}.page-transition{position:absolute;top:0;right:0;bottom:0;left:0}.screen{min-height:100dvh;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-primary)}.screen-scroll{min-height:100dvh;height:100%;width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card:active{border-color:var(--emerald-border)}.stat-box{border:1px solid rgba(255,255,255,.08)}.btn-primary{background:linear-gradient(180deg,var(--emerald) 0%,#00b894 100%);color:#0a0f1a;border:none;border-radius:var(--radius-lg);font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.05em;padding:18px 28px;min-height:var(--touch-min);width:100%;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);text-transform:uppercase;box-shadow:var(--shadow-btn);display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.btn-primary:hover{opacity:.95}.btn-primary:active{transform:scale(.97);opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-family:Rajdhani,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.05em;padding:18px 28px;min-height:var(--touch-min);width:100%;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-danger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.btn-danger:active{transform:scale(.97);opacity:.9}.btn-secondary{background:transparent;color:var(--emerald);border:1.5px solid var(--emerald-border);border-radius:var(--radius-lg);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:16px 24px;min-height:var(--touch-min);width:100%;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:active{background:var(--emerald-dim);transform:scale(.97)}.navyra-logo{font-family:Rajdhani,sans-serif;font-weight:700;color:var(--emerald);letter-spacing:.15em;text-transform:uppercase}.brand-disclaimer{position:fixed;left:0;right:0;text-align:center;font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);opacity:.55;pointer-events:none;z-index:9;line-height:1.3}.app-back-circle-btn{flex-shrink:0;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:0;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,transform .12s ease}.app-back-circle-btn:active{transform:scale(.96);background:var(--bg-card-hover)}.app-back-circle-btn__icon{display:block;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:20px;font-weight:600;line-height:1;transform:translate(-1px);margin:0;padding:0}[data-theme=light] .app-back-circle-btn{border-color:#0f172a1f}.app-header{padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:rgba(10,15,26,.92);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-height:56px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.status-driving{background:var(--emerald-dim);color:var(--emerald);border:1px solid var(--emerald-border)}.status-rest{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.35)}.status-work{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.35)}.status-idle{background:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.alert-warning{background:var(--warning-dim);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);padding:14px 16px;color:var(--warning);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:10px;line-height:1.4}.alert-danger{background:var(--danger-dim);border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-md);padding:14px 16px;color:#fca5a5;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:10px;line-height:1.4}.input-app{background:var(--bg-card);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px 20px;color:var(--text-primary);font-size:1.125rem;font-family:Rajdhani,sans-serif;font-weight:600;outline:none;width:100%;min-height:var(--touch-min);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-app::placeholder{color:var(--text-muted)}.input-app:focus{border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-dim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;background:rgba(255,255,255,.06);border-radius:6px;outline:none;cursor:pointer;touch-action:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:var(--emerald);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #00d4aa59;cursor:pointer;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:var(--emerald);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #00d4aa59;cursor:pointer}.app-bottom-cta{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:max(28px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-primary) 60%,rgba(10,15,26,.95) 85%,transparent);z-index:10}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--emerald-border);border-radius:4px}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.15);opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes soft-glow{0%,to{opacity:.5}50%{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes pulse-glow{0%,to{text-shadow:0 0 30px currentColor}50%{text-shadow:0 0 60px currentColor}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes check-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes stagger-1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-2{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-3{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-4{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in,.fade-in-up,.stagger-1,.stagger-2,.stagger-3,.stagger-4{animation:none;opacity:1;transform:none}.page-content{padding:20px 20px 120px}.page-title{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.section-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:block}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdrop-in .2s ease forwards}.bottom-sheet{background:var(--bg-card);border-radius:28px 28px 0 0;border:1px solid rgba(255,255,255,.08);border-bottom:none;width:100%;padding:12px 24px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;animation:slide-up .3s cubic-bezier(.32,.72,0,1) forwards}.bottom-sheet-handle{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.2);margin:0 auto 8px}.touch-card{background:var(--bg-card);border:1.5px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;min-height:64px;display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--text-primary);text-align:left;transition:background .15s ease,transform .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.touch-card:active{background:var(--emerald-dim);transform:scale(.98);border-color:var(--emerald-border)}.dashboard-clocks{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px}.dashboard-clocks__divider{flex-shrink:0;width:1px;height:80px;background:rgba(255,255,255,.08)}@media (max-width: 520px){.dashboard-clocks{flex-direction:column;gap:20px}.dashboard-clocks__divider{display:none}}.progress-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--emerald);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.success-icon{animation:check-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}