@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--theme-font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-font-mono:"JetBrains Mono", monospace;--brand-red:#e11d2e;--brand-red-light:#ef4444;--brand-red-hover:#dc2626;--brand-red-bg:#e11d2e24;--brand-red-border:#e11d2e52;--brand-red-glow:#e11d2e47}html[data-theme=dark],body[data-theme=dark],:root{--bg-app:#060911;--bg-sidebar:#060911;--bg-sidebar-footer:#04060c;--bg-main:#070a13;--bg-card:#0c101c;--bg-card-hover:#101626;--border-subtle:#ffffff12;--border-card:#ffffff17;--border-tree:#ffffff1a;--nav-hover:#ffffff0a;--text-title:#fff;--text-primary:#cbd5e1;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569}html[data-theme=light],body[data-theme=light],[data-theme=light]{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-sidebar-footer:#f8fafc;--bg-main:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-subtle:#00000014;--border-card:#00000014;--border-tree:#0000001f;--nav-hover:#0000000a;--text-title:#0f172a;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--brand-red-bg:#e11d2e14;--brand-red-border:#e11d2e40;--brand-red-glow:#e11d2e26}html,body{letter-spacing:-.01em;background:var(--bg-app)!important;color:var(--text-primary)!important;font-family:var(--theme-font-sans)!important;height:100%!important;overflow:hidden!important}.template-default{background:var(--bg-main)!important;height:100vh!important;max-height:100vh!important;display:flex!important;overflow:hidden!important}.template-default__nav,.nav,aside.nav{background:var(--bg-sidebar)!important;border-right:1px solid var(--border-subtle)!important;z-index:50!important;flex-shrink:0!important;height:100vh!important;max-height:100vh!important;padding:0!important;position:sticky!important;top:0!important;left:0!important;overflow:hidden!important}.template-default__wrap{scrollbar-width:thin;background:var(--bg-main)!important;flex-direction:column!important;flex:auto!important;height:100vh!important;max-height:100vh!important;display:flex!important;overflow:hidden auto!important}.template-default__wrap::-webkit-scrollbar{width:6px}.template-default__wrap::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.app-header,.template-default__header,header.app-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-subtle)!important;z-index:40!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;flex-shrink:0!important;position:sticky!important;top:0!important}.template-default__content{background:var(--bg-main)!important;flex:1 0 auto!important;padding:32px 40px!important}.custom-admin-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);width:260px;min-width:260px;height:100vh;color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;transition:background .2s,border-color .2s,width .2s,min-width .2s;display:flex}.custom-admin-sidebar.is-collapsed{border-right-color:#0000;width:0;min-width:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border-subtle);padding:22px 20px 16px}.brand-logo-wrap{align-items:center;gap:10px;display:flex}.shield-icon{width:22px;height:22px}.brand-title{color:var(--text-title);letter-spacing:-.02em;font-size:17px;font-weight:700}.sidebar-nav-scroll{scrollbar-width:thin;flex:1;padding:18px 12px;overflow-y:auto}.sidebar-nav-scroll::-webkit-scrollbar{width:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.nav-section-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:0 8px 10px;font-size:11.5px;font-weight:700}.sidebar-nav-item{color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-item:hover{background:var(--nav-hover);color:var(--text-title)}.sidebar-nav-item.active-dashboard{background:var(--brand-red-bg);border:1px solid var(--brand-red-border);color:var(--brand-red);box-shadow:0 2px 14px var(--brand-red-glow)}.nav-item-icon{opacity:.9;flex-shrink:0;width:17px;height:17px}.sidebar-group{margin-bottom:6px}.sidebar-group-toggle{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.sidebar-group-toggle:hover{background:var(--nav-hover);color:var(--text-title)}.group-toggle-left{align-items:center;gap:12px;display:flex}.chevron-icon{width:15px;height:15px;color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1)}.chevron-icon.open{color:var(--text-title);transform:rotate(180deg)}.sidebar-group-children{flex-direction:column;gap:2px;margin-top:2px;margin-bottom:6px;margin-left:20px;padding-left:12px;display:flex;position:relative}.tree-guide-line{background:var(--border-tree);width:1px;position:absolute;top:4px;bottom:6px;left:0}.sidebar-sub-item{color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-sub-item:hover{background:var(--nav-hover);color:var(--text-title);transform:translate(2px)}.sidebar-sub-item.active-sub{background:var(--brand-red-bg);border:1px solid var(--brand-red-border);color:var(--brand-red);font-weight:600}.sub-icon{opacity:.85;flex-shrink:0;width:15px;height:15px}.sidebar-footer-card{background:var(--bg-sidebar-footer);border-top:1px solid var(--border-subtle);padding:16px 14px 14px;transition:background .2s}.access-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.access-title-wrap{letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.access-shield{width:13px;height:13px}.info-icon{width:13px;height:13px;color:var(--text-muted);cursor:pointer}.access-badge-pill{text-align:center;color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#e11d2e,#b91c1c);border-radius:6px;width:100%;margin-bottom:14px;padding:8px 0;font-size:12px;font-weight:700;box-shadow:0 4px 14px #e11d2e59}.sidebar-user-pill{align-items:center;gap:10px;padding:6px 4px;display:flex}.user-avatar-badge{color:#fff;background:linear-gradient(135deg,#e11d2e,#881337);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000040}.user-details-text{flex:1;min-width:0}.user-name-line{color:var(--text-title);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.user-email-line{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.logout-btn:hover{color:var(--brand-red)}.logout-btn svg{width:16px;height:16px}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .react-select__control{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;color:#f1f5f9!important;font-family:var(--theme-font-sans)!important;border-radius:8px!important;font-size:13.5px!important}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] .react-select__control{color:#0f172a!important;font-family:var(--theme-font-sans)!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;font-size:13.5px!important}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus,.react-select__control--is-focused{border-color:var(--brand-red)!important;outline:none!important;box-shadow:0 0 0 3px #e11d2e26!important}button.btn--style-primary,.btn--style-primary{background:linear-gradient(135deg, var(--brand-red), #b91c1c)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 14px #e11d2e4d!important}button.btn--style-primary:hover,.btn--style-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e11d2e73!important}.card,.collection-list__wrap,.table{background:var(--bg-card)!important;border:1px solid var(--border-card)!important;border-radius:10px!important}