:root{--font-family: "Outfit", sans-serif;--sidebar-width: 280px;--header-height: 80px;--primary: #6e8c7e;--accent: #98b09a;--bg-main: #1b261d;--primary-glow: rgba(110, 140, 126, .5);--text-main: #ebf2ee;--text-dim: #94a3a0;--glass-bg: rgba(27, 38, 29, .7);--glass-border: rgba(255, 255, 255, .05);--card-bg: rgba(45, 60, 50, .4);--border-color: rgba(110, 140, 126, .15);--sidebar-bg: rgba(27, 38, 29, .8);--topbar-bg: rgba(27, 38, 29, .6);--input-bg: rgba(110, 140, 126, .1);--hover-bg: rgba(110, 140, 126, .15);--logo-n-color: #ffffff}[data-theme=light]{--logo-n-color: #3a4740;--bg-main: #fafaf7;--primary-glow: rgba(110, 140, 126, .2);--text-main: #3a4740;--text-dim: #6e8c7e;--glass-bg: rgba(250, 250, 247, .9);--glass-border: rgba(110, 140, 126, .1);--card-bg: #ffffff;--border-color: rgba(110, 140, 126, .1);--sidebar-bg: #fafaf7;--topbar-bg: rgba(250, 250, 247, .9);--input-bg: #ebf2ee;--hover-bg: #e2e9e5}.highlight{color:var(--primary)}[x-cloak]{display:none!important}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;display:flex;transition:background-color .4s ease,color .4s ease}.app-layout{display:flex;width:100%;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:50;transition:background .4s ease,border-color .4s ease}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 30px;gap:12px}.sidebar-menu{flex:1;padding:40px 20px}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text-dim);text-decoration:none;border-radius:14px;font-size:.95rem;font-weight:500;transition:all .3s ease;margin-bottom:8px}.menu-item:hover,.menu-item.active{background:#6e8c7e1a;color:var(--primary)}.menu-item.active{box-shadow:inset 0 0 0 1px var(--primary);background:#6e8c7e0d}.menu-section-label{font-size:.65rem;font-weight:900;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;padding:25px 20px 12px;opacity:.5}.submenu{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px;margin-bottom:20px}.submenu-item{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);text-decoration:none;border-radius:50px;font-size:.75rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 4px #00000005}.submenu-item:hover,.submenu-item.active{background:var(--primary);color:#fff!important;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 15px var(--primary-glow)}.rotate-180{transform:rotate(180deg)}[data-theme=light] .menu-item:hover,[data-theme=light] .menu-item.active{color:var(--primary)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at top right,rgba(110,140,126,.1),transparent)}.topbar{height:var(--header-height);padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .4s ease,border-color .4s ease}.page-header{padding:50px 40px 10px}.page-title{font-size:1.8rem;font-weight:800;letter-spacing:-1px}.content-body{padding:40px}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);padding:30px;border-radius:24px;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 6px -1px #0000000d}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-weight:600}.stat-value{font-size:2.2rem;font-weight:900;margin-top:10px;display:block}.stat-trend{font-size:.85rem;margin-top:12px;display:flex;align-items:center;gap:6px}.trend-up{color:#6e8c7e}.trend-down{color:#b45d5d}.user-profile-menu{display:flex;align-items:center;gap:12px;padding:12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease}.user-profile-menu:hover{background:var(--hover-bg);border-color:var(--primary)}table td,table th{white-space:nowrap}@media(max-width:1024px){.sidebar{width:80px}.sidebar .logo-text,.sidebar span{display:none}.sidebar-header{justify-content:center;padding:0}.sidebar-menu{padding:40px 10px}.menu-item{justify-content:center;padding:15px}.menu-item svg{margin-right:0}}.mobile-topbar{display:none;height:70px;padding:0 20px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;position:sticky;top:0;z-index:60}.mobile-close-btn{display:none;background:transparent;border:none;color:var(--text-dim);cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55}@media(max-width:768px){.sidebar{width:80px}.sidebar .logo-text,.sidebar span{display:none}.sidebar-header{justify-content:center;padding:0}.sidebar-menu{padding:40px 10px}.menu-item{justify-content:center;padding:15px}.menu-item svg{margin-right:0}}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:move 20s ease-in-out infinite alternate}[data-theme=light] .mesh-blob{opacity:.1}.blob-1{width:600px;height:600px;background:var(--primary);top:-100px;left:-100px}.blob-2{width:500px;height:500px;background:var(--accent);bottom:-50px;right:-50px;animation-duration:25s;animation-delay:-5s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.auth-container{width:100%;max-width:440px;padding:40px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 25px 50px -12px #0000001a;position:relative}.brand h1{font-size:3rem;font-weight:900;letter-spacing:-2px;text-transform:uppercase;font-style:italic;margin-bottom:8px;line-height:1.1}.brand .highlight{background:linear-gradient(90deg,#6e8c7e,#98b09a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:12px;margin-right:-12px}.input-field{width:100%;background:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;color:var(--text-main);font-size:1rem;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--primary);background:var(--hover-bg)}.btn-primary{width:100%;background:linear-gradient(90deg,#6e8c7e,#98b09a);color:#fff;border:none;padding:18px;border-radius:16px;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px -10px var(--primary-glow)}.status-msg{background:#b45d5d1a;border:1px solid rgba(180,93,93,.2);color:#b45d5d;padding:12px;border-radius:12px;font-size:.85rem;margin-bottom:20px}.glass-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;transition:background .4s ease,border-color .4s ease}.form-group{margin-bottom:20px}.label{display:block;font-size:.75rem;font-weight:700;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}select option,select.input-field option{background:var(--bg-main);color:var(--text-main)}[data-theme=light] select option,[data-theme=light] select.input-field option{background:#fff;color:#0f172a}