:root{--sloi-red:#df2419;--sloi-ink:#201c18;--sloi-brown:#2d1b0c;--sloi-line:#e4ded5;--sloi-paper:#faf9f6;--sloi-muted:#6c6963}
body.sloi-app{background:#fff;color:var(--sloi-ink);font-family:'Segoe UI',Arial,sans-serif;min-height:100vh}
.brand-lockup{display:inline-flex;align-items:center;gap:17px;text-decoration:none;color:inherit;white-space:nowrap}.brand-logo{display:block;width:98px;height:34px;object-fit:contain}.brand-product{font-size:22px;letter-spacing:-.7px;font-weight:500;color:inherit}.brand-divider{width:1px;height:25px;background:#87756377}.brand-caption{font:10px/1.5 Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase;color:#b7a897;margin-top:6px}
.sloi-app .account-header{background:var(--sloi-brown);color:#fff8ed;border:0;padding:18px 32px;min-height:90px}.sloi-app .header-actions{gap:12px}.sloi-app .header-actions>span{font-size:14px;color:#eee5d9;margin-right:10px}.sloi-app .header-actions button{background:transparent;color:#eee5d9;border-color:#74624f;border-radius:24px;font-size:13px;padding:10px 17px;min-height:40px}.sloi-app .header-actions button:hover{background:#493423}
.sloi-app .account-body{max-width:1440px;padding:36px 40px}.workspace-intro{margin:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.workspace-intro h1{font-size:38px;line-height:1.18;font-weight:500;letter-spacing:-1.5px;margin:8px 0 0}.workspace-intro h1 em{color:var(--sloi-red);font-style:italic}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--sloi-muted)}.eyebrow::before{content:'';display:inline-block;width:8px;height:8px;background:var(--sloi-red);border-radius:50%;margin-right:10px}
.sloi-app button,.sloi-app a.button,.sloi-app label.button{border:1px solid #d9d0c4;color:var(--sloi-ink);border-radius:24px;font-size:14px;min-height:44px;padding:11px 19px}.sloi-app label.button{display:inline-flex;align-items:center;justify-content:center;font-weight:600}.sloi-app button.primary,.sloi-app a.primary,.sloi-app label.button.primary{background:var(--sloi-red);border-color:var(--sloi-red);color:white;border-radius:24px}.sloi-app button.primary:hover,.sloi-app a.primary:hover{background:#bd1c13;filter:none}.sloi-app :focus-visible{outline-color:var(--sloi-red)}
.sloi-app .tabs{padding-bottom:25px;border-bottom:1px solid var(--sloi-line);gap:9px;margin-bottom:28px}.sloi-app .tabs button{font:12px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.8px;background:white;padding:10px 20px}.sloi-app .tabs button[aria-selected=true]{color:var(--sloi-red);background:#fff1ee;border-color:var(--sloi-red)}
.sloi-app .section{border-color:var(--sloi-line);border-radius:12px;padding:26px}.sloi-app .section-heading{margin-bottom:24px}.sloi-app h2{font-weight:500;letter-spacing:-.6px;font-size:25px}.sloi-app .muted,.sloi-app small{color:var(--sloi-muted)}.sloi-app input,.sloi-app select{border-color:#d8d0c5;border-radius:8px;min-height:45px}.sloi-app input:focus,.sloi-app select:focus{border-color:var(--sloi-red)}
.sloi-app .projects{gap:22px}.sloi-app .project-card{position:relative;background:var(--sloi-paper);border-color:var(--sloi-line);border-radius:12px;padding:25px;gap:17px;box-shadow:none}.project-kicker{font:10px/1.5 Consolas,monospace;letter-spacing:1.2px;color:var(--sloi-red)}.sloi-app .project-card h3{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.25}.sloi-app .project-card .progress{height:5px;background:#e8e0d6}.sloi-app .project-card .progress>div{background:var(--sloi-red)}.sloi-app .project-card a{align-self:flex-start;margin-top:4px}.sloi-app table th{background:var(--sloi-paper);color:#5d5349;font:11px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.6px}.sloi-app td,.sloi-app th{border-bottom-color:var(--sloi-line);padding:15px 12px}.sloi-app tr:hover td{background:#fdfbf8}.sloi-app .account-dialog{border-color:var(--sloi-line);border-radius:14px}.sloi-app .error{color:#b31d15}
.sloi-app .login{min-height:calc(100vh - 90px);padding:36px 20px;background:var(--sloi-paper)}.sloi-app .login-card{border:1px solid var(--sloi-line);box-shadow:0 12px 50px #2d1b0c06;border-radius:14px;width:min(100%,490px);padding:36px}.sloi-app .login-card h1{font-size:34px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:18px 0}.sloi-app .login-card button{font-size:16px}.sloi-app .login-card label{color:#4b4138}
body.sloi-project{background:#f7f5f1;color:var(--sloi-ink)}.sloi-project>header{background:var(--sloi-brown);color:#fff8ed;box-shadow:none;border:0;gap:14px;padding:14px 22px}.sloi-project .project-brand{margin-right:8px}.sloi-project .project-brand .brand-logo{width:77px;height:29px}.sloi-project .project-brand .brand-product{font-size:19px}.sloi-project #projectTitle{font-size:16px;font-weight:500}.sloi-project>header button,.sloi-project>header a:not(.brand-lockup){background:transparent;color:#f2e7da!important;border-color:#74624f;border-radius:24px;font-size:13px}.sloi-project #accountLink{background:#df2419!important;color:white!important;padding:10px 17px}.sloi-project #status{background:#f1ede6;border-color:var(--sloi-line);color:#665849}.sloi-project aside,.sloi-project main{border-color:var(--sloi-line);box-shadow:none}.sloi-project .part.active{background:#fff1ed;border-color:#df7c6c;box-shadow:inset 4px 0 var(--sloi-red)}.sloi-project .part.active small{color:#705247}.sloi-project #search{background:#fbfaf8;border-color:var(--sloi-line)}.sloi-project #details button:not([data-work]){background:var(--sloi-red);border-color:var(--sloi-red);color:white}.sloi-project .work-panel{background:#f5f8f3;border-color:#cddbc7}.sloi-project .work-panel button[data-work]{background:#247350;border-color:#247350;color:white}.sloi-project .work-panel button[data-work]:not(.primary){background:white;color:#355c42}.sloi-project #cardDialog{border-color:var(--sloi-line)!important}.sloi-project #cardDialog>div:first-child{background:var(--sloi-brown)!important;color:#fff8ed!important}.sloi-project #closeCard{border-radius:24px}
@media(max-width:800px){.sloi-app .account-header{padding:16px 20px}.sloi-app .account-body{padding:24px 18px}.workspace-intro h1{font-size:31px}.brand-product{font-size:20px}.brand-logo{width:85px}.sloi-project .project-brand .brand-product{font-size:16px}.sloi-project>header{gap:10px}}
@media(max-width:500px){.sloi-app .login-card{padding:25px}.sloi-app .login-card h1{font-size:29px}.sloi-app .header-actions{gap:8px}.sloi-app .header-actions>span{flex-basis:100%}.brand-lockup{gap:12px}.workspace-intro{margin-bottom:22px}.sloi-app .tabs{gap:6px}.sloi-app .tabs button{padding:9px 13px;font-size:11px}.sloi-app .section{padding:18px}}
@media screen{body.sloi-card{background:var(--sloi-paper);color:var(--sloi-ink)}.sloi-card header{background:var(--sloi-brown);color:#fff8ed;border:0}.sloi-card header small{color:#c6b7a6}.sloi-card header .primary{background:var(--sloi-red);border-color:var(--sloi-red);border-radius:24px}.sloi-card .brand-logo{width:77px;height:27px}.sloi-card .brand-product{font-size:18px}.sloi-card header h1{font-size:16px;font-weight:500;color:#eadbcc;margin-top:9px}.sloi-card .tag{color:#aa2117;background:#fff0ec}.sloi-card .paper,.sloi-card .panel{border-color:var(--sloi-line);box-shadow:none}.sloi-card .drawing-tools button{border-radius:24px}.sloi-card th{background:#f5f2ed;color:#60554b}}