:root{--bg-primary:#0a1628;--bg-secondary:#0f1b2d;--text-primary:#e5eaf0;--text-muted:#7a8899;--color-critical:#ef4444;--color-warning:#f59e0b;--color-normal:#10b981;--color-info:#3b82f6;--color-blue:#3b82f6;--color-blue-dark:#2563eb;--color-blue-light:#60a5fa;--card-bg:#ffffff0a;--card-border:#ffffff14;--font-mono:"SF Mono", "Menlo", "Monaco", "Courier New", monospace;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}body{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:.875rem;line-height:1.6}#app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}#page-content{padding-bottom:calc(4.5rem + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tabbar{-webkit-backdrop-filter:blur(20px);padding-bottom:var(--safe-bottom);z-index:100;background:#0a1628f2;border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.5rem 0;font-size:.625rem;transition:color .2s;display:flex}.tabbar-item.active{color:var(--color-blue)}.tabbar-icon{margin-bottom:.125rem;font-size:1.25rem}.tabbar-label{font-size:.625rem}.color-critical{color:var(--color-critical)}.color-warning{color:var(--color-warning)}.color-normal{color:var(--color-normal)}.color-info{color:var(--color-info)}.color-muted{color:var(--text-muted)}.bg-critical{background:#ef44441f}.bg-warning{background:#f59e0b1f}.bg-normal{background:#10b9811f}.bg-info{background:#3b82f61f}.page-container{padding:1rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:1.25rem;margin-bottom:.75rem;padding:1rem}.card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem}.btn-primary{background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue-dark) 100%);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:1rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 .25rem .75rem #3b82f659}.btn-primary:active{transform:translateY(2px);box-shadow:0 .125rem .375rem #3b82f640}.btn-secondary{color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.5rem;font-size:.9375rem;display:flex}.btn-ghost{color:var(--color-blue);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.5rem .75rem;font-size:.875rem}.tag{border-radius:.5rem;align-items:center;margin-right:.375rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.tag-critical{color:var(--color-critical);background:#ef444426;border:1px solid #ef44444d}.tag-warning{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.tag-normal{color:var(--color-normal);background:#10b98126;border:1px solid #10b9814d}.tag-info{color:var(--color-info);background:#3b82f626;border:1px solid #3b82f64d}.loading-dots{align-items:center;gap:.25rem;display:inline-flex}.loading-dots span{background:var(--color-blue);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite both dot-pulse}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dot-pulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}#toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(20px);color:var(--text-primary);white-space:nowrap;background:#0f1b2df2;border-radius:1rem;padding:.75rem 1.5rem;font-size:.875rem;animation:.3s toast-in,.3s 2s forwards toast-out;box-shadow:0 .25rem 1rem #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.hidden{display:none}.modal-box{border:1px solid var(--card-border);background:#0f1b2d;border-radius:1.25rem;width:calc(100% - 3rem);max-width:20rem;padding:1.5rem;box-shadow:0 .5rem 2rem #00000080}.modal-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.modal-content{color:var(--text-muted);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:9500;background:#0a1628d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-overlay.hidden{display:none}.loading-spinner{border:3px solid #3b82f633;border-top-color:var(--color-blue);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);margin-top:1rem;font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.mt-8{margin-top:.25rem}.mt-16{margin-top:.5rem}.mt-24{margin-top:.75rem}.mt-32{margin-top:1rem}.mb-8{margin-bottom:.25rem}.mb-16{margin-bottom:.5rem}.mb-24{margin-bottom:.75rem}.mb-32{margin-bottom:1rem}.text-xs{font-size:.6875rem}.text-sm{font-size:.8125rem}.text-base{font-size:.875rem}.text-lg{font-size:1rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.375rem}.text-3xl{font-size:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.code-block{font-family:var(--font-mono);color:#7dd3fc;word-break:break-all;white-space:pre-wrap;background:#050b14;border:1px solid #3b82f626;border-radius:.75rem;padding:.625rem;font-size:.6875rem;line-height:1.6;overflow-x:auto}.page-header{padding:1rem 1rem .5rem}.page-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-header p{color:var(--text-muted);font-size:.8125rem}.action-sheet{width:100%;max-width:30rem;padding:.5rem .5rem var(--safe-bottom);background:#0f1b2d;border-radius:1.25rem 1.25rem 0 0;animation:.25s slide-up;position:absolute;bottom:0}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-sheet-items{flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.action-sheet-item{background:var(--card-bg);width:100%;color:var(--text-primary);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:.75rem;padding:1rem;font-size:1rem}.action-sheet-item:active{background:#3b82f626}.action-sheet-cancel{width:100%;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.75rem;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600}.upload-tab.active{color:var(--text-primary)!important;background:#3b82f626!important}