/* developers-halpas-portal-v2/styles.css */
:root{--black:#070707;--white:#fff;--soft:#f4f4f0;--line:#deded8;--muted:#74746f;--green:#138a51;--red:#c62828}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fafaf7;color:#111;font-family:Inter,sans-serif}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.eyebrow,.tag,.status{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.primary,.secondary{min-height:45px;padding:0 17px;border:1px solid #111;font-weight:600;cursor:pointer}.primary{background:#111;color:#fff}.secondary{background:#fff;color:#111}.login{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:#fff}.login-art{position:relative;display:grid;place-items:center;overflow:hidden;background:#050505}.login-art:before{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:64px 64px;content:''}.login-art img{z-index:1;width:min(52%,420px);filter:drop-shadow(0 30px 50px #000)}.login-art div{position:absolute;z-index:2;bottom:55px;left:50px;display:grid;color:#fff;font-size:clamp(28px,3.5vw,56px);font-weight:700;line-height:.95;letter-spacing:-.06em}.login-art div span:last-child{color:#777}.login-panel{display:flex;flex-direction:column;padding:40px clamp(28px,6vw,80px)}.wordmark{display:flex;align-items:center;gap:10px}.wordmark img{width:34px;height:34px;object-fit:contain}.wordmark span{color:#888;font-weight:400}.login-content{width:min(100%,430px);margin:auto}.login-content h1,.page-head h1{margin:0 0 15px;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.065em}.login-content>p{color:var(--muted)}form{display:grid;gap:18px;margin-top:38px}label{display:grid;gap:8px;font-size:12px;font-weight:600}input,select,textarea{width:100%;padding:14px;border:1px solid var(--line);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#111}.login-message{min-height:16px;margin:0;color:#777;font-size:11px}.previews{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.previews small{width:100%;font:9px 'DM Mono',monospace;color:#888}.previews button{padding:0;border:0;border-bottom:1px solid #999;background:none;cursor:pointer;font-size:11px}.login-panel>small{color:#999}
#sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:240px;display:flex;flex-direction:column;background:#090909;color:#fff;transition:width .2s}.brand{display:flex;align-items:center;gap:12px;margin:24px;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.brand img{width:38px;height:38px;object-fit:contain}.brand strong{display:grid;font-size:13px}.brand span{color:#888;font-weight:400}#collapse{position:absolute;right:-14px;top:78px;width:28px;height:28px;border:1px solid #333;border-radius:50%;background:#111;color:#fff;cursor:pointer}#sidebar nav{display:grid;gap:4px;padding:30px 12px}#sidebar nav button{padding:14px 15px;border:0;background:none;color:#aaa;text-align:left;cursor:pointer}#sidebar nav button.active,#sidebar nav button:hover{background:#fff;color:#111}.account{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:20px;border-top:1px solid #292929}.account>span,.mini-avatar{display:grid;width:36px;height:36px;background:#fff;color:#111;place-items:center;font:10px 'DM Mono',monospace}.account div{display:grid}.account small{color:#888;font-size:9px}.account button{border:0;background:none;color:#fff;cursor:pointer}.sidebar-collapsed #sidebar{width:78px}.sidebar-collapsed #workspace{margin-left:78px}.sidebar-collapsed .brand{margin:24px 19px}.sidebar-collapsed .brand strong,.sidebar-collapsed #sidebar nav button,.sidebar-collapsed .account div,.sidebar-collapsed .account button{display:none}.sidebar-collapsed #collapse{transform:rotate(180deg)}.mobile{display:none}#workspace{margin-left:240px;padding:55px clamp(28px,5vw,72px) 90px;transition:margin .2s}.page{display:none;max-width:1320px;margin:auto}.page.active{display:block}.page-head{max-width:900px;margin-bottom:48px}.page-head>p:last-child,.page-head div>p:last-child{color:var(--muted);line-height:1.6}.split{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;max-width:none}.metrics{display:grid;grid-template-columns:2fr .7fr .7fr;gap:14px}.metrics article{display:flex;flex-direction:column;min-height:180px;padding:25px;border:1px solid var(--line);background:#fff}.metrics article>strong{margin:auto 0 4px;font-size:50px}.metrics article>span{color:#888;font-size:11px}.metrics .milestone{background:#111;color:#fff}.milestone>div{display:flex;justify-content:space-between}.milestone h2{margin:32px 0 6px}.milestone p{margin:0;color:#aaa;font-size:12px}.bar{height:3px;margin:24px 0 12px;background:#ddd}.bar i{display:block;height:100%;background:#111}.milestone .bar{background:#444}.milestone .bar i{background:#fff}.milestone footer{display:flex;justify-content:space-between;color:#aaa;font-size:9px;text-transform:uppercase}.block{margin-top:65px}.block>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.block h2,.panel h2{margin:0;letter-spacing:-.04em}.available,.online,.offline{font-size:9px}.available i,.online i,.offline i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green)}.offline i{background:#999}.featured{display:grid;grid-template-columns:.75fr 1.5fr;border:1px solid var(--line);background:#fff}.model-card{position:relative;display:grid;min-height:320px;background:#eee;place-items:center}.model-card img{width:46%;opacity:.12}.model-card span{position:absolute;left:20px;top:20px;font:10px 'DM Mono',monospace}.featured>div:last-child{padding:45px}.featured h2{margin:35px 0 8px;font-size:36px}.featured p{color:#777;line-height:1.6}.file-note{display:flex;justify-content:space-between;margin:26px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#777;font-size:10px}.status{display:inline-block;padding:7px 9px;border:1px solid var(--line);color:#111}.status.dark{background:#111;color:#fff;border-color:#111}.filters{display:flex}.filters button{padding:9px 13px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:10px}.filters button.active{background:#111;color:#fff}#assignments{border-top:1px solid var(--line)}.assignment-row{display:grid;grid-template-columns:90px 1fr 115px 75px 20px;align-items:center;gap:16px;width:100%;padding:20px 10px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}.assignment-row:hover{background:#fff}.assignment-row>span:nth-child(1){font:9px 'DM Mono',monospace}.assignment-row>span:nth-child(2),.assignment-row>span:nth-child(4){display:grid}.assignment-row small{color:#888;font-size:9px}
#team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.person-card{padding:30px;border:1px solid var(--line);background:#fff}.person-card header{display:flex;justify-content:space-between}.person-card header>div{display:grid;justify-items:end;gap:10px}.person-avatar{display:grid;width:58px;height:58px;background:#111;color:#fff;place-items:center;font:12px 'DM Mono',monospace}.tone-0{background:#5d1010}.tone-2{background:#444}.tone-3{background:#777}.tone-4{background:#aaa;color:#111}.admin-tag,.role-tag{padding:6px 8px;background:#b71c1c;color:#fff;font:8px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.role-tag{background:#eee;color:#555}.person-card h2{margin:23px 0 3px;font-size:27px}.person-card>p{margin:0;color:#888}.person-stats{display:flex;gap:60px;margin:28px 0}.person-stats span{display:grid}.person-stats strong{font-size:26px}.person-stats small,.person-progress small,.latest small{font:8px 'DM Mono',monospace;color:#888}.person-progress>div:first-child{display:flex;justify-content:space-between}.person-progress .bar{margin:10px 0 24px}.latest{display:grid;gap:6px;padding:18px;background:var(--soft)}.latest span{color:#888;font-size:9px}.person-card>.secondary{width:100%;margin-top:15px}.admin-description{margin-top:28px;padding:20px;background:#f6eeee;color:#743535;font-size:12px;line-height:1.6}.resource-layout{display:grid;grid-template-columns:200px 1fr;gap:45px}#categories{display:grid;align-content:start}#categories button{padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:#777;text-align:left;cursor:pointer}#categories button.active{color:#111;font-weight:700}#resource-list{border-top:1px solid var(--line)}.resource{display:grid;grid-template-columns:45px 1fr 30px;gap:20px;padding:25px 8px;border-bottom:1px solid var(--line)}.resource h2{margin:0 0 7px}.resource p:not(.eyebrow){color:#777}.resource small{color:#999}.resource button{align-self:start;border:0;background:none;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings{display:grid;gap:18px;padding:30px;border:1px solid var(--line);background:#fff}.settings>header{display:flex;justify-content:space-between}.settings h2{margin:0 0 6px}.settings header p{margin:0;color:#888;font-size:11px}.payments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payments input{position:absolute;opacity:0}.payments span{display:block;padding:13px;border:1px solid var(--line);cursor:pointer}.payments input:checked+span{background:#111;color:#fff}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-metrics article{display:grid;padding:20px;border:1px solid var(--line);background:#fff}.admin-metrics strong{margin:18px 0 2px;font-size:36px}.admin-metrics span{color:#888;font-size:10px}.admin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:15px}.panel{padding:25px;border:1px solid var(--line);background:#fff}.panel>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.panel>header button{border:0;border-bottom:1px solid #999;background:none;cursor:pointer}.developer{display:grid;grid-template-columns:36px 1fr 68px 75px 70px;align-items:center;gap:10px;width:100%;padding:15px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer}.developer>span:not(.mini-avatar){display:grid}.developer small,.review small{color:#888;font-size:8px}.developer b{font-size:9px}.review{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:16px 0;border-top:1px solid var(--line)}.review>div{display:grid}.review>div:last-child{display:flex;gap:5px}.review button{min-height:34px;padding:0 9px;font-size:9px}
.modal-open{overflow:hidden}#modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.backdrop{position:absolute;inset:0;border:0;background:#000b}.modal-card{position:relative;width:min(100%,720px);max-height:90vh;overflow:auto;padding:40px;background:#fff}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modal-card>h2{margin:0 0 25px;font-size:38px;letter-spacing:-.05em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.account-actions{display:flex;gap:10px;margin-top:24px}.security-note,.readonly-note{margin-top:20px;padding:15px;background:#f5f5f0;color:#777;font-size:10px;line-height:1.5}.roadmap-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roadmap-summary article{display:grid;padding:18px;background:#111;color:#fff}.roadmap-summary strong{font-size:32px}.modal-assignments{margin-top:20px;border-top:1px solid var(--line)}.modal-assignments>div{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.description{color:#777;line-height:1.6}.download,.upload{width:100%;padding:16px;border:1px dashed #888;background:#fff;text-align:center}.upload{margin-top:15px}.modal-action{margin-top:22px}
@media(max-width:960px){#sidebar{transform:translateX(-100%)}.menu-open #sidebar{transform:none}.mobile{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid var(--line);background:#fff}.mobile button{border:0;background:none;font-size:20px}.mobile span{display:grid;width:34px;height:34px;background:#111;color:#fff;place-items:center;font-size:10px}#workspace,.sidebar-collapsed #workspace{margin-left:0;padding-top:34px}.metrics,.settings-grid,.admin-grid{grid-template-columns:1fr 1fr}.milestone{grid-column:1/-1}.admin-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.login-content{margin:80px auto}#workspace{padding:30px 15px 60px}.page-head h1{font-size:44px}.split{align-items:flex-start;flex-direction:column}.metrics,.settings-grid,.admin-grid,.admin-metrics,#team-grid{grid-template-columns:1fr}.milestone{grid-column:auto}.featured{grid-template-columns:1fr}.model-card{min-height:210px}.featured>div:last-child{padding:28px}.assignment-row{grid-template-columns:65px 1fr auto}.assignment-row>span:nth-child(3),.assignment-row>span:nth-child(4){display:none}.resource-layout{grid-template-columns:1fr;gap:22px}#categories{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.developer{grid-template-columns:36px 1fr 65px}.developer>span:nth-child(4),.developer b{display:none}.review{grid-template-columns:36px 1fr}.review>div:last-child{grid-column:1/-1}.modal-card{padding:34px 20px}.account-actions{flex-direction:column}}