@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-gradient-start:#0f172a;--bg-gradient-end:#020617;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #00000080;--glass-blur:blur(12px);--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#38bdf8;--accent-purple:#c084fc;--accent-green:#34d399;--accent-yellow:#fbbf24;--accent-red:#f87171;--font-base:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:radial-gradient(circle at 50% 0%, var(--bg-gradient-start), var(--bg-gradient-end) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;padding:20px;transition:transform .3s,border-color .3s}.glass-panel:hover{border-color:#fff3;transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}input,select{font-family:var(--font-base);border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:12px;outline:none;padding:10px 14px;transition:all .3s}input:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #38bdf84d}button{font-family:var(--font-base);background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:transform .2s,opacity .2s;box-shadow:0 4px 15px #c084fc4d}button:hover{opacity:.9;transform:scale(1.05)}button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-gradient-end)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;gap:24px;max-width:480px;margin:0 auto;padding:20px;display:flex}header{flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;display:flex}header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.widgets-grid{flex-direction:column;gap:20px;display:flex}.widget-title{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.widget-value-large{margin-bottom:8px;font-size:42px;font-weight:700;line-height:1}.status-badge{background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-safe{color:var(--accent-green);background:#34d39926}.status-warning{color:var(--accent-yellow);background:#fbbf2426}.status-danger{color:var(--accent-red);background:#f8717126}.timeline-selector{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.timeline-btn{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none;color:var(--text-muted);border-radius:20px;padding:8px 16px;font-size:14px}.timeline-btn.active{background:var(--glass-border);color:var(--text-main);border-color:var(--accent-blue)}