@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--ink:#102018;--ink-soft:#24352c;--panel:#fff;--bg:#eef2ef;--bg-deep:#e2e8e4;--line:#d5ddd7;--muted:#66756c;--accent:#0f766e;--accent-strong:#0b5f58;--accent-soft:#d8f3ef;--danger:#b42318;--danger-soft:#fde8e6;--warn:#b54708;--warn-soft:#fef0c7;--success:#027a48;--success-soft:#d1fadf;--shadow:0 18px 40px #10201814;--radius:16px;--sidebar:260px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Figtree,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #0f766e14, transparent 28%), linear-gradient(180deg, #f5f7f5 0%, var(--bg) 45%, #e8eee9 100%);min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,.brand strong,.login-brand,.login-copy h1{letter-spacing:-.03em;font-family:Syne,sans-serif}.app-shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{color:#edf5f0;z-index:30;background:linear-gradient(#13251c 0%,#0d1a14 100%);flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{background:linear-gradient(135deg,#19a596,#0f766e);border-radius:14px;place-items:center;width:42px;height:42px;font-family:Syne,sans-serif;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small,.admin-chip small,.cell-user small,.muted,.field small{color:var(--muted)}.brand small,.admin-chip small{color:#edf5f0a6;font-size:.78rem}.nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.nav-link{color:#edf5f0c7;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .9rem;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14}.nav-link.active{background:#19a59638}.sidebar-footer{gap:.75rem;display:grid}.admin-chip{background:#ffffff0d;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);text-transform:uppercase;border-radius:12px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar.sm{border-radius:10px;width:34px;height:34px;font-size:.85rem}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#eef2efc7;border-bottom:1px solid #d5ddd7cc;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-title{font-family:Syne,sans-serif;font-weight:700}.content{padding:1.5rem}.stack{gap:1.25rem;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h1{margin:0 0 .35rem;font-size:clamp(1.7rem,2vw,2.2rem)}.page-header p,.login-copy p,.login-form .muted{color:var(--muted);margin:0}.page-header-actions{gap:.75rem;display:flex}.toolbar{flex-wrap:wrap;gap:.75rem;display:flex}.search,.toolbar input,.toolbar select,.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:.8rem .95rem;transition:border-color .16s,box-shadow .16s}.search,.toolbar input,.toolbar select{flex:1;width:auto;min-width:220px}.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-weight:600;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, #19a596, var(--accent));color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #129688, var(--accent-strong))}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:#1020180d}.btn-danger-ghost{color:var(--danger);background:0 0}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-block{width:100%}.logout-btn{color:#edf5f0;justify-content:flex-start}.icon-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:#1020180f}.sidebar .icon-btn:hover{background:#ffffff14}.mobile-only{display:none}.stat-grid,.detail-grid,.card-grid{gap:1rem;display:grid}.stat-grid,.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card,.panel,.plan-card,.table-wrap,.settings-form{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #d5ddd7e6}.stat-card{align-items:center;gap:.9rem;padding:1.1rem 1.2rem;transition:transform .18s,box-shadow .18s;display:flex}.stat-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #1020181f}.stat-card p{color:var(--muted);margin:0;font-size:.92rem}.stat-card strong{font-family:Syne,sans-serif;font-size:1.45rem}.stat-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-strong);border-radius:12px;place-items:center;display:grid}.panel{padding:1.2rem}.panel h3{margin:0 0 1rem}.kv{gap:.85rem;margin:0;display:grid}.kv>div{border-bottom:1px solid var(--bg-deep);justify-content:space-between;gap:1rem;padding-bottom:.75rem;display:flex}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--bg-deep);vertical-align:middle;padding:.95rem 1rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8faf8;font-size:.82rem}.cell-user{align-items:center;gap:.75rem;display:flex}.cell-user strong,.cell-user small,.block{display:block}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-muted{background:var(--bg-deep);color:var(--ink-soft)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pagination-meta{color:var(--muted);font-size:.92rem}.pagination-actions{gap:.5rem;display:flex}.loading-state,.empty-state{text-align:center;min-height:220px;color:var(--muted);place-items:center;gap:.75rem;display:grid}.spinner{border:3px solid #0f766e26;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;background:#0a120e7a;place-items:center;padding:1rem;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(560px,100%);max-height:90vh;animation:.2s riseIn;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-header,.modal-footer{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.modal-header{border-bottom:1px solid var(--bg-deep)}.modal-footer{border-top:1px solid var(--bg-deep);justify-content:flex-end}.modal-header h2{margin:0;font-size:1.2rem}.modal-body{padding:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.4rem;display:grid}.field.full{grid-column:1/-1}.field.checkbox{grid-template-columns:auto 1fr;align-self:end;align-items:center}.field span{font-size:.92rem;font-weight:600}.alert{border-radius:12px;padding:.9rem 1rem;font-weight:600}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-success{background:var(--success-soft);color:var(--success)}.plan-card{gap:1rem;padding:1.2rem;display:grid}.plan-card h3{margin:.15rem 0;font-size:2rem}.plan-icon,.pref-icon,.sig-thumb,.sig-preview{object-fit:contain;background:#f7faf8;border-radius:12px}.signature-preview{place-items:center;display:grid;overflow:hidden}.signature-preview svg{width:100%;max-width:100%;height:100%;max-height:100%}.plan-icon,.pref-icon{width:48px;height:48px}.sig-thumb{width:96px;height:56px}.sig-thumb.placeholder{color:var(--muted);place-items:center;display:grid}.sig-preview{width:100%;min-height:140px;max-height:220px;padding:1rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.symbol-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #d5ddd7e6;gap:.75rem;padding:.85rem;display:grid}.symbol-card-media{aspect-ratio:1;background:#111;border-radius:14px;place-items:center;display:grid;overflow:hidden}.symbol-card-media img,.symbol-preview-img{object-fit:contain;filter:drop-shadow(0 0 8px #d4af3740);width:70%;height:70%}.symbol-card-body{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.symbol-card-body strong{font-size:.92rem}.detail-stack{gap:1rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0;font-size:.75rem;font-weight:700}.settings-form{gap:1.1rem;max-width:520px;padding:1.4rem;display:grid}.image-upload{gap:.75rem;display:grid}.image-upload-preview,.image-upload-placeholder{border:1px solid var(--line);object-fit:cover;background:#f7faf8;border-radius:14px;width:96px;height:96px}.image-upload-placeholder{color:var(--muted);text-align:center;place-items:center;padding:.5rem;font-size:.8rem;display:grid}.image-upload input[type=file]{max-width:100%}.login-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#edf5f0;background:linear-gradient(145deg,#0d1a14eb,#0f766eb8),url(https://images.unsplash.com/photo-1618005182384-a83fe6d9389a?auto=format&fit=crop&w=1600&q=80) 50%/cover;align-items:flex-end;padding:3rem;display:flex;position:relative;overflow:hidden}.login-orb{filter:blur(10px);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.login-orb-1{background:#19a59659;width:220px;height:220px;top:12%;left:10%}.login-orb-2{background:#ffffff1f;width:160px;height:160px;animation-delay:-3s;top:28%;right:12%}.login-copy{gap:.85rem;max-width:460px;display:grid;position:relative}.login-brand{margin:0;font-size:1.15rem;font-weight:800}.login-copy h1{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05}.login-form{align-content:center;gap:1rem;width:100%;max-width:460px;margin:0 auto;padding:2.5rem;display:grid}.login-form h2{margin:.2rem 0 .35rem;font-size:2rem}.sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media (width<=1100px){.stat-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(280px,86vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:20;background:#0a120e73;display:block;position:fixed;inset:0}.mobile-only{display:grid}.login-page{grid-template-columns:1fr}.login-visual{min-height:280px;padding:2rem}}@media (width<=640px){.content{padding:1rem}.stat-grid,.detail-grid,.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.search,.toolbar input,.toolbar select{width:100%;min-width:0}}