@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box}:root{--bg-0:#02040a;--bg-1:#090e17;--panel:rgba(10,14,23,0.4);--panel-strong:rgba(10,14,23,0.7);--border:rgba(255,255,255,0.05);--border-highlight:rgba(255,255,255,0.15);--text:#ffffff;--muted:#8b9bb4;--muted2:#475569;--accent:#dcb454;--accent-2:#f4d98c;--shadow:0 30px 60px -12px rgba(0,0,0,0.8);--shadow-soft:0 20px 40px -8px rgba(0,0,0,0.5);--shadow-glow:0 0 40px -10px rgba(220,180,84,0.2);--glass:blur(40px) saturate(180%)}body,html{margin:0;padding:0;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;background-color:var(--bg-0)}body{min-height:100vh}h1,h2,h3,h4,h5,h6,strong{font-family:Space Grotesk,sans-serif}button,input,select{font:inherit}@keyframes aurora{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.loginPage{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 15% 50%,rgba(220,180,84,.08),transparent 50%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.06),transparent 50%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.05),transparent 50%),#02040a;background-size:200% 200%;animation:aurora 15s ease infinite}.loginBox{width:min(100%,460px);background:linear-gradient(145deg,rgba(20,25,35,.6),rgba(10,14,23,.4));border:1px solid rgba(255,255,255,.06);border-radius:32px;padding:64px 48px;box-shadow:inset 0 1px 1px rgba(255,255,255,.1),var(--shadow),var(--shadow-glow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);position:relative;overflow:hidden}.loginBrand{margin:0 0 16px;font-size:36px;font-weight:700;color:var(--text);letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}.loginBrand span{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loginSubtitle{margin:0 0 40px;color:var(--muted);font-size:16px;font-weight:300;letter-spacing:.02em}.loginError{color:#f87171;font-size:14px;margin:0 0 16px;background:rgba(248,113,113,.1);padding:12px;border-radius:12px;border:1px solid rgba(248,113,113,.2)}.page{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--bg-0)}.panel{width:min(100%,1120px);background:linear-gradient(145deg,rgba(15,20,30,.8),rgba(5,10,15,.9));border:1px solid rgba(255,255,255,.06);border-radius:32px;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.05),var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.hero{padding:56px 56px 32px;border-bottom:1px solid rgba(255,255,255,.04)}.hero h1{margin:0 0 16px;font-size:48px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{margin:0;color:var(--muted);line-height:1.8;font-size:18px;font-weight:300}.content{display:grid;grid-template-columns:460px 1fr}.infoCard,.loginCard{padding:40px 56px}.loginCard{border-right:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.01)}.cardTitle{margin:0 0 24px;font-size:24px;font-weight:600}.field{display:grid;grid-gap:10px;gap:10px;margin-bottom:24px}.field span{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.field input{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);color:var(--text);border-radius:16px;padding:16px 20px;outline:none;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.field input:focus{border-color:var(--accent);background:rgba(220,180,84,.03);box-shadow:0 0 0 4px rgba(220,180,84,.1)}.submitBtn{width:100%;border:none;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1500;padding:18px;font-weight:700;font-size:16px;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 30px rgba(220,180,84,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.submitBtn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 20px 40px rgba(220,180,84,.3)}.submitBtn:disabled{opacity:.5;cursor:wait;transform:none}.infoCard ul,.resultBox,.tips{color:var(--muted);line-height:1.8;font-weight:300}.resultBox{margin-top:24px;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;background:rgba(0,0,0,.2);white-space:pre-wrap;word-break:break-word;font-family:Space Grotesk,monospace;font-size:14px}.infoCard h3{margin-top:0;margin-bottom:24px;font-size:24px}.infoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.infoItem{border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;background:rgba(255,255,255,.01);transition:transform .2s ease,background .2s ease}.infoItem:hover{background:rgba(255,255,255,.03);transform:translateY(-2px)}.infoItem strong{display:block;margin-bottom:12px;color:var(--accent);font-size:18px}.infoCard ul{padding-left:20px;margin:0}@media (max-width:900px){.content{grid-template-columns:1fr}.loginCard{border-right:none;border-bottom:1px solid rgba(255,255,255,.04)}.hero,.infoCard,.loginCard{padding:32px}.infoGrid{grid-template-columns:1fr}}.dashboardPage{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:radial-gradient(circle at 80% -20%,rgba(220,180,84,.12),transparent 50%),radial-gradient(circle at -20% 50%,rgba(56,189,248,.08),transparent 50%),#02040a;background-size:200% 200%;animation:aurora 20s ease infinite}.sidebar{padding:40px 32px;border-right:1px solid rgba(255,255,255,.04);background:rgba(5,8,14,.4);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebarBrand{display:flex;align-items:center;gap:16px;margin-bottom:48px}.sidebarLogo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1500;font-weight:800;box-shadow:0 8px 24px rgba(220,180,84,.3)}.sidebarBrand strong,.sidebarLogo{font-size:20px;font-family:Space Grotesk,sans-serif}.sidebarBrand strong{letter-spacing:-.02em}.dashboardBreadcrumb,.profileCard span,.sectionLabel,.sidebarBrand p,.statCard span{margin:0;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.sidebarNav{display:grid;grid-gap:8px;gap:8px}.sidebarLink{border:1px solid transparent;background:transparent;color:var(--muted);padding:14px 20px;text-align:left;border-radius:16px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:15px}.sidebarLink:hover{background:rgba(255,255,255,.03);color:var(--text);transform:translateX(4px)}.sidebarLink.active{background:rgba(220,180,84,.08);border-color:rgba(220,180,84,.15);color:var(--accent);box-shadow:inset 0 1px 1px rgba(255,255,255,.05)}.dashboardMain{padding:48px 64px}.dashboardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:48px}.dashboardTitle{margin:8px 0 0;font-size:40px;font-weight:700;letter-spacing:-.02em}.dashboardActions{display:flex;align-items:center;gap:16px}.langSelect{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:var(--text);border-radius:999px;padding:10px 16px;outline:none;font-size:14px;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.langSelect:focus,.langSelect:hover{border-color:var(--accent);background:rgba(220,180,84,.05)}.loginLang{position:fixed;top:24px;right:24px;z-index:10}.logoutBtn,.roleTag{border-radius:999px;padding:10px 20px;border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:500}.roleTag{background:rgba(220,180,84,.08);color:var(--accent);border-color:rgba(220,180,84,.2)}.logoutBtn{background:rgba(255,255,255,.02);color:var(--text);cursor:pointer;transition:all .2s ease}.logoutBtn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.dashboardSection,.loadingCard,.profileCard,.statCard{border:1px solid rgba(255,255,255,.06);border-radius:32px;background:linear-gradient(145deg,rgba(20,25,35,.4),rgba(10,14,23,.2));-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:inset 0 1px 1px rgba(255,255,255,.05),0 20px 40px rgba(0,0,0,.4)}.loadingCard{padding:32px;text-align:center;font-size:18px;color:var(--muted)}.statsGrid{display:grid;grid-gap:24px;gap:24px;margin-bottom:48px}.statsGrid.boss-grid{grid-template-columns:.8fr .8fr 1.4fr 1fr 1fr}.statsGrid.staff-grid{grid-template-columns:.8fr .8fr 1.4fr 1fr}.statCard{padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.statCard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px circle at top right,rgba(255,255,255,.04),transparent);pointer-events:none}.statCard:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(220,180,84,.3);background:linear-gradient(145deg,rgba(30,35,45,.5),rgba(15,20,30,.3));box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(220,180,84,.1)}.profileCard strong,.statCard strong{display:block;margin-top:16px;font-size:40px;font-weight:700;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;background:linear-gradient(180deg,#ffffff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboardSection{margin-bottom:48px;padding:40px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.sectionHead h2{margin:8px 0 0;font-size:28px;font-weight:600}.tableWrap{overflow-x:auto;border-radius:20px;border:1px solid rgba(255,255,255,.04);background:rgba(0,0,0,.3)}.dataTable{width:100%;border-collapse:collapse;min-width:900px}.dataTable td,.dataTable th{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.03);text-align:left;font-size:15px}.dataTable th{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:12px;background:rgba(255,255,255,.01)}.dataTable tbody tr{transition:all .2s ease}.dataTable tbody tr:hover{background:rgba(255,255,255,.04)}.dataTable tbody tr:last-child td{border-bottom:none}.profileGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.profileCard{padding:32px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;align-items:end}.inlineBtn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:var(--text);border-radius:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;font-weight:500}.inlineBtn:hover{background:rgba(255,255,255,.08)}@media (max-width:1400px){.statsGrid.boss-grid,.statsGrid.staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1200px){.profileGrid,.statsGrid.boss-grid,.statsGrid.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid{grid-template-columns:1fr}}.statusActive{color:#34d399;font-weight:500}.statusDisabled{color:#f87171;font-weight:500}.addBtn{border:1px solid rgba(220,180,84,.3);background:linear-gradient(135deg,rgba(220,180,84,.15),rgba(220,180,84,.05));color:var(--accent);padding:12px 24px;border-radius:16px;cursor:pointer;white-space:nowrap;font-weight:600;box-shadow:0 4px 12px rgba(220,180,84,.1);transition:all .3s ease}.addBtn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 24px rgba(220,180,84,.2)}.actionBtn{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--text);padding:8px 16px;border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s ease}.actionBtn:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}.cancelBtn{border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--muted);padding:12px 24px;border-radius:16px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancelBtn:hover{background:rgba(255,255,255,.04);color:var(--text)}.addForm{border:1px solid rgba(220,180,84,.2);border-radius:24px;padding:32px;background:rgba(220,180,84,.03);margin-bottom:32px;box-shadow:inset 0 1px 1px rgba(255,255,255,.05)}.addForm h3{margin:0 0 24px;font-size:20px;font-weight:600}.formRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px}.formError{color:#f87171;margin:0 0 16px;font-size:14px;background:rgba(248,113,113,.1);padding:12px;border-radius:12px}.formActions{display:flex;gap:16px}.filterRow{display:flex;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.filterField{display:grid;grid-gap:8px;gap:8px}.filterField span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.filterField input[type=date],.filterSelect{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);color:var(--text);border-radius:12px;padding:12px 16px;outline:none;font-size:15px;transition:all .2s ease}.filterField input[type=date]:focus,.filterSelect:focus{border-color:var(--accent);background:rgba(220,180,84,.03)}.inviteCodeBox{display:flex;flex-direction:column;gap:16px;padding:40px;border:1px solid rgba(220,180,84,.3);border-radius:24px;background:linear-gradient(145deg,rgba(220,180,84,.08),rgba(220,180,84,.02));max-width:400px;box-shadow:inset 0 1px 1px rgba(255,255,255,.1),0 20px 40px rgba(0,0,0,.3)}.inviteCodeLabel{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.inviteCodeValue{font-size:48px;font-weight:700;letter-spacing:.1em;color:var(--accent);font-family:Space Grotesk,sans-serif}@media (max-width:900px){.dashboardPage{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.04);height:auto;position:relative}.dashboardMain,.sidebar{padding:24px}.dashboardHeader{flex-direction:column;gap:16px}.dashboardTitle{font-size:32px}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.5rem;font-family:Space Grotesk,ui-sans-serif;color:var(--fg-2)}.pagination button{background:var(--bg-1);border:1px solid var(--border-1);color:var(--fg-1);padding:.4rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:var(--primary-1);border-color:var(--primary-1);color:var(--bg-0)}.pagination button:disabled{opacity:.5;cursor:not-allowed}