*{box-sizing:border-box}:root{--red: #D32F2F;--red-hover: #C62828;--red-light: #FFEBEE;--red-mid: #EF9A9A;--green: #2E7D32;--green-light:#E8F5E9;--amber: #F57F17;--amber-light:#FFFDE7;--text: #1A1A1A;--text-2: #5A5A5A;--text-3: #757575;--bg: #FFFFFF;--bg-2: #F2F2F4;--bg-3: #E6E6EA;--border: #D6D6DC;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(0,0,0,.12)}@media (prefers-color-scheme: dark){:root{--red-light: #2A0A0A;--green-light:#0A1F0C;--amber-light:#1F1800;--text: #F0F0F0;--text-2: #AAAAAA;--text-3: #666666;--bg: #121212;--bg-2: #1E1E1E;--bg-3: #2A2A2A;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.3)}}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;min-height:100vh}.page{min-height:100vh;padding-bottom:80px}.page-header{background:var(--red);color:#fff;padding:calc(16px + max(var(--tg-safe-top, 0px),env(safe-area-inset-top,0px))) 16px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.page-header h1{font-size:18px;font-weight:600}.page-body{padding:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;color:var(--text-3);cursor:pointer;border:none;background:none;font-size:11px;transition:color .15s}.nav-item.active{color:var(--red)}.nav-item svg{width:22px;height:22px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow)}.card-title{font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat-card{background:var(--bg-2);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-label{font-size:11px;color:var(--text-3);margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--text)}.stat-value.red{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--red);color:#fff;width:100%}.btn-primary:hover{background:var(--red-hover)}.btn-secondary{background:var(--bg-3);color:var(--text)}.btn-ghost{background:transparent;color:var(--red);border:1px solid var(--red)}.btn:disabled{opacity:.5;pointer-events:none}.form-group{margin-bottom:14px}.form-label{font-size:13px;color:var(--text-2);margin-bottom:6px;display:block}.form-input{width:100%;max-width:100%;min-width:0;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:15px;font-family:monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #d32f2f1a}input[type=date].form-input,input[type=time].form-input{display:block}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date]::-webkit-calendar-picker-indicator{margin-left:auto}.badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px}.badge-red{background:var(--red-light);color:var(--red)}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-gray{background:var(--bg-3);color:var(--text-2)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 10px;color:var(--text-2);font-weight:500;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.rank-up{color:var(--green);font-size:14px}.rank-down{color:var(--red);font-size:14px}.rank-same{color:var(--text-3);font-size:14px}.section-title{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 10px}.tabs{display:flex;gap:4px;margin-bottom:16px}.tab{flex:1;padding:8px;border-radius:var(--radius-sm);text-align:center;font-size:13px;font-weight:500;cursor:pointer;border:none;background:var(--bg-3);color:var(--text-2);transition:all .15s}.tab.active{background:var(--red);color:#fff}.report-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.report-item:last-child{border-bottom:none}.report-time{font-size:12px;color:var(--text-3)}.report-raw{font-family:monospace;font-size:13px;color:var(--text-2)}.report-amount{font-size:16px;font-weight:700;color:var(--text)}.report-late{font-size:11px;color:var(--amber)}.empty{text-align:center;padding:40px 20px;color:var(--text-3)}.empty-icon{font-size:40px;margin-bottom:12px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;z-index:999;animation:fadeUp .2s ease}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark]{--red-light: #2A0A0A;--green-light:#0A1F0C;--amber-light:#1F1800;--text: #F0F0F0;--text-2: #AAAAAA;--text-3: #666666;--bg: #121212;--bg-2: #1E1E1E;--bg-3: #2A2A2A;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.3)}@keyframes dCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes dPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glassBlobs{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(-7%,6%) scale(1.18) rotate(8deg)}}[data-design=glass] body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(440px 440px at 18% 22%,rgba(211,47,47,.42),transparent 60%),radial-gradient(520px 520px at 82% 78%,rgba(183,28,28,.34),transparent 60%),radial-gradient(400px 400px at 65% 8%,rgba(255,82,82,.24),transparent 60%);filter:blur(26px);animation:glassBlobs 16s ease-in-out infinite alternate}[data-design=glass] .page-header{background:linear-gradient(135deg,#d32f2fcc,#b71c1ca8);-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);border-bottom:1px solid rgba(255,255,255,.2);border-radius:0 0 26px 26px;box-shadow:0 12px 40px #d32f2f61}[data-design=glass] .card{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid color-mix(in srgb,#ffffff 28%,transparent);border-radius:22px;box-shadow:0 12px 34px #0003,inset 0 1px #fff6;animation:dCardIn .45s cubic-bezier(.22,1,.36,1) both;transition:transform .18s cubic-bezier(.22,1,.36,1)}[data-design=glass] .card:active{transform:scale(.985)}[data-design=glass] .stat-card{background:color-mix(in srgb,var(--bg-2) 62%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,#ffffff 22%,transparent);border-radius:18px}[data-design=glass] .bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:26px;border:1px solid color-mix(in srgb,#ffffff 22%,transparent);border-top:none;background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 16px 44px #0000004d;animation:dPop .4s cubic-bezier(.22,1,.36,1) both}[data-design=glass] .page{padding-bottom:104px}[data-design=glass] .nav-item{border-radius:16px}[data-design=glass] .nav-item:active{transform:scale(.88)}[data-design=glass] .nav-item.active span{filter:drop-shadow(0 2px 8px rgba(211,47,47,.55))}[data-design=glass] .tab{background:color-mix(in srgb,var(--bg-2) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px}[data-design=glass] .tab.active{box-shadow:0 4px 16px #d32f2f66}[data-design=glass] .form-input{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,#ffffff 24%,transparent);border-radius:14px}[data-design=glass] .btn{border-radius:14px}[data-design=glass] .btn-primary{background:linear-gradient(135deg,#e53935,#b71c1c);box-shadow:0 8px 22px #d32f2f73}@keyframes glassHeaderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-design=glass] .page-header{background:linear-gradient(120deg,#e53935db,#b71c1c9e,#ff5252cc,#b71c1c9e);background-size:260% 260%;animation:glassHeaderFlow 9s ease infinite}[data-design=glass] .bottom-nav{position:fixed;overflow:hidden}[data-design=glass] .bottom-nav:before{content:"";position:absolute;z-index:0;top:7px;bottom:calc(7px + env(safe-area-inset-bottom));width:calc(100% / var(--nav-n, 5));left:0;transform:translate(calc(var(--nav-i, 0) * 100%));border-radius:20px;background:color-mix(in srgb,#ffffff 17%,transparent);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80,0 6px 20px #d32f2f52;-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);transition:transform .5s cubic-bezier(.5,1.5,.35,1);pointer-events:none}[data-design=glass] .nav-item{position:relative;z-index:1}[data-design=glass] .nav-item.active{color:var(--red)}[data-design=glass] .nav-item.active span:last-child{font-weight:700}@keyframes glassShine{0%{left:-70%}55%,to{left:130%}}[data-design=glass] .btn-primary{position:relative;overflow:hidden}[data-design=glass] .btn-primary:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:glassShine 4s ease-in-out infinite;pointer-events:none}[data-design=glass] .card{background:color-mix(in srgb,var(--bg) 66%,transparent);box-shadow:0 14px 38px #00000038,inset 0 1px #ffffff73,inset 0 0 40px #ffffff08}[data-design=glass] .card:active{transform:scale(.98) translateY(1px)}@keyframes glassGlow{0%,to{filter:drop-shadow(0 2px 6px rgba(211,47,47,.45))}50%{filter:drop-shadow(0 2px 12px rgba(211,47,47,.75))}}[data-design=glass] .nav-item.active span:first-child{animation:glassGlow 2.6s ease-in-out infinite}.fx-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:5;background:radial-gradient(circle,#ffffff8c,#fff0 70%);transform:scale(0);opacity:.7;animation:fxRipple .6s ease-out forwards}@keyframes fxRipple{to{transform:scale(1);opacity:0}}[data-design=glass] .spinner{width:auto;height:auto;border:none;animation:none;margin:44px auto;display:flex;align-items:center;justify-content:center}[data-design=glass] .spinner:before{content:"❤";font-size:46px;line-height:1;display:block;animation:heartBeat 1.05s ease-in-out infinite,heartNeon 2.2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.28)}28%{transform:scale(.95)}42%{transform:scale(1.2)}56%{transform:scale(1)}}@keyframes heartNeon{0%,to{color:#f35;text-shadow:0 0 8px #ff2d4f,0 0 18px #ff2d4f,0 0 32px #b71c1c}50%{color:#ff1744;text-shadow:0 0 14px #ff4d67,0 0 34px #ff2d4f,0 0 64px #ff1744}}@keyframes neonPulse{0%,to{box-shadow:0 0 0 1px #d32f2f73,0 0 14px #d32f2f66,0 8px 22px #d32f2f61}50%{box-shadow:0 0 0 1px #ff5252cc,0 0 30px #ff2d4fb3,0 10px 28px #d32f2f8c}}[data-design=glass] .glow-red{animation:neonPulse 2.6s ease-in-out infinite}[data-design=glass] .btn-primary{animation:neonPulse 3s ease-in-out infinite}@keyframes tabFlow{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}[data-design=glass] .tab-flow{animation:tabFlow .34s cubic-bezier(.22,1,.36,1)}[data-design=glass] .page-header{transition:box-shadow .3s ease,backdrop-filter .3s ease}body.scrolled [data-design=glass] .page-header{box-shadow:0 16px 50px #d32f2f80;-webkit-backdrop-filter:blur(26px) saturate(1.9);backdrop-filter:blur(26px) saturate(1.9)}[data-design=glass] .card:nth-child(1),[data-design=glass] .stat-card:nth-child(1){animation-delay:.02s}[data-design=glass] .card:nth-child(2),[data-design=glass] .stat-card:nth-child(2){animation-delay:.06s}[data-design=glass] .card:nth-child(3),[data-design=glass] .stat-card:nth-child(3){animation-delay:.1s}[data-design=glass] .card:nth-child(4),[data-design=glass] .stat-card:nth-child(4){animation-delay:.14s}[data-design=glass] .card:nth-child(5){animation-delay:.18s}[data-design=glass] .card:nth-child(6){animation-delay:.22s}[data-design=glass] .card:nth-child(7){animation-delay:.26s}[data-design=glass] .card:nth-child(8){animation-delay:.3s}[data-design=glass] .card:nth-child(n+9){animation-delay:.34s}html.app-hidden *,html.app-hidden *:before,html.app-hidden *:after{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}