@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Inter:wght@400;600;700;800&display=swap";:root{--admin-bg: #f1f5f9;--admin-panel: #f1f5f9;--admin-white: #ffffff;--admin-text: #0f172a;--admin-muted: #475569;--admin-soft: #cbd5e1;--admin-orange: #ff5500;--admin-orange-soft: rgba(255, 85, 0, .1);--admin-shadow: 12px 12px 24px #cbd5e1, -12px -12px 24px #ffffff;--admin-shadow-hover: 12px 12px 0 #0f172a;--admin-radius: 2rem;font-family:Inter,system-ui,sans-serif;color:var(--admin-text);background:var(--admin-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,85,0,.08),transparent 28rem),linear-gradient(135deg,#eef2f7,#f8fafc 52%,#e7edf5)}button,input,select{font:inherit}button{cursor:pointer}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;min-height:100vh;padding:28px}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(480px,100%)}.login-desc{color:var(--admin-muted);font-weight:800;line-height:1.7}.admin-loading{margin:30vh auto 0}.neu-panel,.neu-card{position:relative;overflow:hidden;border:2px solid transparent;border-radius:var(--admin-radius);background:var(--admin-panel);box-shadow:var(--admin-shadow)}.neu-card{padding:28px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.neu-card:hover{transform:translateY(-6px);border-color:var(--admin-text);box-shadow:var(--admin-shadow-hover)}.corner-blob{position:absolute;top:-16px;right:-16px;width:96px;height:96px;border-bottom-left-radius:4rem;background:var(--admin-orange-soft);transition:transform .3s ease}.neu-card:hover .corner-blob{transform:scale(1.5)}.icon-inset{position:relative;z-index:1;display:grid;width:56px;height:56px;margin-bottom:24px;place-items:center;border:2px solid transparent;border-radius:18px;color:var(--admin-orange);background:#e2e8f0;box-shadow:inset 4px 4px 8px #cbd5e1,inset -4px -4px 8px #fff;transition:all .3s ease}.neu-card:hover .icon-inset{border-color:var(--admin-text);color:#fff;background:var(--admin-orange);box-shadow:none}.admin-sidebar{display:flex;flex-direction:column;min-height:calc(100vh - 56px);padding:24px}.brand-mark{display:flex;align-items:center;gap:14px;margin-bottom:34px}.brand-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#fff;background:var(--admin-orange);box-shadow:4px 4px #0f172a}.eyebrow{margin:0 0 6px;color:var(--admin-orange);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-weight:900;letter-spacing:-.04em}h1{margin-bottom:0;font-size:24px}h2{margin-bottom:0;font-size:clamp(28px,4vw,48px)}h3{margin-bottom:0;font-size:24px}.side-nav{display:grid;gap:12px}.side-nav-group{display:grid;gap:8px}.side-nav-item,.side-sub-item,.logout-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--admin-text);border-radius:16px;font-weight:900;transition:all .2s ease}.side-nav-item{position:relative;justify-content:flex-start;padding:14px 16px;color:var(--admin-text);background:#fff;box-shadow:3px 3px #cbd5e1}.side-nav-item span{flex:1;text-align:left}.side-nav-item.active,.side-nav-item:hover{color:#fff;background:var(--admin-text);box-shadow:4px 4px 0 var(--admin-orange)}.menu-chevron{flex:0 0 auto;padding:2px;border-radius:999px;background:#ff55001f;color:var(--admin-orange);transition:transform .22s ease,color .22s ease,background .22s ease}.side-nav-item.active .menu-chevron,.side-nav-item:hover .menu-chevron{color:#fff;background:#ffffff2e}.menu-chevron.open{transform:rotate(180deg)}.side-sub-nav{display:grid;gap:8px;max-height:0;overflow:hidden;padding:0 8px 0 16px;opacity:0;transform:translateY(-8px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}.side-sub-nav.open{max-height:360px;overflow:visible;padding-bottom:8px;opacity:1;transform:translateY(0)}.side-sub-item{position:relative;justify-content:flex-start;padding:11px 14px 11px 18px;border-radius:14px;color:var(--admin-muted);background:#f8fafc;box-shadow:inset 3px 3px 6px #cbd5e1,inset -3px -3px 6px #fff}.side-sub-item.active,.side-sub-item:hover{color:#fff;background:var(--admin-text);box-shadow:4px 4px 0 var(--admin-orange);transform:translate(4px)}.side-sub-item.active:before{position:absolute;top:50%;left:8px;width:5px;height:24px;border-radius:999px;background:var(--admin-orange);box-shadow:1px 1px #0f172a59;content:"";transform:translateY(-50%)}.logout-button{margin-top:auto;padding:14px 16px;color:var(--admin-text);background:transparent}.admin-content{display:grid;align-content:start;gap:24px}.toolbar-row{margin-bottom:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}.search-box{display:flex;width:min(420px,100%);align-items:center;gap:10px;padding:12px 16px;border-radius:16px;color:var(--admin-muted);background:#e9eef5;box-shadow:inset 4px 4px 8px #cbd5e1,inset -4px -4px 8px #fff}.search-box input{width:100%;border:0;outline:0;color:var(--admin-text);background:transparent}.field-inset{display:flex;width:100%;align-items:center;gap:10px;margin-top:14px;padding:14px 16px;border-radius:18px;color:var(--admin-muted);background:#e9eef5;box-shadow:inset 4px 4px 8px #cbd5e1,inset -4px -4px 8px #fff}.field-inset input{width:100%;border:0;outline:0;color:var(--admin-text);background:transparent;font-weight:800}.hero-card{min-height:300px}.hero-card p:not(.eyebrow){max-width:720px;color:var(--admin-muted);font-size:16px;font-weight:700;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.primary-button,.secondary-button{padding:14px 20px;font-size:13px;letter-spacing:.08em}.full-width{width:100%;margin-top:18px}.primary-button:disabled{cursor:not-allowed;opacity:.65}.form-error,.form-success{margin:14px 0 0;padding:12px 14px;border:2px solid var(--admin-text);border-radius:16px;font-weight:900}.form-error{color:#be123c;background:#ffe4e6}.form-success{color:#166534;background:#dcfce7}.primary-button{color:#fff;background:var(--admin-orange);box-shadow:4px 4px #0f172a}.secondary-button{color:var(--admin-text);background:#fff;box-shadow:4px 4px #cbd5e1}.compact{padding:10px 14px;font-size:12px}.primary-button:hover,.secondary-button:hover,.logout-button:hover{transform:translate(2px,2px);box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.stat-card p{position:relative;z-index:1;margin-bottom:10px;color:var(--admin-muted);font-weight:900}.stat-card strong{position:relative;z-index:1;display:block;margin-bottom:8px;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-size:30px;font-weight:900;letter-spacing:-.04em}.stat-card span{position:relative;z-index:1;color:var(--admin-orange);font-size:13px;font-weight:900}.workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:22px}.section-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.data-table{position:relative;z-index:1;display:grid;gap:12px;overflow-x:auto;padding-bottom:4px}.data-row{display:grid;gap:12px;align-items:center;min-width:860px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:inset 2px 2px 6px #cbd5e199}.data-head{color:var(--admin-text);background:#e9eef5;box-shadow:inset 4px 4px 8px #cbd5e1,inset -4px -4px 8px #fff}.data-row span,.data-row em{color:var(--admin-muted);font-style:normal;font-weight:800;overflow-wrap:anywhere}.status-badge{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;color:#991b1b;background:#fee2e2;font-size:12px;font-weight:900}.status-badge.active{color:#166534;background:#dcfce7}.empty-state{padding:28px;border-radius:18px;color:var(--admin-muted);background:#fff;text-align:center;font-weight:900}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;color:var(--admin-muted);font-weight:900}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button-row.stretch .primary-button,.button-row.stretch .secondary-button{flex:1}.secondary-button.danger{color:#be123c;background:#ffe4e6}.table-card{position:relative}.form-panel{align-self:start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#f1f5f9b8}.modal-card{position:relative;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b8c4d4 transparent}.modal-body{position:relative;z-index:1}.modal-form{display:grid;gap:4px}.modal-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;margin-top:18px;padding-top:18px;background:linear-gradient(180deg,#f1f5f900,#f1f5f9 34%)}.global-toast{position:fixed;top:28px;left:50%;z-index:95;min-width:280px;max-width:min(520px,calc(100vw - 32px));padding:16px 18px 18px;border:2px solid var(--admin-text);border-radius:18px;color:var(--admin-text);background:#fff;box-shadow:10px 10px 28px #94a3b86b;font-weight:900;transform:translate(-50%)}.global-toast.success{border-color:#166534}.global-toast.error{border-color:#be123c}.global-toast-progress{height:6px;margin-top:12px;border-radius:999px;background:var(--admin-orange);transition:width .1s linear}.confirm-text{color:var(--admin-muted);font-weight:800;line-height:1.7}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;border-radius:inherit;background:#f1f5f9c7}.loading-overlay-card{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid rgba(15,23,42,.08);border-radius:18px;color:var(--admin-text);background:#f8fbff;box-shadow:10px 10px 22px #cbd5e1cc,-8px -8px 20px #ffffffeb;font-weight:900}.loading-overlay-spinner{position:relative;width:22px;height:22px;border-radius:999px;background:linear-gradient(145deg,#fff,#d9e4f0);box-shadow:inset 2px 2px 5px #ffffffe0,3px 3px 7px #94a3b838}.loading-overlay-spinner:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:3px solid rgba(255,85,0,.2);border-top-color:var(--admin-orange);border-radius:999px;content:"";animation:spin .85s linear infinite}.modal-loading{border-radius:calc(var(--admin-radius) - 2px);background:#f1f5f9d6}.modal-loading .loading-overlay-card{background:#fff}.modal-card::-webkit-scrollbar,.check-grid::-webkit-scrollbar,.data-table::-webkit-scrollbar{width:10px;height:10px}.modal-card::-webkit-scrollbar-track,.check-grid::-webkit-scrollbar-track,.data-table::-webkit-scrollbar-track{border-radius:999px;background:linear-gradient(180deg,#edf2f8,#f9fbfd)}.modal-card::-webkit-scrollbar-thumb,.check-grid::-webkit-scrollbar-thumb,.data-table::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#b7c2d2,#8f9eb3);background-clip:padding-box;box-shadow:inset 1px 1px 2px #ffffff8c}.modal-card::-webkit-scrollbar-thumb:hover,.check-grid::-webkit-scrollbar-thumb:hover,.data-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9fb0c6,#7e91a9);background-clip:padding-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-label{margin:18px 0 10px;color:var(--admin-muted);font-size:13px;font-weight:900}.field-inset select{width:100%;border:0;outline:0;color:var(--admin-text);background:transparent;font-weight:800}.check-grid{display:grid;max-height:220px;gap:10px;overflow:auto;padding:4px}.check-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:var(--admin-muted);background:#fff;font-size:13px;font-weight:900;box-shadow:inset 2px 2px 6px #cbd5e199}.check-pill input{accent-color:var(--admin-orange)}.tree-panel{display:grid;gap:12px}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--admin-muted);font-weight:900}.tree-shell{display:grid;gap:10px;max-height:340px;overflow:auto;padding:6px;border-radius:20px;background:#eef3f8;box-shadow:inset 4px 4px 8px #d6deea,inset -4px -4px 8px #fff}.tree-node,.tree-children{display:grid;gap:8px}.tree-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:var(--admin-text);background:#fff;box-shadow:3px 3px 8px #cbd5e173;font-weight:900}.tree-item input{accent-color:var(--admin-orange)}.tree-item.checked{border:2px solid rgba(255,85,0,.24)}.tree-item.half{border:2px dashed rgba(255,85,0,.32)}.tree-item-title{display:flex;flex:1;flex-wrap:wrap;gap:8px;align-items:center}.tree-item-title em{color:var(--admin-muted);font-style:normal;font-weight:800}.tree-item mark{padding:5px 8px;border-radius:999px;color:var(--admin-text);background:#ff55001f;font-size:11px}.tree-item.level-1,.menu-cell.level-1{margin-left:18px}.tree-item.level-2,.menu-cell.level-2{margin-left:36px}.tree-item.level-3,.menu-cell.level-3{margin-left:54px}.tree-item.level-4,.menu-cell.level-4{margin-left:72px}.menu-cell{display:flex;flex-direction:column;gap:2px}.menu-cell strong{color:var(--admin-text)}.menu-cell em{color:var(--admin-muted);font-style:normal;font-size:12px;font-weight:800}.menu-tree-panel{display:grid;gap:14px}.menu-tree-head,.menu-tree-row{display:grid;grid-template-columns:minmax(280px,2.3fr) minmax(100px,.7fr) minmax(160px,1fr) minmax(180px,1.2fr) minmax(110px,.7fr) minmax(280px,1.6fr);gap:12px;align-items:center}.menu-tree-head{padding:16px 18px;border-radius:20px;color:var(--admin-text);background:#e9eef5;box-shadow:inset 4px 4px 8px #cbd5e1,inset -4px -4px 8px #fff}.menu-tree-body{display:grid;gap:12px}.menu-tree-node{display:grid;gap:10px}.menu-tree-row{padding:14px 16px;border-radius:20px;background:#fff;box-shadow:inset 2px 2px 6px #cbd5e194}.menu-tree-cell{min-width:0}.menu-tree-cell span,.menu-tree-cell em,.menu-tree-cell strong{overflow-wrap:anywhere}.menu-tree-cell.level-1{padding-left:22px}.menu-tree-cell.level-2{padding-left:44px}.menu-tree-cell.level-3{padding-left:66px}.menu-tree-cell.level-4{padding-left:88px}.menu-tree-cell.level-5{padding-left:110px}.menu-tree-title{display:flex;align-items:center;gap:12px;min-width:0}.menu-tree-title-content{display:grid;gap:3px;min-width:0}.menu-tree-title-content strong{color:var(--admin-text)}.menu-tree-title-content em{color:var(--admin-muted);font-style:normal;font-size:12px;font-weight:800}.menu-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:0;border-radius:999px;color:var(--admin-orange);background:#edf3f9;box-shadow:inset 3px 3px 6px #d2dbe6,inset -3px -3px 6px #fff;transition:transform .2s ease,background .2s ease,color .2s ease}.menu-tree-toggle:hover{color:#fff;background:var(--admin-orange)}.menu-tree-toggle.open{transform:rotate(180deg)}.menu-tree-toggle.placeholder{pointer-events:none;opacity:0}.menu-tree-children{display:grid;gap:10px}.tree-pill{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;color:var(--admin-text);background:#ff55001f;font-size:12px;font-weight:900}.tree-panel-structured{gap:14px}.tree-structured-shell{display:grid;gap:10px;max-height:420px;overflow:auto;padding:6px;border-radius:20px;background:#eef3f8;box-shadow:inset 4px 4px 8px #d6deea,inset -4px -4px 8px #fff}.tree-structured-node{display:grid;gap:10px}.tree-structured-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:18px;color:var(--admin-text);background:#fff;box-shadow:inset 2px 2px 6px #cbd5e194;font-weight:900}.tree-structured-item.checked{border:2px solid rgba(255,85,0,.24)}.tree-structured-item.half{border:2px dashed rgba(255,85,0,.32)}.tree-structured-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.tree-structured-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:0;border-radius:999px;color:var(--admin-orange);background:#edf3f9;box-shadow:inset 3px 3px 6px #d2dbe6,inset -3px -3px 6px #fff;transition:transform .2s ease,background .2s ease,color .2s ease}.tree-structured-toggle:hover{color:#fff;background:var(--admin-orange)}.tree-structured-toggle.open{transform:rotate(180deg)}.tree-structured-toggle.placeholder{pointer-events:none;opacity:0}.tree-structured-main input{accent-color:var(--admin-orange)}.tree-structured-title{display:grid;gap:3px;min-width:0}.tree-structured-title strong,.tree-structured-title em{overflow-wrap:anywhere}.tree-structured-title strong{color:var(--admin-text)}.tree-structured-title em{color:var(--admin-muted);font-style:normal;font-size:12px;font-weight:800}.tree-structured-item mark{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:var(--admin-text);background:#ff55001f;font-size:12px;font-weight:900}.tree-structured-children{display:grid;gap:10px}.tree-structured-item.level-1{margin-left:20px}.tree-structured-item.level-2{margin-left:40px}.tree-structured-item.level-3{margin-left:60px}.tree-structured-item.level-4{margin-left:80px}.tree-structured-item.level-5{margin-left:100px}.activity-card{display:grid;align-content:start;gap:14px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:#fff}.activity-item span{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--admin-orange);box-shadow:0 0 0 5px #ff55001f}.activity-item p{margin-bottom:0;color:var(--admin-muted);font-weight:800;line-height:1.6}.config-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.config-list{display:grid;gap:12px}.config-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:center;width:100%;padding:14px 16px;border:0;border-radius:18px;color:var(--admin-text);background:#fff;text-align:left;box-shadow:inset 2px 2px 6px #cbd5e199}.config-row span{color:var(--admin-muted);font-weight:800}.config-row mark{padding:6px 10px;border-radius:999px;color:var(--admin-text);background:#ff55001f;font-size:12px;font-weight:900}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.logout-button{margin-top:18px}.stats-grid,.workbench{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-shell{padding:16px}.topbar,.section-heading{align-items:stretch;flex-direction:column}.side-nav,.stats-grid,.workbench,.config-row,.menu-tree-head,.menu-tree-row{grid-template-columns:1fr}.menu-tree-head{display:none}.menu-tree-row{gap:10px}.menu-tree-cell.level-1,.menu-tree-cell.level-2,.menu-tree-cell.level-3,.menu-tree-cell.level-4,.menu-tree-cell.level-5{padding-left:0}.tree-structured-item{align-items:flex-start;flex-direction:column}.tree-structured-main{width:100%}.tree-structured-item.level-1,.tree-structured-item.level-2,.tree-structured-item.level-3,.tree-structured-item.level-4,.tree-structured-item.level-5{margin-left:0}}
