:root{--bg:#f8fafc;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#6d28d9;--primary-600:#7c3aed;--primary-800:#5b21b6;--radius:12px}html,body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 16px}.page-shell{box-sizing:border-box;width:100%;padding:32px 16px 56px}.page-shell>:not(.page-fluid){width:min(1100px,100%);margin:0 auto}.page-shell>.page-fluid{width:min(1900px,100%);margin:0 auto}.page{width:min(1100px,100%);margin:0 auto;padding:24px 24px 40px}.page-fluid{box-sizing:border-box;padding:48px 32px 64px}.page-fluid.cac-admin-section{padding-left:16px;padding-right:16px}.navbar{border-bottom:1px solid var(--border);background:#fff}.navbar .inner{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.navbar .links{align-items:center;gap:14px;display:flex}.brand{color:var(--text);font-weight:700}.nav-wrapper{position:relative}.nav-left{align-items:center;gap:10px;display:flex}.nav-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:22px;display:none}.nav-check{display:none}.nav-menu{flex:1}.nav-user{flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.grid.single-on-mobile{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:700px){.grid,.grid.single-on-mobile{grid-template-columns:1fr}}.gp-admin-forms{grid-template-columns:minmax(320px,1.3fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.gp-side-forms{gap:16px;display:grid}@media (max-width:1024px){.gp-admin-forms{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 1px #00000005}.muted{color:var(--muted)}.pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.btn{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:8px 14px;font-weight:600}.btn:hover{background:#f3f4f6}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}.btn-ghost:hover{background:#f3f4f6;border-color:#f3f4f6}label{gap:6px;font-size:14px;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#fff;border-radius:10px;padding:8px 10px;font-size:16px}.stack{gap:10px;display:grid}.center{place-items:center;display:grid}.spaced{justify-content:space-between;align-items:center;display:flex}.hero{padding:40px 0 8px}.hero h1{margin:0 0 8px;font-size:32px}.hero p{margin:0}.btn-brand{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:600}.btn-brand:hover{background:var(--primary-600)}.link-brand{color:var(--primary);text-decoration:underline}.cac-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px #0f172a14}.cac-card+.cac-card{margin-top:16px}.cac-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.cac-stack{flex-direction:column;gap:24px;display:flex}.cac-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:14px;padding:16px;font-size:14px}.cac-admin-shell{flex-direction:column;gap:12px;width:100%;max-width:none;margin:0 auto;display:flex}.cac-badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.cac-badge-dot{background:currentColor;border:2px solid #ffffff80;border-radius:999px;width:.55rem;height:.55rem;display:inline-block}.cac-admin-section{box-sizing:border-box;width:100%}.cac-table-wrapper{border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;margin-top:8px;overflow-x:hidden;box-shadow:0 8px 25px #0f172a0d}.cac-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.875rem}.cac-table th,.cac-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.65rem .75rem}.cac-table th{white-space:nowrap;background-color:#f9fafb;font-weight:600}.cac-table td{white-space:normal;word-break:break-word}.cac-table tbody tr:hover{background-color:#f9fafb}.cac-table td.cac-status-cell{width:110px}.cac-filters{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px 22px;margin-bottom:16px;padding:26px 28px;display:grid;box-shadow:0 8px 20px #0f172a0d}.cac-filter-field{flex-direction:column;gap:8px;min-width:200px;display:flex}.cac-filter-field.wide{grid-column:span 2;min-width:240px}.cac-filter-field label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:.7rem;font-weight:600}.cac-filter-field input,.cac-filter-field select{border-color:#cbd5f5;border-radius:12px;width:100%;font-size:.9rem}.cac-filter-actions{flex-wrap:wrap;grid-column:span 2;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.cac-filter-actions .btn-brand{padding:10px 18px}.cac-table td.cac-cell-tight,.cac-table .btn,.cac-table a.btn{white-space:nowrap}.cac-form{gap:14px;display:grid}.cac-form label{font-size:.9rem;font-weight:500}.cac-form input,.cac-form select,.cac-form textarea{border:1px solid #cbd5f5;border-radius:12px;padding:10px 14px;font-size:.95rem}.cac-modal-backdrop{z-index:100;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cac-modal{background:#fff;border-radius:20px;width:100%;max-width:640px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 30px 60px #0f172a40}@media (max-width:980px){.cac-table-wrapper{overflow-x:auto}.cac-table{table-layout:auto;min-width:max-content}.cac-table th,.cac-table td{white-space:nowrap}.cac-table .cac-col-wrap{white-space:normal;min-width:160px}.cac-card{padding:18px}.cac-filter-field,.cac-filter-field.wide{grid-column:span 2;min-width:100%}.cac-filter-actions{grid-column:span 2;justify-content:flex-start}}.nav-mobile-controls,.nav-mobile-dropdown,.nav-check{display:none}.nav-desktop-items{align-items:center;display:flex}@media (max-width:1024px){.nav-desktop-items{display:none}.nav-mobile-controls{align-items:center;display:flex}.nav-wrapper{padding:10px 20px}.nav-mobile-dropdown{border-top:1px solid var(--border);background:#fff;flex-direction:column;width:100%;margin-top:10px;padding:16px 0;display:none;box-shadow:0 10px 15px -3px #0000001a}.nav-check:checked~.nav-mobile-dropdown{animation:.3s ease-out forwards slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand{color:var(--foreground);margin-left:5px;font-size:18px;font-weight:700;text-decoration:none}.mobile-link{color:var(--foreground);border-bottom:1px solid var(--border-light);padding:12px 20px;font-weight:500;text-decoration:none}.mobile-link:hover{background:var(--background-hover)}.mobile-user-section{border-top:1px solid var(--border);background:#f8fafc;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.mobile-username{font-size:14px;font-weight:600}.mobile-tenant{color:#64748b;font-size:12px}.mobile-logout{text-align:left;color:#ef4444;justify-content:flex-start;width:100%}}@media (max-width:900px){.page-shell{padding:20px 14px 40px}.page{padding:16px 14px 28px}.hero{padding:24px 0 8px}.hero h1{font-size:26px}.navbar .inner{flex-wrap:wrap}.navbar .links{width:100%}.nav-toggle{display:inline-block}.nav-menu,.nav-user{border-top:1px solid var(--border);background:#fff;flex-direction:column;align-items:flex-start;width:100%;padding:16px 0;display:none;gap:16px!important}.nav-check:checked~.nav-menu{display:flex}.nav-check:checked~.nav-user{border-top:none;padding-top:0;display:flex}.nav-user{align-items:flex-start}.nav-user .flex{flex-direction:row;align-items:center}}.plan-price{color:var(--foreground);flex-direction:column;align-items:center;gap:4px;margin:1.5rem 0;font-size:2.5rem;font-weight:700;display:flex}.plan-price small{color:var(--muted);font-size:1rem;font-weight:400}.old-price{color:#ef4444;font-size:1.2rem;font-weight:500;text-decoration:line-through}.new-price{color:var(--foreground)}.promo-badge{color:#fff;z-index:10;background:#ef4444;border:2px solid #fff;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:-12px;right:-12px;transform:rotate(10deg);box-shadow:0 4px 6px -1px #0000001a}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:2rem;transition:transform .2s,box-shadow .2s;position:relative}.plan-card.highlight{border:2px solid var(--primary);z-index:1;transform:scale(1.05);box-shadow:0 10px 30px #0000001a}.plan-badge{background:var(--primary);color:#fff;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.hero-gradient-text{background:linear-gradient(135deg,var(--primary)0%,#ec4899 100%);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.comic-balloon-wrapper{filter:drop-shadow(4px 4px #000);z-index:50;animation:1.5s ease-in-out infinite alternate pulse-glow}.comic-balloon{color:#000;text-transform:uppercase;text-align:center;clip-path:polygon(0% 15%,15% 10%,10% 0%,25% 10%,35% 0%,45% 10%,60% 0%,65% 15%,80% 0%,85% 15%,100% 0%,90% 25%,100% 35%,85% 45%,100% 55%,90% 65%,100% 80%,85% 85%,90% 100%,75% 90%,60% 100%,50% 85%,40% 100%,25% 90%,15% 100%,10% 85%,0% 100%,5% 75%,0% 60%,10% 50%,0% 35%,5% 20%);background:#ffeb3b;justify-content:center;align-items:center;min-width:260px;min-height:140px;padding:2rem 1.5rem;font-size:1.1rem;font-weight:900;line-height:1.2;display:flex;position:relative}@keyframes pulse-glow{0%{filter:drop-shadow(4px 4px #000);transform:scale(1)rotate(-5deg)}to{filter:drop-shadow(4px 4px 15px #ec4899);transform:scale(1.05)rotate(-3deg)}}.section-premium{background:linear-gradient(#f8fafc,#f3e8ff)}
