*{box-sizing:border-box}
:root{--bg:#050505;--panel:#0b0b0b;--line:#282828;--text:#f7f7f7;--muted:#9a9a9a;--soft:#d7d7d7}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:#fff}.landing,.login-page{min-height:100vh;display:grid;place-items:center;background:#000}.hero{text-align:center;padding:40px 24px}.hero h1,.login-panel h1{font-size:clamp(3.5rem,10vw,8rem);font-weight:300;letter-spacing:.14em;text-transform:uppercase;margin:0}.landing-subtitle{font-size:clamp(1.7rem,3.2vw,3rem);letter-spacing:.06em;color:#f2f2f2;margin:26px 0 0}.mission{color:#aaa;font-size:1.1rem;line-height:1.7;margin:42px 0}.mission-line{font-size:clamp(.95rem,1.4vw,1.25rem);letter-spacing:.03em}.mission-line span{color:#e9e9e9;margin:0 .55rem}.login-big,.btn{display:inline-block;border:2px solid #fff;border-radius:10px;padding:16px 46px;text-decoration:none;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer}.login-big{margin-top:10px;font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase}.login-big:hover,.btn.primary,.btn:hover{background:#fff;color:#000}.login-panel{width:min(430px,92vw);padding:40px;border:1px solid #333;background:#0b0b0b;text-align:center;border-radius:18px}.login-panel h1{font-size:2.4rem}.login-panel p{font-size:1.05rem;color:#bbb}.login-panel input,.form-card input,.form-card select,.form-card textarea,.board-tools input{width:100%;padding:15px;margin:10px 0 22px;background:#111;color:#fff;border:1px solid #444;border-radius:8px}.login-panel button{width:100%}.alert{padding:12px;border:1px solid #933;background:#260b0b;color:#ffd1d1;border-radius:8px;margin:20px 0}.subtle-link{display:block;margin-top:24px;color:#aaa;text-decoration:none}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:28px;padding:14px 24px;background:#050505;border-bottom:1px solid #252525}.brand{text-decoration:none;white-space:nowrap}.brand span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:1rem}.brand b{font-weight:400;color:#888}.topbar nav{display:flex;gap:18px;flex:1}.topbar nav a{text-decoration:none;color:#ddd}.topbar nav a:hover{color:#fff}.who{color:#999;white-space:nowrap}.wrap{max-width:1800px;margin:0 auto;padding:28px 22px}.hello{text-align:center;margin:28px auto 34px}.hello h1{font-size:clamp(2rem,5vw,4rem);font-weight:300}.hello p,.muted{color:#999}.current{margin:20px auto;border:1px solid #303030;border-radius:18px;padding:26px;max-width:520px;display:grid;gap:8px}.current strong{font-size:2rem}.dot,.status-dot{width:16px;height:16px;border-radius:50%;display:inline-block;background:var(--accent,#777)}.dot.in,.person-line.in{--accent:#27d163}.dot.away,.person-line.away{--accent:#f3c84b}.dot.remote,.person-line.remote{--accent:#4ba3ff}.dot.customer,.person-line.customer{--accent:#f4a742}.dot.lunch,.person-line.lunch{--accent:#ff9f43}.dot.out,.person-line.out{--accent:#ff4b4b}.dot.off,.person-line.off{--accent:#888}.dot{margin:auto}.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:25px 0}.quick button,.quick-more{background:#111;color:#fff;border:1px solid #333;border-radius:14px;padding:22px;font-size:1.05rem;text-align:center;text-decoration:none;cursor:pointer}.quick button:hover,.quick-more:hover{border-color:#fff}.instrument{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:38px 0}.instrument div{border:1px solid #2a2a2a;border-radius:14px;padding:20px;background:#0c0c0c}.instrument b{font-size:2rem;display:block}.instrument span{color:#aaa}.center{text-align:center}.board-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.board-head h1{margin:0;font-weight:300;letter-spacing:.04em}.board-head p{margin:.25rem 0 0;color:#999}.board-tools{width:min(520px,100%)}.board-tools input{margin:0;padding:12px 14px}.compact-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.compact-summary span{border:1px solid #2a2a2a;background:#0b0b0b;border-radius:999px;padding:6px 10px;color:#bbb;font-size:.82rem}.compact-summary b{color:#fff;margin-right:3px}.board-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(680px,1fr));gap:6px 12px}.person-line{min-height:34px;display:grid;grid-template-columns:minmax(175px,1.4fr) minmax(110px,.9fr) 72px minmax(115px,.75fr) minmax(110px,.75fr) 86px;align-items:center;gap:10px;border:1px solid #202020;border-left:5px solid var(--accent,#777);background:#0b0b0b;border-radius:8px;padding:5px 10px;font-size:.88rem;line-height:1.1;white-space:nowrap;overflow:hidden}.person-line>div{overflow:hidden;text-overflow:ellipsis}.line-name{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;flex:0 0 auto}.line-name strong{font-size:.94rem;font-weight:700}.line-dept,.line-shift,.line-updated{color:#aaa}.line-status{font-weight:700}.line-location{font-size:1rem;color:#fff}.form-card{max-width:650px;border:1px solid #333;border-radius:16px;padding:24px;background:#0b0b0b}.form-card label{display:block;color:#aaa}.table{width:100%;border-collapse:collapse;background:#0b0b0b}.table th,.table td{border-bottom:1px solid #2a2a2a;padding:12px;text-align:left}.footer{border-top:1px solid #252525;padding:18px 28px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:#8d8d8d;font-size:.8rem}
@media(max-width:900px){.topbar{display:block}.topbar nav{margin-top:15px;flex-wrap:wrap}.who{margin-top:10px}.board-head{display:block}.board-tools{margin-top:14px}.board-list{grid-template-columns:1fr}.person-line{grid-template-columns:minmax(150px,1.4fr) 90px 90px;white-space:normal}.line-dept,.line-shift,.line-updated{display:none}.hero h1{letter-spacing:.06em}.mission-line span{display:none}.mission-line{max-width:360px;margin-left:auto;margin-right:auto}}
@media(min-width:1500px){.wrap{padding:22px}.person-line{min-height:31px;font-size:.82rem;padding:4px 9px}.line-name strong{font-size:.88rem}.board-list{gap:5px 10px}.compact-summary{margin-bottom:10px}.compact-summary span{font-size:.78rem;padding:5px 9px}}