:root{--bg: #020617;--surface: #0f172a;--border: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--accent: #f59e0b;--accent-hover: #d97706;--success: #22c55e;--danger: #ef4444;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh;min-height:100vh;margin:0}body{overflow:hidden;-webkit-overflow-scrolling:touch}button,a,[role=button]{min-height:var(--touch-min);min-width:var(--touch-min)}input,select,textarea{font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%;min-height:100dvh;min-height:100vh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:calc(56px + var(--safe-bottom))}.main{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;color:var(--muted);text-decoration:none;font-size:11px;border-radius:8px;min-width:64px}.nav a.active{color:var(--accent)}.nav svg{width:24px;height:24px;margin-bottom:2px}.card-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;touch-action:manipulation}.card-row:active{opacity:.9}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:12px 20px;background:var(--accent);color:var(--bg);border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;touch-action:manipulation}.btn:active{background:var(--accent-hover)}.btn.secondary{background:var(--border);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:flex-end;justify-content:center;padding:0;padding-left:var(--safe-left);padding-right:var(--safe-right)}.sheet-content{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-height:90vh;max-height:90dvh;overflow:auto;padding:20px;padding-bottom:calc(20px + var(--safe-bottom))}.sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text)}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.quick-actions .btn{flex:1;min-width:140px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.summary-tile .value{font-size:20px;font-weight:700;color:var(--accent)}.summary-tile .label{font-size:12px;color:var(--muted);margin-top:4px}.search-bar{position:sticky;top:0;z-index:10;background:var(--bg);margin:-12px -12px 12px;padding:12px}.search-bar input{width:100%;padding:12px 16px 12px 40px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text)}.search-wrap{position:relative}.search-wrap:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--muted);border-radius:50%;border-right-color:transparent}.search-wrap:after{content:"";position:absolute;left:28px;top:54%;width:6px;height:2px;background:var(--muted);transform:rotate(45deg)}.page-title{font-size:22px;font-weight:700;margin:0 0 16px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.link-external{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.link-external:active{opacity:.8}.install-prompt{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 14px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));display:flex;align-items:flex-start;gap:12px}.install-prompt__text{flex:1;margin:0;font-size:13px;line-height:1.4;color:var(--muted)}.install-prompt__text strong{color:var(--text)}.install-prompt__share-icon{display:inline-flex;vertical-align:middle;margin:0 2px}.install-prompt__share-icon svg{flex-shrink:0}.install-prompt__dismiss{flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:8px;cursor:pointer;touch-action:manipulation}.install-prompt__dismiss:active{opacity:.9}@media (max-width: 430px){.main{padding:14px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right))}.summary-grid{gap:12px;margin-bottom:20px}.summary-tile{padding:16px 12px}.summary-tile .value{font-size:22px}.page-title{font-size:24px;margin-bottom:18px}.quick-actions .btn{min-width:0}}@supports (padding: max(0px)){body{min-height:-webkit-fill-available}}