:root{--bg:#080810;--panel:#151421;--panel2:#1a1828;--line:#2b2839;--soft:#aaa5b8;--white:#f7f5ff;--violet:#7546ed;--lime:#dbfc67}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--white)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.background-glow{pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 22% 0%,#35236057,transparent 36%),radial-gradient(circle at 100% 100%,#301b5742,transparent 38%)}.eyebrow{font-size:10px;letter-spacing:.17em;color:#ac91ee;direction:ltr;text-align:right;font-weight:800}.muted{color:var(--soft);line-height:1.7;font-size:13px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8%;max-width:1280px;padding:6vw;margin:auto;position:relative}.brand-auth img{width:190px;max-width:100%;margin-bottom:30px}.brand-auth h1{font-size:clamp(42px,5vw,75px);letter-spacing:-.05em;line-height:1.14;margin:18px 0}.brand-auth h1 em{font-style:normal;color:#a785ff}.brand-auth p{max-width:500px;color:#beb7ce;line-height:1.9}.auth-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.auth-tags span{border:1px solid #4e3b6d;border-radius:999px;padding:7px 12px;color:#c6b7e6;font-size:11px}.auth-card{background:linear-gradient(150deg,#201a36,#14121e);border:1px solid #43335e;box-shadow:0 15px 65px #0007;padding:34px;border-radius:22px}.auth-card h2{font-size:27px}.stack{display:grid;gap:16px;margin-top:24px}.stack label,.input-grid label{font-size:12px;color:#d7d0e2;display:grid;gap:8px}input,textarea,select{background:#100e19;border:1px solid #453c58;border-radius:11px;padding:12px;color:#fff;width:100%;outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:#9e79f7;box-shadow:0 0 0 3px #9872f522}button.primary{background:linear-gradient(100deg,#4c80ff,#8854ef);border:0;color:#fff;font-weight:750;border-radius:11px;padding:13px 18px}button.primary:hover{filter:brightness(1.1)}.outline,.smallbtn{border:1px solid #53496c;border-radius:10px;background:#211b31;padding:9px 13px;color:#e7defa}.smallbtn{font-size:12px}.message{color:#ffa6aa;font-size:12px}.shell{display:grid;grid-template-columns:253px minmax(0,1fr);position:relative;min-height:100vh}.sidebar{background:#0e0c17;border-left:1px solid var(--line);padding:30px 16px;display:flex;flex-direction:column;gap:20px;min-height:100vh}.brand{padding:8px 12px 20px;border-bottom:1px solid var(--line)}.brand img{max-width:150px;width:100%;height:auto}.brand span{font-size:9px;letter-spacing:2px;color:#8f81af;display:block;margin-top:12px;direction:ltr;text-align:right}.small-heading{font-size:11px;color:#756b8d;padding:0 12px;margin:4px 0}nav{display:grid;gap:6px}nav button{text-align:right;color:#aaa3bb;background:none;border:1px solid transparent;padding:13px 15px;border-radius:10px;font-size:12px;display:flex;gap:12px;align-items:center;width:100%}nav button.active,nav button:hover{background:#34254f;color:white;border-color:#4e376e}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--line)}.sidebar-bottom p{font-size:11px;color:#8b809f;line-height:1.7}.chip{color:#ceff88;background:#2d4029;border:1px solid #45623a;padding:8px 10px;border-radius:9px;font-size:9px;direction:ltr;text-align:center}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-bottom:1px solid var(--line);background:#0d0c14a8}.top-label{font-size:11px;letter-spacing:.03em;color:#888095}.top-label b{color:#e7def9}.user-tools{display:flex;align-items:center;gap:12px;font-size:12px}.pill{border-radius:30px;border:1px solid #544368;padding:7px 12px;font-size:10px;color:#c0b1e0}.content{padding:34px 38px 65px;flex:1;max-width:1480px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.page-heading h1{font-size:clamp(26px,3vw,40px);margin:9px 0 6px}.page-heading p{margin:0}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:17px;padding:23px;margin-bottom:16px}.hero{background:radial-gradient(circle at 0 0,#7546ed55,transparent 45%),linear-gradient(130deg,#201735,#11111c);display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;min-height:195px}.hero h2{font-size:25px;margin:5px 0 12px}.hero p{margin:0;max-width:520px}.hero-icon{font-size:65px;color:#bb90ff}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.kpi{background:#151421;border:1px solid #312a3e;border-radius:16px;padding:23px}.kpi small{color:#aba4bf;font-size:11px}.kpi strong{display:block;font-size:30px;margin:14px 0;color:#fff;direction:ltr;text-align:right}.kpi span{font-size:10px;color:#786e91}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 13px}.section-title h2{margin:0;font-size:17px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#151321}table{width:100%;border-collapse:collapse;font-size:12px;min-width:580px}th,td{text-align:right;padding:15px 18px;border-bottom:1px solid #302a3e}th{color:#998ea9;font-size:11px}td{color:#e8e4f0}tr:last-child td{border:0}.tag{display:inline-block;padding:5px 10px;background:#30254d;border-radius:30px;font-size:10px;color:#d5bfff}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.form-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.form-row input,.form-row select{min-width:130px}.form-row label{flex:1;min-width:130px}.input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.span-all{grid-column:1/-1}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-item{border:1px solid #373045;background:#1c1a28;border-radius:14px;padding:18px}.project-item h3{margin:8px 0;font-size:16px}.project-item p{font-size:12px;color:#a99dbb}.project-item button{margin-top:10px}.message-list{max-height:350px;overflow-y:auto;border:1px solid #40334f;background:#100e1a;padding:13px;border-radius:12px;display:grid;gap:9px}.chat-bubble{padding:11px;background:#271f36;border:1px solid #4c3a60;border-radius:11px;font-size:12px;word-wrap:break-word;white-space:pre-wrap}.chat-bubble small{color:#b99ff2;display:block;margin-bottom:6px}.empty{padding:30px;color:#9c92b1;text-align:center;border:1px dashed #403850;border-radius:14px;font-size:12px}details{border:1px solid #3e3451;border-radius:11px;padding:16px;margin-bottom:9px;background:#1c1929;font-size:12px}summary{cursor:pointer;font-weight:700}details p{color:#bfb6cc;line-height:1.8}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:17px 36px;color:#69617a;font-size:10px;direction:ltr}.notice{background:#27203d;border:1px solid #8461bb;border-radius:12px;padding:13px;margin:20px 0}.warn{border-color:#805439;background:#291e18;color:#f8d0a1}.link-copy{word-break:break-all;color:#e3dcfa;font-size:12px}.menu-toggle{display:none;background:#27213a;color:white;border:0;padding:10px;border-radius:8px}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.content{padding:25px}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;right:0;top:0;bottom:0;z-index:10;max-width:270px;width:80vw;transform:translateX(100%);transition:.2s}.sidebar.open{transform:none;box-shadow:0 0 0 100vmax #000a}.topbar{padding:10px 15px;height:73px}.menu-toggle{display:block}.user-tools{gap:7px}.user-tools #user-name{display:none}.content{padding:25px 15px 50px}.auth-layout{grid-template-columns:1fr;gap:25px;padding:40px 16px}.brand-auth h1{font-size:36px}.cards{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:16px}.input-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-icon{display:none}footer{display:block;padding:15px;line-height:1.8}}@media(max-width:380px){.cards{grid-template-columns:1fr}.role-name{display:none}.auth-card{padding:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.file-row a{color:var(--white);text-decoration:none}.task-comments{margin-top:14px}.task-comments input{min-width:140px}.task-comments .chat-bubble{margin-top:8px}.project-item .card{margin-top:12px}
@media(max-width:560px){.file-row{flex-direction:column;align-items:flex-start}.file-row a{max-width:100%}}

/* W8 hiring pipeline */
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:1.2rem}.stat-grid .card{padding:1.15rem}.stat-grid .card h2{font-size:1.7rem;margin:.5rem 0 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-grid .card{min-width:0;overflow-wrap:anywhere}.input-grid textarea{width:100%;min-height:110px;background:#18141e;color:#fff;border:1px solid #5f546b;padding:12px;border-radius:10px}
@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:1fr}}

/* Centralized administrator diagnostics; visually subordinate to daily workflows. */
.system-status-head{padding:24px 26px}.system-status-head h2{margin:12px 0;font-size:21px}.status-list{padding:8px 22px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.status-row:last-child{border-bottom:0}.status-label{color:var(--soft);flex:1}.status-value{font-weight:650;text-align:left;max-width:52%;line-height:1.6;overflow-wrap:anywhere}.sidebar-bottom{min-height:40px}.sidebar-bottom p{font-size:10px;margin:0}@media(max-width:560px){.status-row{align-items:flex-start;flex-direction:column;gap:6px}.status-value{max-width:100%;text-align:right}}

@media(max-width:760px){.kpi strong{font-size:clamp(17px,4.7vw,27px);overflow-wrap:anywhere}.top-label{font-size:10px}}

/* Cloudflare Google SSO staging sign-in link */
.google-signin{display:block;text-align:center;margin-top:18px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,#4875ed,#8543e9);color:#fff;text-decoration:none;font-weight:700;transition:filter .2s}
.google-signin:hover{filter:brightness(1.1)}
.google-signin:focus-visible{outline:3px solid #fff;outline-offset:2px}
