:root{--color-bg: #faf3e8;--color-surface: #fffaf2;--color-border: #e8dcc8;--color-text: #3a2c22;--color-text-muted: #8a7860;--color-accent: #b5502e;--color-accent-dark: #8f3d21;--color-secondary: #8a8f52;--color-danger: #b23b3b;--color-success: #4c7a4c;--radius-md: 14px;--radius-lg: 22px;--shadow-card: 0 2px 10px rgba(58, 44, 34, .08);--font-main: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding-bottom:72px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px;margin:12px 16px}.quote-banner{margin:16px;padding:16px 18px;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);font-style:italic;color:var(--color-text-muted);text-align:center}h1,h2,h3{margin:0 0 8px;color:var(--color-accent-dark)}.btn{display:inline-block;border:none;border-radius:var(--radius-md);padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--color-accent);color:#fff}.btn:active{background:var(--color-accent-dark)}.btn.secondary{background:var(--color-secondary)}.btn.ghost{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--color-border);border-radius:10px;font-size:15px;background:#fff;color:var(--color-text);margin-bottom:10px}label{font-size:13px;color:var(--color-text-muted);display:block;margin-bottom:4px}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#b5502e1f;color:var(--color-accent-dark)}.tag.status-Отменён{background:#b23b3b26;color:var(--color-danger)}.tag.status-Выдан,.tag.status-Оплачен.полностью{background:#4c7a4c26;color:var(--color-success)}.nav-bottom{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border)}.nav-bottom a{flex:1;text-align:center;padding:10px 4px;font-size:12px;text-decoration:none;color:var(--color-text-muted)}.nav-bottom a.active{color:var(--color-accent);font-weight:700}.tabs{display:flex;gap:6px;margin:12px 16px 0}.tabs button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;cursor:pointer}.tabs button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.row:last-child{border-bottom:none}.offline-banner{background:var(--color-danger);color:#fff;text-align:center;font-size:13px;padding:6px}.confetti-piece{position:fixed;top:-10px;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:999}