:root {
  --bg:#07030f;
  --panel:#11071d;
  --panel-2:#160a27;
  --line:rgba(164,94,255,.22);
  --text:#f5edff;
  --muted:#b8a9d3;
  --purple:#a855f7;
  --purple-2:#7c3aed;
  --danger:#7b2035;
  --danger-line:rgba(255,97,136,.28);
  --success:#0f7c67;
  --radius:24px;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:radial-gradient(circle at 20% 15%, rgba(168,85,247,.18), transparent 22%),radial-gradient(circle at 80% 18%, rgba(124,58,237,.16), transparent 20%),linear-gradient(180deg,#06020d,#090314 45%,#06020d);color:var(--text);font-family:Segoe UI,Tahoma,sans-serif}
img{max-width:100%;display:block} button,input,select{font:inherit} .hidden{display:none!important}
.login-body,.panel-body{min-height:100vh}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--line);background:rgba(11,4,19,.82);border-radius:999px;backdrop-filter:blur(12px)}
.landing-shell{padding:24px;min-height:100vh}
.hero{min-height:calc(100vh - 120px);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero-logo{position:absolute;inset:auto;max-width:min(40vw,520px);width:min(40vw,520px);opacity:.18;filter:drop-shadow(0 0 50px rgba(168,85,247,.35))}.hero-title{position:relative;z-index:1;margin:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.18em;max-width:min(1600px,98vw);font-size:clamp(2.2rem,5vw,5.4rem);line-height:1;font-weight:900;white-space:nowrap}.hero-fixed{color:var(--purple);white-space:nowrap}.hero-typed{display:inline-block;min-width:7.5ch;min-height:1em;white-space:nowrap;overflow:hidden;text-overflow:clip}
.brand-box{display:flex;align-items:center;gap:12px;min-width:0}.brand-box img{width:42px;height:42px;border-radius:14px;object-fit:cover}.brand-box span{font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.button{border:1px solid transparent;border-radius:999px;padding:12px 18px;color:#fff;background:#241433;cursor:pointer;transition:.22s ease}.button:hover{transform:translateY(-1px)} .button.primary{background:linear-gradient(135deg,var(--purple),var(--purple-2));box-shadow:0 10px 30px rgba(168,85,247,.25)} .button.ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)} .button.danger{background:rgba(123,32,53,.35);border-color:var(--danger-line)}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,1,7,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;z-index:1000}.modal-card{width:min(560px,100%);background:linear-gradient(180deg,#0f071a,#0c0514);border:1px solid var(--line);border-radius:28px;padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.45)}.modal-close{position:absolute;top:10px;right:12px;width:40px;height:40px;border:none;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.stack{display:grid;gap:14px}.stack label{display:grid;gap:8px;color:var(--muted)} input,select{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;outline:none}input:focus,select:focus{border-color:rgba(168,85,247,.6);box-shadow:0 0 0 4px rgba(168,85,247,.12)} .password-wrap{position:relative}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#fff;cursor:pointer}.error-text{color:#ff8ea8;min-height:1.2em}
.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d8bdff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3Cpath d='M7 5h10' opacity='.45'/%3E%3Cpath d='M7 19h10' opacity='.45'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;padding-right:48px}
.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;gap:18px;padding:18px}.sidebar{border:1px solid var(--line);background:rgba(11,4,19,.86);border-radius:28px;padding:16px;position:sticky;top:18px;height:calc(100vh - 36px);overflow:auto}.main{min-width:0}.panel-topbar{margin-bottom:18px}.panel-actions{display:flex;gap:10px;align-items:center}.pill{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.side-head{padding:8px 10px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.side-title{font-weight:800;font-size:1.2rem}.nav-group{margin-bottom:14px}.nav-category{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(168,85,247,.12),rgba(168,85,247,.06));border:1px solid var(--line);font-weight:700;color:#fff;cursor:pointer}.nav-category-left{display:flex;align-items:center;gap:10px}.svg-icon{display:inline-grid;place-items:center;width:20px;height:20px;color:#cda9ff}.svg-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-arrow{display:grid;place-items:center;transition:transform .28s ease,color .2s ease}.nav-group.open .nav-arrow{transform:rotate(90deg);color:#fff}.nav-links{display:grid;gap:8px;overflow:hidden;transition:max-height .3s ease, opacity .28s ease, transform .28s ease;padding-inline:4px;opacity:1}.nav-group:not(.open) .nav-links{opacity:.3;transform:translateY(-6px)}.nav-link{text-align:left;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;cursor:pointer;transition:.22s ease}.nav-link.active,.nav-link:hover{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.3);transform:translateX(4px)}
.panel-card,.head-card{border:1px solid var(--line);background:rgba(11,4,19,.82);border-radius:28px;padding:20px}.head-card{margin-bottom:18px}.head-card h1{margin:0;font-size:2rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.fixed-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,260px));justify-content:flex-start}.hover-card{transition:.25s ease}.hover-card:hover,.premium-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 18px 50px rgba(0,0,0,.38);border-color:rgba(168,85,247,.45)}.entity-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:24px;padding:18px}.square-card{height:280px;display:flex;flex-direction:column}.entity-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.compact-top{align-items:center}.entity-name{font-size:1.2rem;font-weight:800;margin-top:10px}.entity-sub,.muted{color:var(--muted);font-size:.95rem}.entity-meta,.entity-actions,.row-end{display:flex;gap:10px;align-items:center}.entity-meta{margin-top:14px}.entity-actions{margin-top:16px;flex-wrap:wrap}.pinned-actions{margin-top:auto}.row-end{justify-content:flex-end}.role-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:color-mix(in srgb, var(--role) 12%, transparent);border:1px solid color-mix(in srgb, var(--role) 55%, rgba(255,255,255,.14));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.role-badge::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--role);box-shadow:0 0 14px var(--role)}.status-pill{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.status-pill.active{background:rgba(15,124,103,.2);border-color:rgba(15,124,103,.45)}.status-pill.disabled{background:rgba(123,32,53,.25);border-color:var(--danger-line)}.entity-value{font-weight:700}.mt{margin-top:14px}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 14px currentColor}.empty-card{min-height:160px;display:grid;place-items:center;color:var(--muted)} .clamp-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.perm-group{margin-top:16px}.perm-title{font-weight:800;margin-bottom:14px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.perm-item{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.perm-item small{grid-column:2;color:var(--muted)}
.action-card{border:1px solid var(--line);background:radial-gradient(circle at top left, rgba(168,85,247,.14), transparent 36%),rgba(255,255,255,.02);border-radius:24px;padding:22px;display:grid;gap:12px;place-items:center;text-align:center;min-height:220px;transition:.25s ease}.action-card .svg-icon{width:74px;height:74px;border-radius:22px;background:rgba(168,85,247,.1);display:grid;place-items:center;color:#d8bdff}.action-card .svg-icon svg{width:34px;height:34px}.action-title{font-weight:800;font-size:1.08rem;line-height:1.5}
@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.hero-logo{width:min(60vw,500px)}.fixed-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media (max-width: 760px){.landing-shell,.app-shell{padding:14px}.topbar{padding:12px 14px}.brand-box span{font-size:.92rem}.hero{min-height:calc(100vh - 90px)}.hero-logo{width:min(76vw,420px)}.hero-title{font-size:clamp(1.6rem,6vw,2.4rem);gap:.14em}.hero-typed{white-space:nowrap;min-width:7ch;min-height:1em}.head-card h1{font-size:1.6rem}.square-card{height:auto;min-height:250px}}

.action-subtitle{color:var(--muted);font-size:.92rem;letter-spacing:.04em}
.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.info-block{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.info-block:last-child{border-bottom:none}
.discord-role-list{display:grid;gap:10px;max-height:320px;overflow:auto}
.mini-role{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.mini-role small{grid-column:2;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.member-card-inline{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.member-card-inline img{width:74px;height:74px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}

.clickable-card{appearance:none;width:100%;cursor:pointer;color:inherit;text-decoration:none}
.view-actions{display:flex;justify-content:flex-start;margin-bottom:18px}
.back-btn{display:inline-flex;align-items:center;gap:10px}
.back-btn .svg-icon{width:18px;height:18px}
.section-intro-card{margin-bottom:18px}
.hiring-layout-grid{grid-template-columns:minmax(420px,1.2fr) minmax(280px,.8fr);align-items:start}
.member-preview-card{min-height:100%;display:grid;place-items:center}
.preview-empty{text-align:center;max-width:280px}
.member-preview-wrap{display:grid;justify-items:center;text-align:center;gap:8px}
.member-preview-wrap img{width:116px;height:116px;border-radius:24px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.member-preview-divider{width:100%;height:1px;background:rgba(255,255,255,.08);margin:8px 0}
#hiringSystemStatus{min-height:1.3em}
@media (max-width: 960px){.hiring-layout-grid{grid-template-columns:1fr}}

.log-grid{display:grid;gap:18px}.log-card{display:grid;gap:16px}.log-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.log-time{padding:10px 14px;border-radius:999px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.26);color:#ead9ff;font-weight:700}.log-grid-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.member-preview-wrap .entity-value{word-break:break-word}@media (max-width:760px){.log-head{flex-direction:column}.log-time{width:100%;text-align:center}}