:root{--bg: #14101f;--bg-elevated: #1d1730;--surface: #241c3c;--surface-2: #2c2249;--border: #382c58;--primary: #8b5cf6;--primary-2: #a78bfa;--primary-soft: rgba(139, 92, 246, .16);--accent: #c084fc;--text: #f1edfa;--text-dim: #9c92b8;--success: #34d399;--danger: #f87171;--warning: #fbbf24;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow: 0 8px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at top,#241c3c,#14101f 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-tap-highlight-color:transparent}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;padding:16px 16px 110px;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:var(--radius-md);padding:14px 18px;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 6px 20px #8b5cf659}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;font-weight:500;cursor:pointer}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.bottom-island{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(94%,480px);background:#1c1630d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);display:flex;justify-content:space-around;align-items:center;padding:8px;z-index:50}.bottom-island a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-dim);text-decoration:none;font-size:11px;padding:8px 14px;border-radius:999px;transition:color .15s,background .15s}.bottom-island a.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.bottom-island .icon{font-size:19px;line-height:1}.section-fab{position:fixed;right:16px;bottom:96px;z-index:60;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;box-shadow:0 6px 20px #8b5cf673;font-size:20px}.section-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081299;z-index:70;display:flex;align-items:flex-end}.section-sheet-content{width:100%;max-height:70vh;overflow-y:auto;background:var(--bg-elevated);border-radius:24px 24px 0 0;padding:18px;border-top:1px solid var(--border)}.section-sheet-content .item{padding:13px 10px;border-bottom:1px solid var(--border);color:var(--text);font-size:15px}input,select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:13px 14px;font-size:16px;width:100%}input:focus,select:focus{outline:2px solid var(--primary)}.section-block{scroll-margin-top:16px;margin-bottom:14px}.section-block h3{font-size:15px;color:var(--primary-2);margin:0 0 8px}.row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}.row .label{color:var(--text-dim)}.status-ok{color:var(--success)}.status-bad{color:var(--danger)}
