:root{--primary: #1d2a4a;--accent: #28c3a6;--bg: #f4f6fa;--card: #ffffff;--text: #1c2430;--muted: #66707e;--border: #dfe4ec;--error: #b3261e;--error-bg: #fdecea;--notice: #14532d;--notice-bg: #e7f6ec}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--primary);color:#fff;padding:.7rem 1.4rem}.topbar-brand{display:flex;align-items:center;gap:.6rem}.topbar-role{background:#ffffff26;border-radius:999px;padding:.15rem .7rem;font-size:.8rem}.topbar-user{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.logo-dot{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--accent),#4fd8bf);display:inline-block}.logo-dot-lg{width:20px;height:20px;border-radius:5px}.content{flex:1;padding:1.6rem;max-width:1100px;width:100%;margin:0 auto}.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.card h2{margin:0 0 .9rem;font-size:1.05rem}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--primary) 0%,#10182c 100%);padding:1rem}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.9rem}.login-logo{display:flex;align-items:center;gap:.6rem}.login-logo h1{margin:0;font-size:1.3rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600}label.checkbox{flex-direction:row;align-items:center;gap:.5rem;font-weight:500}input,select{padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}input[type=color]{padding:.15rem;height:2.4rem;width:5rem}.form-grid{display:flex;flex-direction:column;gap:.8rem}.btn{border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit}.btn-primary{background:var(--accent);color:#06281f}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}.btn-sm{padding:.25rem .6rem;font-size:.8rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.muted{color:var(--muted)}.error{color:var(--error);margin:.2rem 0}.notice{color:var(--notice);margin:.2rem 0}.row-link{cursor:pointer}.row-link:hover td{background:var(--bg)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.card-head h2{margin-bottom:0}.card-head+.table-scroll,.card-head+table{margin-top:.9rem}.table-scroll{overflow-x:auto;max-height:320px;overflow-y:auto}.chart{margin-top:1rem}.chart h3{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:100px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.chart-bar{width:100%;max-width:30px;background:var(--accent);border-radius:3px 3px 0 0}.chart-label{font-size:.6rem;color:var(--muted)}.cell-actions{white-space:nowrap;text-align:right}.qr-preview{margin-top:1rem;padding:1rem;background:var(--bg);border-radius:10px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qr-preview svg{background:#fff;padding:8px;border-radius:8px}#qr-reader{margin-bottom:.8rem;border-radius:10px;overflow:hidden}.banner{grid-column:1 / -1;padding:.6rem .9rem;border-radius:8px;margin:0}.error.banner{background:var(--error-bg)}.notice.banner{background:var(--notice-bg);color:var(--notice)}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media(min-width:1100px){.stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{display:flex;flex-direction:column;gap:.2rem;background:var(--bg);border-radius:10px;padding:.8rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.78rem;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:0}.facts dt{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.facts dd{margin:.15rem 0 0;font-weight:600}@media(max-width:700px){.grid{grid-template-columns:1fr}}.signup-card{max-width:720px}.package-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.package-card{border:2px solid var(--border);border-radius:12px;padding:.9rem;cursor:pointer;font-weight:500;display:flex;flex-direction:column;gap:.4rem}.package-card input{display:none}.package-card.selected{border-color:var(--accent);background:#f0fbf8}.package-card.highlight strong:after{content:" �5";color:var(--accent)}.package-price{font-size:1.3rem;font-weight:700;color:var(--primary)}.package-price small{font-size:.7rem;color:var(--muted);font-weight:500}.package-card ul{margin:0;padding-left:1rem;font-size:.78rem;font-weight:400;color:var(--muted)}.package-card li{margin:.2rem 0}