*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0a0a0a;--surface: #141414;--card: #1c1c1c;--card-hover: #222222;--border: #2a2a2a;--green: #00f07a;--green-dim: rgba(0, 240, 122, .12);--green-glow: rgba(0, 240, 122, .25);--red: #ff4444;--red-dim: rgba(255, 68, 68, .12);--yellow: #f0b800;--text: #f0f0f0;--text-secondary: #888;--text-muted: #444;--nav-height: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;background:var(--bg)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen-header{padding:20px 16px 12px;position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border)}.screen-title{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text)}.screen-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.card{background:var(--card);border-radius:12px;border:1px solid var(--border);padding:16px}.section{padding:16px 16px 0}.section-label{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.green{color:var(--green)}.red{color:var(--red)}.muted{color:var(--text-secondary)}input,select,textarea{font-family:Barlow,sans-serif;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--green)}select option{background:var(--card)}textarea{resize:vertical;min-height:80px}button{font-family:Barlow,sans-serif;cursor:pointer;border:none;outline:none}.btn-primary{background:var(--green);color:#000;font-weight:700;font-size:15px;border-radius:10px;padding:13px 20px;width:100%;letter-spacing:.3px;transition:opacity .15s,transform .1s}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-ghost{background:transparent;color:var(--text-secondary);font-size:14px;border-radius:8px;padding:8px 14px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.3px}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-gray{background:#2a2a2a;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;max-width:480px;margin:0 auto}.modal-sheet{background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid var(--border);padding:20px 16px;max-height:90dvh;overflow-y:auto}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:20px;letter-spacing:.5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-field{margin-bottom:14px}.form-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;display:block}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle{position:relative;width:44px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:13px;transition:background .2s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px);right:calc(50% - 224px);width:52px;height:52px;border-radius:26px;background:var(--green);color:#000;font-size:26px;display:flex;align-items:center;justify-content:center;font-weight:300;box-shadow:0 4px 20px var(--green-glow);z-index:50;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.94)}@media (max-width: 480px){.fab{right:16px}}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.divider{height:1px;background:var(--border);margin:16px 0}@keyframes spin{to{transform:rotate(360deg)}}