*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-2: #141414;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--border: rgba(255,255,255,.08);--text: #f5f5f5;--text-2: rgba(245,245,245,.55);--green: #30d158;--green-dim: rgba(48,209,88,.15);--red: #ff453a;--red-dim: rgba(255,69,58,.15);--blue: #0a84ff;--blue-dim: rgba(10,132,255,.15);--yellow: #ffd60a;--yellow-dim: rgba(255,214,10,.15);--orange: #ff9f0a;--orange-dim: rgba(255,159,10,.15);--purple: #bf5af2;--purple-dim: rgba(191,90,242,.15);--radius: 20px;--radius-sm: 12px;--font: -apple-system, "SF Pro Display", "Inter", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 20px)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header{padding:56px 24px 16px;flex-shrink:0}.header h1{font-size:34px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.header .subtitle{color:var(--text-2);font-size:15px;margin-top:4px}.content{flex:1;overflow-y:auto;padding:8px 16px calc(var(--safe-bottom) + 80px);-webkit-overflow-scrolling:touch}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tile:active{transform:scale(.96);background:var(--surface-2)}.tile-icon{font-size:32px;line-height:1;margin-bottom:8px}.tile-label{font-size:17px;font-weight:600;letter-spacing:-.2px}.tile-sub{font-size:13px;color:var(--text-2);margin-top:2px}.tile[data-color=green]{background:var(--green-dim);border-color:#30d15833}.tile[data-color=blue]{background:var(--blue-dim);border-color:#0a84ff33}.tile[data-color=yellow]{background:var(--yellow-dim);border-color:#ffd60a33}.tile[data-color=orange]{background:var(--orange-dim);border-color:#ff9f0a33}.tile[data-color=red]{background:var(--red-dim);border-color:#ff453a33}.tile[data-color=purple]{background:var(--purple-dim);border-color:#bf5af233}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:12px 0 calc(var(--safe-bottom));display:flex;justify-content:space-around;align-items:center;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--text-2);cursor:pointer;padding:4px 16px;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--green)}.nav-item .nav-icon{font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:10px}.card-title{font-size:17px;font-weight:600}.card-sub{font-size:14px;color:var(--text-2);margin-top:4px}.card-row{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--green-dim);color:var(--green)}.badge.orange{background:var(--orange-dim);color:var(--orange)}.badge.red{background:var(--red-dim);color:var(--red)}.btn{display:block;width:100%;padding:16px;border:none;border-radius:var(--radius-sm);font-size:17px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98);opacity:.8}.btn-primary{background:var(--green);color:#000}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:17px;font-family:var(--font);outline:none;margin-bottom:12px}.input:focus{border-color:var(--green)}.input-label{font-size:13px;color:var(--text-2);margin-bottom:6px;display:block}.screen{height:100%;display:flex;flex-direction:column}.screen-header{display:flex;align-items:center;gap:12px;padding:56px 20px 16px;flex-shrink:0}.back-btn{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.screen-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#1e1e1ef2;border:1px solid var(--border);border-radius:100px;padding:10px 20px;font-size:15px;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;white-space:nowrap}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-2);font-size:15px}