:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-dark: #090d16;--bg-gradient: radial-gradient(circle at 50% 0%, #151d32 0%, #080c14 100%);--surface-card: rgba(22, 31, 51, .75);--surface-card-hover: rgba(30, 42, 68, .85);--surface-input: rgba(12, 18, 32, .8);--border-card: rgba(255, 255, 255, .08);--border-focus: rgba(0, 210, 255, .5);--primary-cyan: #00d2ff;--primary-blue: #0066ff;--gradient-primary: linear-gradient(135deg, #00d2ff 0%, #0066ff 100%);--gradient-primary-hover: linear-gradient(135deg, #33dcff 0%, #1a75ff 100%);--success: #00e676;--success-bg: rgba(0, 230, 118, .12);--warning: #ffb300;--warning-bg: rgba(255, 179, 0, .12);--danger: #ff5252;--danger-bg: rgba(255, 82, 82, .12);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .4);--nav-height: 72px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,button,textarea{-webkit-user-select:text;user-select:text;font-family:inherit}body{min-height:100vh;min-height:100dvh;background-color:var(--bg-dark);background:var(--bg-gradient);color:var(--text-main);font-family:var(--font-body);line-height:1.4;overflow-x:hidden;display:flex;justify-content:center}.app-viewport{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;background:#0b0f19d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;display:flex;flex-direction:column;box-shadow:0 0 50px #000c,0 0 20px #00d2ff1a;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.app-header{height:var(--header-height);padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#0f1626e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);position:sticky;top:0;z-index:50}.brand-group{display:flex;align-items:center;gap:.75rem}.app-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00d2ff59}.brand-text h1{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1}.brand-text span{font-size:.72rem;color:var(--primary-cyan);font-weight:500;display:flex;align-items:center;gap:.25rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.app-content{flex:1;padding:1.25rem;padding-bottom:calc(var(--nav-height) + 1.5rem);overflow-y:auto}.app-card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:20px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .15s ease,border-color .15s ease}.app-card:active{transform:scale(.995)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title-group{display:flex;align-items:center;gap:.6rem}.card-title-group h2{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff}.icon-badge{width:32px;height:32px;border-radius:8px;background:#00d2ff1f;color:var(--primary-cyan);display:flex;align-items:center;justify-content:center}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:#0b101cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-card);display:grid;grid-template-columns:repeat(4,1fr);padding:0 .5rem;z-index:100;box-shadow:0 -10px 25px #00000080}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.4rem 0;transition:all .2s ease;position:relative}.nav-tab.active{color:var(--primary-cyan)}.nav-tab .tab-icon{transition:transform .2s ease}.nav-tab.active .tab-icon{transform:translateY(-2px) scale(1.1)}.nav-tab .tab-label{font-size:.72rem;font-weight:600}.active-tab-glow{position:absolute;top:0;width:36px;height:3px;border-radius:0 0 4px 4px;background:var(--gradient-primary);box-shadow:0 2px 10px var(--primary-cyan)}.chip-section{margin-bottom:1.25rem}.chip-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.preset-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:.5rem .85rem;border-radius:25px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.preset-chip:hover{background:#00d2ff1a;border-color:#00d2ff4d;color:var(--primary-cyan)}.preset-chip.active{background:#00d2ff33;border-color:var(--primary-cyan);color:var(--primary-cyan);font-weight:600;box-shadow:0 2px 8px #00d2ff40}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem}.input-field{width:100%;height:48px;padding:0 1rem;border-radius:12px;border:1px solid var(--border-card);background:var(--surface-input);color:#fff;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 12px #00d2ff33}.btn-primary{width:100%;height:50px;border-radius:14px;border:none;background:var(--gradient-primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 6px 20px #06f6;transition:all .2s ease}.btn-primary:active{transform:scale(.98);opacity:.9}.search-box{position:relative;margin-bottom:1rem}.search-box input{padding-left:2.75rem}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.25rem}.stat-box{background:#ffffff08;border:1px solid var(--border-card);border-radius:14px;padding:.85rem .6rem;text-align:center}.stat-box .val{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;line-height:1.2}.stat-box .lbl{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;font-weight:500}.filter-bar{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem}.filter-pill{padding:.4rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-pill.active{background:#00d2ff2e;border-color:var(--primary-cyan);color:var(--primary-cyan)}.badge-status{padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.35rem}.badge-ontime{background:var(--success-bg);color:var(--success);border:1px solid rgba(0,230,118,.3)}.badge-late{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,179,0,.3)}.badge-missed{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,82,82,.3)}.log-item{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.85rem;margin-bottom:.65rem;display:flex;align-items:center;justify-content:space-between}.log-main{display:flex;flex-direction:column;gap:.15rem}.log-med-name{font-weight:700;font-size:.95rem;color:#fff}.log-time-meta{font-size:.78rem;color:var(--text-muted)}.toast-banner{position:fixed;top:calc(var(--header-height) + 10px);left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:440px;background:#00d2fff2;color:#080c14;padding:.75rem 1.1rem;border-radius:14px;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #00d2ff66;z-index:200;animation:slideDown .25s ease-out}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.login-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height));padding:1.5rem 0}.login-icon-hero{width:64px;height:64px;border-radius:20px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.25rem;box-shadow:0 8px 24px #00d2ff66}