@font-face{font-family:Poppins;src:url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--primary:#4f46e5;--sidebar:#0f172a;--border:#e2e8f0;--muted:#64748b;--bg:#f8fafc;--text:#0f172a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;background:var(--bg)}body{min-height:100vh}a{color:inherit}.app-shell{min-height:100vh;display:flex}.app-sidebar{position:fixed;inset:0 auto 0 0;width:280px;display:flex;flex-direction:column;color:#e2e8f0;background:linear-gradient(180deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 88%,#000));border-right:1px solid rgba(255,255,255,.08);z-index:50;box-shadow:10px 0 30px rgba(15,23,42,.06)}.brand-block{min-height:86px;display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{width:46px;height:46px;flex:none;border-radius:14px;background:white;padding:5px;object-fit:contain;box-shadow:0 6px 18px rgba(0,0,0,.12)}.brand-logo-fallback{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:white;font-weight:800;padding:0}.brand-copy{min-width:0}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{font-size:14px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy span{margin-top:3px;font-size:11px;color:#94a3b8}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 12px 72px}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;border-top:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--sidebar) 94%,#000);font-size:10px;color:#64748b}.nav-menu{display:flex;flex-direction:column;gap:3px}.nav-section{padding:18px 12px 7px;color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:11px;padding:10px 12px;color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:500;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.08);color:white;transform:translateX(2px)}.nav-link-active{background:color-mix(in srgb,var(--primary) 78%,#fff 0%);color:white;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 24%,transparent)}.nav-icon{width:22px;flex:none;display:inline-flex;justify-content:center;font-size:15px}.app-main{width:calc(100% - 280px);margin-left:280px;min-width:0}.topbar{position:sticky;top:0;z-index:40;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.topbar-left,.topbar-user{display:flex;align-items:center}.topbar-left{gap:12px}.eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--primary)}.topbar h1{margin:2px 0 0;font-size:18px;line-height:1.2;color:#0f172a}.topbar-user{gap:12px}.user-copy{text-align:right}.user-copy strong,.user-copy span{display:block}.user-copy strong{font-size:13px;color:#0f172a}.user-copy span{font-size:10px;color:#64748b}.user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,white);color:var(--primary);font-weight:800}.logout-button,.mobile-menu-button{border:1px solid var(--border);background:white;color:#334155;cursor:pointer}.logout-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:11px;font-size:12px;font-weight:700}.logout-button:hover,.mobile-menu-button:hover{background:#f8fafc}.mobile-menu-button{display:none;width:38px;height:38px;border-radius:10px}.page-content{width:100%;padding:28px}.message-stack{display:grid;gap:10px;margin-bottom:20px}.app-message{border-radius:12px;padding:12px 14px;font-size:13px}.app-message.is-error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.app-message.is-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:.15s;border:1px solid transparent;cursor:pointer}.btn-primary,.btn-success{background:var(--primary);color:white;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary:hover,.btn-success:hover{filter:brightness(.93)}.btn-secondary,.btn-warning,.btn-danger{border-color:#cbd5e1;background:#fff;color:#334155}.btn-secondary:hover,.btn-warning:hover,.btn-danger:hover{background:#f8fafc}.panel,.digital-panel{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.04)}.panel-header,.digital-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:18px 20px}.panel-header h3,.digital-panel-title{margin:0;font-size:15px;font-weight:700;color:#0f172a}.panel-header p{margin:3px 0 0;font-size:11px;color:var(--muted)}.digital-panel-content{padding:20px}.digital-panel-toolbar{padding:16px 20px;border-bottom:1px solid var(--border)}.form-control,input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=date],input[type=url],select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;font-size:12px;outline:none}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,white)}.digital-form .control-group{margin-bottom:16px}.digital-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#334155}.btn-row{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.row,.row-fluid{display:flex;flex-wrap:wrap;gap:16px}.span12{width:100%}.span8{width:min(100%,66.666%)}.span7{width:min(100%,58.333%)}.span10{width:min(100%,83.333%)}.span11{width:min(100%,91.666%)}.detail-label{margin-bottom:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#f1f5f9;padding:5px 9px;font-size:10px;font-weight:700;color:#475569}.table-scroll,.digital-table-container{overflow-x:auto}.app-table,.display{width:100%;border-collapse:collapse;font-size:12px}.app-table th,.display th{background:#f8fafc;padding:12px 14px;text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;white-space:nowrap}.app-table td,.display td{border-top:1px solid #eef2f7;padding:13px 14px;vertical-align:middle}.app-table tbody tr:hover,.display tbody tr:hover{background:#fafcff}.empty-state{text-align:center!important;padding:40px!important;color:#94a3b8}
.dashboard-full{width:100%;max-width:none}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-kicker{margin:0 0 5px;font-size:11px;font-weight:700;color:var(--primary)}.dashboard-heading h2{margin:0;color:#0f172a;font-size:27px;line-height:1.2;letter-spacing:-.03em}.dashboard-heading>div>p:last-child{margin:7px 0 0;font-size:12px;color:#64748b}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metric-card{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:16px;text-decoration:none;box-shadow:0 5px 18px rgba(15,23,42,.04);transition:.18s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--primary) 28%,#e2e8f0)}.metric-icon{display:flex;height:44px;width:44px;flex:none;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);font-size:17px}.metric-card>div:last-child{min-width:0}.metric-card span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{display:block;margin:4px 0;font-size:25px;line-height:1;color:#0f172a}.metric-card small{display:block;font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-charts-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px;margin-top:18px}.distribution-panel{min-height:320px}.chart-content{display:grid;gap:22px;padding:24px 20px}.chart-label{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#475569}.chart-label strong{color:#0f172a}.chart-track{height:10px;overflow:hidden;border-radius:999px;background:#f1f5f9}.chart-bar{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#60a5fa))}.dashboard-highlight{display:flex;min-height:320px;flex-direction:column;justify-content:space-between;border-radius:18px;padding:24px;color:#fff;background:linear-gradient(145deg,var(--sidebar),color-mix(in srgb,var(--primary) 70%,#0f172a));box-shadow:0 16px 38px rgba(15,23,42,.16)}.highlight-kicker{margin:0;font-size:10px;font-weight:700;color:rgba(255,255,255,.7)}.dashboard-highlight h3{margin:8px 0 0;font-size:22px;line-height:1.25}.dashboard-highlight p:not(.highlight-kicker){margin:12px 0 0;font-size:11px;line-height:1.7;color:rgba(255,255,255,.72)}.highlight-number{font-size:54px;font-weight:800;line-height:1}.highlight-button{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border-radius:11px;background:white;padding:10px 13px;color:var(--primary);font-size:11px;font-weight:800;text-decoration:none}.activity-panel{margin-top:18px}.panel-link,.table-primary-link{color:var(--primary);font-weight:700;text-decoration:none}.panel-link{font-size:11px}.table-primary-link:hover{text-decoration:underline}
.upload-zone{display:flex;min-height:150px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #cbd5e1;border-radius:16px;background:#f8fafc;padding:24px;text-align:center;transition:.15s}.upload-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,white)}.upload-zone strong{margin-top:8px;color:#334155}.upload-zone small{margin-top:5px;color:#94a3b8}.upload-icon{display:flex;height:43px;width:43px;align-items:center;justify-content:center;border-radius:13px;background:var(--primary);color:white;font-size:18px;font-weight:800}.color-field{display:flex;align-items:center;gap:12px;border:1px solid #cbd5e1;border-radius:12px;padding:8px 10px}.color-field input[type=color]{height:34px;width:50px;border:0;padding:0}.color-field span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#64748b}
.grid{display:grid}.gap-5{gap:20px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.mt-1{margin-top:4px}.flex{display:flex}.items-center{align-items:center}.gap-3{gap:12px}.block{display:block}.text-sm{font-size:12px}.text-xs{font-size:10px}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-slate-700{color:#334155}.text-slate-500{color:#64748b}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.border{border-width:1px;border-style:solid}.border-red-200{border-color:#fecaca}.bg-red-50{background:#fef2f2}.rounded-xl{border-radius:12px}.p-3{padding:12px}.px-5{padding-left:20px;padding-right:20px}.py-4{padding-top:16px;padding-bottom:16px}.border-t{border-top:1px solid}.border-slate-200{border-color:#e2e8f0}.justify-between{justify-content:space-between}.text-slate-400{color:#94a3b8}.gap-2{gap:8px}
.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:45;background:rgba(2,6,23,.55)}
@media(max-width:1240px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-charts-grid{grid-template-columns:1fr 360px}}
@media(max-width:980px){.app-sidebar{transform:translateX(-100%);transition:transform .2s}.app-sidebar.is-open{transform:translateX(0)}.app-main{width:100%;margin-left:0}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center}.sidebar-backdrop.is-open{display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-highlight{min-height:250px}.page-content{padding:20px}.topbar{padding:0 18px}.user-copy{display:none}}
@media(max-width:640px){.page-content{padding:15px}.dashboard-heading{align-items:stretch;flex-direction:column}.dashboard-heading h2{font-size:23px}.metric-grid{grid-template-columns:1fr}.topbar-user{gap:7px}.logout-button span{display:none}.metric-card{padding:14px}.md\:grid-cols-2{grid-template-columns:1fr}.md\:col-span-2{grid-column:auto}.span8,.span7,.span10,.span11{width:100%}}
.settings-wrap{max-width:1180px;margin:0 auto}.settings-heading{margin-bottom:22px}.settings-heading p{margin:0;color:var(--primary);font-size:11px;font-weight:700}.settings-heading h2{margin:5px 0 0;color:#0f172a;font-size:24px}.settings-heading span{display:block;margin-top:7px;color:#64748b;font-size:12px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.settings-form-card{padding:24px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-fields>div>label{display:block;margin-bottom:7px;font-size:11px;font-weight:700;color:#334155}.field-full{grid-column:1/-1}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.selected-file{margin-top:8px;font-size:10px;color:#64748b}.settings-actions{display:flex;justify-content:flex-end;margin-top:24px}.settings-preview-card{overflow:hidden}.settings-preview-head{padding:17px 20px;border-bottom:1px solid var(--border)}.settings-preview-head h3{margin:0;color:#0f172a;font-size:14px}.settings-preview-head p{margin:3px 0 0;color:#64748b;font-size:10px}.settings-preview-body{padding:20px}.theme-preview{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#f8fafc;box-shadow:0 6px 18px rgba(15,23,42,.06)}.theme-preview-header{display:flex;align-items:center;gap:11px;padding:18px;color:white}.theme-preview-header img,.theme-preview-fallback{width:44px;height:44px;border-radius:11px;background:white;padding:4px;object-fit:contain}.theme-preview-fallback{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);padding:0;font-weight:800}.theme-preview-header strong,.theme-preview-header span{display:block}.theme-preview-header strong{font-size:12px}.theme-preview-header span{margin-top:3px;font-size:9px;opacity:.75}.theme-preview-content{display:grid;gap:14px;padding:18px}.preview-line{width:130px;height:9px;border-radius:999px;background:#e2e8f0}.theme-preview-content button{width:max-content;border:0;border-radius:10px;padding:9px 12px;color:white;font:inherit;font-size:10px;font-weight:700}.preview-card{height:74px;border:1px solid var(--border);border-radius:12px;background:white}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.settings-fields{grid-template-columns:1fr}.field-full{grid-column:auto}}