@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f8fafc;--bg-strong: #f1f5f9;--surface: #ffffff;--surface-strong: #ffffff;--surface-muted: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #334155;--text-muted: #64748b;--primary: #16a34a;--primary-hover: #15803d;--primary-soft: #dcfce7;--accent: #0ea5e9;--accent-soft: #e0f2fe;--success: #16a34a;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #2563eb;--info-soft: #dbeafe;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 20px rgba(15, 23, 42, .08);--radius-lg: 16px;--radius-md: 12px}html,body{min-height:100%;margin:0;padding:0;font-family:Manrope,system-ui,sans-serif;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 60%,var(--bg-strong) 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 50%)}*{box-sizing:border-box}a,button,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}button{font:inherit}::selection{background:#16a34a29}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:999px}*:focus-visible{outline:2px solid rgba(22,163,74,.4);outline-offset:2px}.app-shell{min-height:100vh;position:relative}.app-management-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 18px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f8fafceb;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:20px}.app-sidebar__header{display:flex;align-items:center;gap:14px;padding:8px 10px 18px}.app-brand{display:flex;align-items:center;gap:14px}.app-brand__mark{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 24px #16a34a52}.app-brand__eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#86efac;font-weight:800}.app-brand__title{margin:2px 0 0;font-size:1.05rem;font-weight:800;color:#f8fafc}.app-brand__subtitle{margin:2px 0 0;color:#94a3b8cc;font-size:.83rem}.app-sidebar__section-title{padding:0 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#94a3b899}.app-nav{display:flex;flex-direction:column;gap:8px}.app-nav__link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;color:#94a3b8e6;text-decoration:none;font-size:.92rem;font-weight:700;border:1px solid transparent;background:transparent}.app-nav__link:hover{color:#f8fafc;background:#ffffff12;border-color:#ffffff14}.app-nav__link--active{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a40;box-shadow:0 8px 20px #16a34a47}.app-nav__meta{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ffffff14;color:inherit;font-size:.72rem;font-weight:800}.app-sidebar__spacer{flex:1}.app-user-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:none}.app-user-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-user-card__name{margin:0;color:#f8fafc;font-weight:800}.app-user-card__email{margin:2px 0 0;color:#94a3b8cc;font-size:.82rem}.app-management-main{min-width:0;display:flex;flex-direction:column}.app-management-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;backdrop-filter:blur(18px);background:#ffffffd9;border-bottom:1px solid var(--border)}.app-management-header__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--text)}.app-management-header__subtitle{margin:2px 0 0;font-size:.85rem;color:var(--text-soft)}.app-page{width:100%;max-width:1360px;margin:0;padding:28px 24px 56px}.app-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,480px)}.app-auth-hero{padding:40px clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between}.app-auth-panel{padding:32px 20px;display:flex;align-items:center;justify-content:center}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md)}.app-card--soft{box-shadow:var(--shadow-sm);border-radius:20px}.app-button-primary,.app-button-secondary,.app-button-danger,.app-button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer}.app-button-primary{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 24px #16a34a47}.app-button-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#15803d,#14532d)}.app-button-secondary{color:var(--primary);background:var(--surface);border-color:var(--border)}.app-button-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262638}.app-button-danger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#b91c1c,#991b1b)}.app-button-secondary:hover,.app-button-ghost:hover{background:var(--bg-strong)}.app-button-ghost{color:var(--text-soft);background:transparent;border-color:var(--border)}.app-input,.app-select,.app-textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:13px 15px;box-shadow:none}.app-input::placeholder,.app-textarea::placeholder{color:var(--text-muted)}.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:#16a34a80;box-shadow:0 0 0 4px #16a34a14}.app-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.02em}.app-badge--free{background:var(--bg-strong);color:var(--text-muted)}.app-badge--starter{background:var(--accent-soft);color:var(--accent)}.app-badge--professional{background:var(--primary-soft);color:var(--primary)}.app-badge--enterprise{background:#fef9c3;color:#854d0e}.app-section-title{margin:0;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.04em}.app-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;margin-bottom:18px;border-radius:999px;background:var(--primary-soft);border:1px solid rgba(22,163,74,.2);color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.app-grid-pattern{position:relative;overflow:hidden}.app-grid-pattern:after{content:"";position:absolute;inset:auto -20% -35% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.08),transparent 64%);pointer-events:none}.bg-white{background-color:var(--surface)!important}.bg-slate-50{background-color:var(--surface-muted)!important}.bg-slate-100{background-color:var(--bg-strong)!important}.bg-slate-200{background-color:#e2e8f0!important}.text-slate-900{color:var(--text)!important}.text-slate-800{color:#1e293b!important}.text-slate-700{color:#334155!important}.text-slate-600{color:var(--text-soft)!important}.text-slate-500{color:var(--text-muted)!important}.text-slate-400{color:#94a3b8!important}.border-slate-50{border-color:#f8fafc!important}.border-slate-100{border-color:#f1f5f9!important}.border-slate-200{border-color:var(--border)!important}.border-slate-300{border-color:var(--border-strong)!important}.divide-slate-100>:not(:last-child),.divide-slate-200>:not(:last-child){border-color:var(--border)!important}.from-slate-800,.from-slate-700{--tw-gradient-from: #1e293b !important}.to-slate-900,.to-slate-600{--tw-gradient-to: #0f172a !important}.bg-indigo-600,.bg-indigo-500{background-color:var(--primary)!important}.bg-indigo-400{background-color:var(--primary-hover)!important}.bg-indigo-100,.bg-indigo-50{background-color:var(--primary-soft)!important}.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-indigo-900{color:var(--primary)!important}.border-indigo-200,.border-indigo-400,.border-indigo-500,.border-indigo-600,.border-l-indigo-500{border-color:#16a34a4d!important}.hover\:bg-indigo-700:hover,.hover\:bg-indigo-600:hover,.hover\:bg-indigo-400:hover{background-color:var(--primary-hover)!important}.hover\:text-indigo-700:hover,.hover\:text-indigo-800:hover,.hover\:text-indigo-600:hover{color:var(--primary-hover)!important}.hover\:bg-indigo-100:hover,.hover\:bg-indigo-50:hover{background-color:var(--primary-soft)!important}.focus\:ring-indigo-500:focus{--tw-ring-color: rgba(22, 163, 74, .14) !important}.focus\:border-indigo-500:focus{border-color:#16a34a7a!important}.shadow-indigo-500\/25,.shadow-lg.shadow-indigo-500\/25{box-shadow:0 8px 24px #16a34a33!important}.bg-emerald-50{background-color:var(--success-soft)!important}.text-emerald-500,.text-emerald-600,.text-emerald-700,.text-emerald-800{color:var(--success)!important}.border-emerald-200,.border-emerald-500,.border-l-emerald-500{border-color:#16a34a4d!important}.bg-amber-50{background-color:var(--warning-soft)!important}.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900{color:var(--warning)!important}.border-amber-200,.border-amber-500,.border-l-amber-500{border-color:#d977064d!important}.bg-rose-50,.bg-red-50{background-color:var(--danger-soft)!important}.text-rose-600,.text-rose-700,.text-red-500,.text-red-600,.text-red-700,.text-red-800{color:var(--danger)!important}.border-rose-200,.border-red-200,.border-red-500,.border-l-red-500{border-color:#dc262647!important}.bg-sky-50,.bg-violet-50{background-color:var(--info-soft)!important}.text-sky-700,.text-violet-600,.text-violet-800{color:var(--info)!important}.border-sky-200,.border-violet-200{border-color:#2563eb40!important}.bg-white\/10{background-color:#ffffff80!important}.bg-white\/15{background-color:#ffffffa6!important}.bg-white\/20{background-color:#fffc!important}.hover\:bg-white\/10:hover,.hover\:bg-white\/20:hover,.hover\:bg-white:hover{background-color:#fffffff5!important}.border-white\/20{border-color:var(--border)!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235f6b72' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .9rem center!important;appearance:none!important;padding-right:2.2rem!important}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--surface);color:var(--primary);border-radius:999px;padding:8px 12px;margin-right:10px;font-weight:700}.rounded-xl,.rounded-2xl{border-radius:22px!important}.rounded-lg{border-radius:16px!important}.shadow-sm,.shadow,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:var(--shadow-sm)!important}.bg-slate-900\/50{background-color:#0f172a66!important}.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800{color:var(--text-soft)!important}label,.font-medium,.font-semibold{color:inherit}@media (max-width: 960px){.app-management-shell{grid-template-columns:1fr}.app-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.app-management-header{position:relative;padding:16px}.app-auth-page{grid-template-columns:1fr}.app-auth-hero{padding-bottom:12px}.app-page{padding-left:16px;padding-right:16px}}@media (max-width: 640px){.app-user-card,.app-nav{width:100%}.app-nav__link{padding:11px 12px}.app-management-header{flex-direction:column;align-items:flex-start}}
