:root{--primary:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-50:#eef2ff;--primary-100:#e0e7ff;--success:#16a34a;--success-bg:#dcfce7;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--info:#0ea5e9;--bg:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--side-bg:#0f172a;--side-bg-2:#1e293b;--side-text:#cbd5e1;--side-text-muted:#94a3b8;--side-active:#6366f1;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a24;--header-h:64px;--sidebar-w:250px}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}body,h1,h2,h3,h4{margin:0}a{color:inherit;text-decoration:none}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#6366f1;background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;background:var(--primary-600);box-shadow:0 6px 16px #6366f159}.btn-secondary{background:#fff;background:var(--surface);border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--surface-2)}.btn-ghost{background:#0000;color:#64748b;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#f8fafc;background:var(--surface-2);color:#0f172a;color:var(--text)}.btn-edit{background:#eef2ff;background:var(--primary-50);border-color:#e0e7ff;border-color:var(--primary-100);color:#4338ca;color:var(--primary-700)}.btn-edit:hover:not(:disabled){background:#e0e7ff;background:var(--primary-100)}.btn-danger{background:#fee2e2;background:var(--danger-bg);border-color:#fecaca;color:#b91c1c}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{font-size:13px;padding:6px 12px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600}.input{background:#fff;background:var(--surface);border:1px solid #cbd5e1;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-size:14px;outline:none;padding:11px 13px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.input:disabled{background:#f8fafc;background:var(--surface-2);color:#94a3b8;color:var(--text-faint)}select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm)}.card-head{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:18px 22px}.card-head h2{font-size:17px;font-weight:700}.card-body{padding:22px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.2px;padding:3px 10px}.badge-primary{background:#eef2ff;background:var(--primary-50);color:#4338ca;color:var(--primary-700)}.badge-success{background:#dcfce7;background:var(--success-bg);color:#15803d}.badge-warning{background:#fef3c7;background:var(--warning-bg);color:#b45309}.badge-neutral{background:#f1f5f9;color:#475569}.table-wrap{overflow-x:auto;width:100%}.table{border-collapse:initial;border-spacing:0;min-width:640px;width:100%}.table thead th{background:#f8fafc;background:var(--surface-2);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.table thead th.no-sort{cursor:default}.table thead th.sort-asc:after{color:#6366f1;color:var(--primary);content:" ↑"}.table thead th.sort-desc:after{color:#6366f1;color:var(--primary);content:" ↓"}.table tbody td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:14px;padding:14px 16px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#f8fafc;background:var(--surface-2)}.table .row-actions{display:flex;gap:8px}.table .empty{color:#64748b;color:var(--text-muted);font-style:italic;padding:40px 16px;text-align:center}.toast-stack{display:flex;flex-direction:column;gap:10px;position:fixed;right:24px;top:78px;z-index:60}.toast{animation:toast-in .2s ease;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 12px 32px #0f172a24;box-shadow:var(--shadow-lg);color:#fff;font-size:14px;font-weight:500;max-width:360px;min-width:260px;padding:12px 16px}.toast-success{background:#16a34a;background:var(--success)}.toast-error{background:#ef4444;background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;animation:fade .15s ease;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal{animation:pop .18s ease;background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a24;box-shadow:var(--shadow-lg);max-width:460px;width:100%}.modal-head{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.modal-head h3{font-size:17px}.modal-body{grid-gap:14px;display:grid;gap:14px;padding:22px}.modal-foot{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.confirm-modal{max-width:420px}.confirm-message{color:#64748b;color:var(--text-muted);font-size:14px;line-height:1.55;margin:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.spinner{animation:spin .7s linear infinite;border:2.5px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.spinner-dark{border-color:#6366f1 #6366f140 #6366f140;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(1turn)}}.loading-row{color:#64748b;color:var(--text-muted);padding:40px;text-align:center}.skeleton{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f8fafc 25%,#edf1f7 37%,#f8fafc 63%);background:linear-gradient(90deg,var(--surface-2) 25%,#edf1f7 37%,var(--surface-2) 63%);background-size:400% 100%;border-radius:6px;display:inline-block;height:12px;width:100%}.skeleton-thumb{border-radius:10px;height:44px;width:44px}.skeleton-circle{border-radius:50%;height:36px;width:36px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.no-access{color:#64748b;color:var(--text-muted);padding:60px 20px;text-align:center}.no-access h2{color:#0f172a;color:var(--text);margin-bottom:8px}@media (max-width:640px){.toast-stack{bottom:16px;left:12px;right:12px;top:auto}.toast{max-width:none;min-width:0}.modal-overlay{align-items:flex-end;padding:12px}.modal{display:flex;flex-direction:column;max-height:92vh;max-width:none}.modal-body{overflow-y:auto}.card-body,.card-head{padding:16px}}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.shell.collapsed{grid-template-columns:76px 1fr}.sidebar{background:var(--side-bg);color:var(--side-text);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;height:var(--header-h);padding:0 20px}.brand-logo{font-size:26px}.brand-name{color:#fff;font-size:18px;font-weight:800;letter-spacing:.3px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--side-text-muted);display:flex;font-size:14px;font-weight:600;gap:12px;padding:11px 14px;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--side-bg-2);color:#fff}.nav-item.active{background:var(--side-active);box-shadow:0 6px 16px #6366f166;color:#fff}.nav-item svg{flex-shrink:0}.shell.collapsed .nav-item{justify-content:center;padding:11px}.nav-backdrop,.shell.collapsed .nav-item span{display:none}.sidebar-foot{border-top:1px solid #ffffff14;padding:16px 20px}.ver{color:var(--side-text-muted);font-size:12px}.main{display:flex;flex-direction:column;min-width:0}.header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:16px;height:var(--header-h);padding:0 22px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-title{color:var(--text);font-size:16px;font-weight:700}.header-right{margin-left:auto}.icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background .15s ease;width:38px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.user-menu{position:relative}.user-chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:999px;cursor:pointer;display:flex;gap:10px;padding:5px 12px 5px 5px;transition:background .15s ease,border-color .15s ease}.user-chip:hover{background:var(--surface-2);border-color:var(--border-strong)}.avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-700));border-radius:50%;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.user-meta{align-items:flex-start;display:flex;flex-direction:column;line-height:1.15}.user-name{color:var(--text);font-size:13px;font-weight:700}.user-role{color:var(--text-muted);font-size:11px;text-transform:capitalize}.menu-backdrop{inset:0;position:fixed;z-index:40}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:220px;z-index:41}.dropdown-head{border-bottom:1px solid var(--border);padding:14px 16px}.dropdown-head .user-name{display:block;font-size:14px}.user-email{color:var(--text-muted);font-size:12px;margin-top:2px}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;transition:background .12s ease;width:100%}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:var(--danger-bg)}.content{flex:1 1;margin:0 auto;max-width:1280px;min-width:0;padding:26px;width:100%}.footer{align-items:center;background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;padding:16px 26px}@media (max-width:1024px) and (min-width:821px){.shell,.shell.collapsed{grid-template-columns:76px 1fr}.shell .nav-item{justify-content:center;padding:11px}.brand-name,.shell .nav-item span,.ver{display:none}}@media (max-width:820px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{box-shadow:var(--shadow-lg);left:0;max-width:82vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:60}.shell.nav-open .sidebar{transform:translateX(0)}.shell.collapsed .sidebar .nav-item{justify-content:flex-start;padding:11px 14px}.shell.collapsed .sidebar .brand-name,.shell.collapsed .sidebar .nav-item span,.shell.collapsed .sidebar .ver{display:inline}.nav-backdrop{background:#0f172a80;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:55}.shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.header{gap:10px;padding:0 14px}.header-title{font-size:15px}.content{padding:16px 14px}.footer{align-items:flex-start;flex-direction:column;gap:4px;padding:14px}.user-meta{display:none}.user-chip{border:none;padding:4px}.avatar{height:32px;width:32px}}@media (max-width:400px){.header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-visual{align-items:center;background:linear-gradient(150deg,#4338ca,#6366f1 55%,#8b5cf6);color:#fff;display:flex;justify-content:center;overflow:hidden;padding:48px;position:relative}.login-visual:after,.login-visual:before{background:#ffffff14;border-radius:50%;content:"";position:absolute}.login-visual:before{height:380px;right:-80px;top:-120px;width:380px}.login-visual:after{bottom:-80px;height:260px;left:-60px;width:260px}.visual-inner{max-width:400px;position:relative}.visual-logo{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border-radius:18px;display:flex;font-size:34px;height:68px;justify-content:center;margin-bottom:26px;width:68px}.visual-inner h1{font-size:36px;font-weight:800;margin-bottom:14px}.visual-inner>p{color:#ffffffd9;font-size:16px;line-height:1.6;margin-bottom:30px}.visual-points{grid-gap:14px;display:grid;gap:14px;list-style:none;margin:0;padding:0}.visual-points li{align-items:center;color:#fffffff2;display:flex;font-size:15px;gap:12px}.visual-points li:before{align-items:center;background:#fff3;border-radius:50%;content:"✓";display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.login-form-side{align-items:center;background:var(--surface);display:flex;justify-content:center;padding:48px}.login-card{grid-gap:18px;display:grid;gap:18px;max-width:380px;width:100%}.login-head{margin-bottom:4px}.login-head h2{font-size:26px;font-weight:800}.login-head p{color:var(--text-muted);font-size:15px;margin:8px 0 0}.login-error{background:var(--danger-bg);border:1px solid #fecaca;border-radius:var(--radius-sm);color:#b91c1c}.login-error,.login-notice{font-size:14px;font-weight:500;padding:11px 14px}.login-notice{background:var(--warning-bg);border:1px solid #fde68a;border-radius:var(--radius-sm);color:#b45309}.pw-wrap{position:relative}.pw-toggle{background:#0000;border:none;color:var(--primary-600);cursor:pointer;font-size:13px;font-weight:700;padding:4px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-card .btn-block{font-size:15px;margin-top:4px;padding:13px}.login-hint{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;padding:10px;text-align:center}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-visual{display:none}}.stat-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-link{display:block}.stat-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:transform .12s ease,box-shadow .15s ease}.stat-link:hover .stat-card{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.accent-indigo:before{background:var(--primary)}.accent-green:before{background:var(--success)}.accent-blue:before{background:var(--info)}.accent-violet:before{background:#8b5cf6}.stat-icon{align-items:center;background:var(--surface-2);border-radius:var(--radius);display:flex;flex-shrink:0;font-size:26px;height:52px;justify-content:center;width:52px}.stat-value{font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);font-size:13px;margin-top:4px}.chart-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.chart-body{padding-top:8px}.dash-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.4fr 1fr}.chart-grid>*,.dash-grid>*{min-width:0}.all-good{color:var(--text-muted);font-size:15px;padding:20px;text-align:center}.alert-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.alert-list li{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px 14px}.alert-name{font-size:14px;font-weight:600}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.dash-grid{grid-template-columns:1fr}}@media (max-width:560px){.stat-grid{grid-template-columns:1fr}}.pagination{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 22px}.pg-info{color:var(--text-muted);font-size:13px}.pg-controls{align-items:center;display:flex;gap:14px}.pg-size{font-size:13px;padding:7px 30px 7px 12px;width:auto}.pg-pages{align-items:center;display:flex;gap:4px}.pg-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;height:34px;min-width:34px;padding:0 8px;transition:all .12s ease}.pg-btn:hover:not(:disabled):not(.active){background:var(--surface-2);border-color:var(--border-strong)}.pg-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pg-btn:disabled{cursor:not-allowed;opacity:.45}.pg-ellipsis{color:var(--text-faint);padding:0 4px}@media (max-width:560px){.pagination{align-items:stretch;flex-direction:column}.pg-controls{justify-content:space-between}}.page-head-row{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.page-head-row h1{font-size:24px;font-weight:800}.search-input{max-width:380px}.count-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:13px;padding:6px 12px;white-space:nowrap}.count-chip,.muted-cell{color:var(--text-muted);font-weight:600}.desc-cell{color:var(--text-muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell{align-items:center;display:flex;gap:12px}.cell-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-700));border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.cell-name{font-weight:600}.you-tag{background:var(--primary-50);border-radius:999px;color:var(--primary-700);font-size:11px;font-weight:700;margin-left:8px;padding:2px 7px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}@media (max-width:640px){.page-head-row{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:18px}.page-head-row h1{font-size:20px}.page-head-row .btn{width:100%}.card-head{flex-wrap:wrap}.search-input{flex:1 1 100%;max-width:none}.table thead th{padding:10px 12px}.table tbody td{padding:11px 12px}.desc-cell{max-width:160px}}.thumb{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:inline-flex;height:44px;justify-content:center;object-fit:cover;width:44px}.thumb-placeholder{color:var(--text-faint);font-size:20px}.hint{color:var(--text-faint);font-size:12px;font-weight:400}.image-upload{gap:16px}.image-preview,.image-upload{align-items:center;display:flex}.image-preview{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);flex-shrink:0;height:88px;justify-content:center;overflow:hidden;width:88px}.image-preview img{height:100%;object-fit:cover;width:100%}.preview-placeholder{color:var(--text-faint);font-size:12px}.image-actions{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.perm-card{margin-bottom:22px}.perm-note{color:var(--text-muted);font-size:14px;margin:0 0 18px}.perm-admin-note{background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-700);font-size:14px;font-weight:500;margin-top:16px;padding:12px 14px}.perm-cell,.perm-matrix .perm-col{text-align:center}.user-picker{margin-bottom:18px;max-width:420px}.switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:42px}.switch input{height:0;opacity:0;width:0}.slider{background:var(--border-strong);border-radius:999px;inset:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;content:"";height:18px;left:3px;top:3px;width:18px}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translateX(18px)}.switch.locked{cursor:not-allowed;opacity:.55}.segment{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg-btn{background:var(--surface);border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .12s ease}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--surface-2)}.seg-btn.active{background:var(--primary);color:#fff}.page-head{margin-bottom:24px}.page-head h1{font-size:24px;font-weight:800}.page-sub{color:var(--text-muted);font-size:15px;margin:6px 0 0}.profile-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr 1.2fr}.profile-identity{align-items:center;display:flex;gap:16px;margin-bottom:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-700));border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:20px;font-weight:700;height:60px;justify-content:center;width:60px}.profile-name{font-size:18px;font-weight:700;margin-bottom:6px}.profile-details{grid-gap:12px;display:grid;gap:12px;margin:0}.profile-details>div{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.profile-details dt{color:var(--text-muted);font-size:14px}.profile-details dd{font-size:14px;font-weight:600;margin:0}.profile-form{grid-gap:14px;display:grid;gap:14px}.profile-form .btn{justify-self:start;margin-top:4px}.profile-form .hint{color:var(--text-faint);font-size:12px;font-weight:400}@media (max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-form .btn{width:100%}}
/*# sourceMappingURL=main.a78ae472.css.map*/