:root{--ink:#f4f5f6;--navy:#0a0b0d;--blue:#64b5e5;--pale:#292c30;--white:#181a1d;--line:#35383d;--muted:#aeb4bb;--green:#74d4a7;--amber:#f1bd67;--red:#ff8585;--shadow:0 12px 35px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#090a0b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090a0b;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}header{min-height:78px;background:#050506;color:white;border-bottom:1px solid #292b2f;padding:12px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between}h1{font-size:20px;margin:2px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin:0}.user{display:flex;gap:10px;align-items:center}.mode-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:99px;background:#173c2d;color:var(--green)}body.edit-mode .mode-badge{background:#48371e;color:var(--amber)}.ghost,.primary,.danger{border-radius:8px;padding:10px 16px;border:1px solid var(--line);background:#222428;color:var(--ink);font-weight:700}.primary{background:#297cae;border-color:#3992c7;color:white}.primary:hover{background:#358ec4}.danger{color:var(--red);padding:6px 10px;background:transparent}.user .ghost{background:transparent;color:white;border-color:#555b62}nav{background:#111214;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;gap:28px}nav button{padding:16px 2px 13px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:700}nav button.active{border-color:var(--blue);color:white}main{max-width:1180px;margin:0 auto;padding:30px 24px 60px}.notification-banner{margin-bottom:18px;background:#182c39;border:1px solid #3c7597;border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-banner[hidden]{display:none}.notification-banner strong{display:block;margin-top:4px}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(115deg,#171a1d,#111315);border:1px solid var(--line);border-radius:16px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center}.hero h2,.section-title h2{margin:5px 0 4px;font-size:29px}.hero p,.section-title p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:17px}.stat strong{font-size:28px;display:block}.stat span{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:12px;margin:20px 0}.toolbar input{flex:1}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #454a50;border-radius:8px;padding:11px;background:#111315;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.orders{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.order-card{display:block;width:100%;text-align:left;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);transition:.15s transform,.15s border-color}.order-card:hover{transform:translateY(-2px);border-color:#5a9bc1}.order-card h3{margin:12px 0 6px}.order-card p{white-space:normal}.order-top,.order-bottom{display:flex;justify-content:space-between;align-items:center}.number{font-weight:800;color:var(--blue)}.priority,.status{font-size:12px;font-weight:800;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:var(--pale)}.priority.urgent{background:#492525;color:var(--red)}.priority.high,.status.ready_for_review{background:#48371e;color:var(--amber)}.status.closed,.status.complete{background:#173c2d;color:var(--green)}.meta,.date{color:var(--muted);font-size:13px}.description{min-height:42px}.section-title{margin-bottom:22px}.form-card,.settings-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:var(--shadow)}.form-card{max-width:790px}.project-form{max-width:none;margin:18px 0}.project-list{margin-top:20px}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.project-actions button{padding:7px 10px}.project-note{font-size:13px;margin:12px 0}.history{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.history summary{cursor:pointer;color:var(--blue);font-weight:800}.history-entry{border-left:2px solid #45505a;margin:12px 0;padding-left:12px}.history-entry p{margin:3px 0;min-height:0}.history-entry time{font-size:11px;color:var(--muted)}.settings-grid{display:grid;gap:18px}.settings-card h3{margin-top:0}label{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;font-weight:700}label small{font-weight:400;color:var(--muted)}.two,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions,.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.settings-heading,.config-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-heading span{color:var(--muted);font-size:13px}.config-row{padding:11px 4px;border-bottom:1px solid var(--line)}.add-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:8px}.add-row input{min-width:0}dialog{color:var(--ink);background:#17191c;border:1px solid #3c4045;border-radius:14px;padding:25px;max-width:500px;width:calc(100% - 30px);box-shadow:0 20px 70px #000b}dialog::backdrop{background:#000b}.role-choices{display:grid;gap:8px;margin:18px 0}.role-choices button{color:var(--ink);text-align:left;padding:12px;border:1px solid var(--line);border-radius:8px;background:#202226}.role-choices button:hover{border-color:var(--blue)}.dialog-top{display:flex;justify-content:space-between;gap:20px}.dialog-top h2{margin:5px 0}.icon-button{color:white;background:none;border:0;font-size:30px;align-self:flex-start}.order-dialog{max-width:620px}.empty{padding:35px;text-align:center;color:var(--muted);background:var(--white);border:1px dashed var(--line);border-radius:12px}#formMessage,#detailMessage{color:var(--green);font-weight:700}@media(max-width:850px){header{align-items:flex-start}.user{justify-content:flex-end;flex-wrap:wrap}}@media(max-width:720px){header{padding:15px 18px;gap:12px}.user{align-items:flex-end;flex-direction:column;gap:5px}.user span{font-size:11px}.user button{padding:7px 9px;font-size:12px}nav{padding:0 16px;gap:17px;overflow:auto}main{padding:20px 14px 50px}.hero{align-items:flex-start;gap:18px;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.orders{grid-template-columns:1fr}.two,.detail-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.form-card,.settings-card{padding:18px}.hero h2,.section-title h2{font-size:24px}}
.attachment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:12px 0}.attachment-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border:1px solid #3a4048;border-radius:10px;background:#14171b;color:var(--text);text-align:left}.attachment-preview{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#090b0d;color:var(--muted);font-size:12px}.attachment-preview img{width:100%;height:100%;object-fit:cover}.sop-inline-image{max-width:680px;margin:18px auto}.sop-inline-image .attachment-tile{width:100%}.sop-inline-image .attachment-preview{aspect-ratio:auto;min-height:180px}.sop-inline-image figcaption{margin-top:6px;color:var(--muted);font-size:13px}.attachment-editor-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #343941;border-radius:8px}.report-attachment-control{margin:10px 0}.roster-card-compact{position:relative;padding:16px}.roster-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.roster-card-heading h3,.roster-card-heading p{margin:5px 0}.roster-supervisor{display:grid;gap:3px;margin-top:12px;padding-top:10px;border-top:1px solid #30343a}.roster-supervisor span{color:var(--muted);font-size:12px}.roster-card-menu{position:relative}.roster-card-menu>summary{display:grid;place-items:center;width:36px;height:36px;border:1px solid #40454d;border-radius:9px;cursor:pointer;font-size:24px;list-style:none}.roster-card-menu>summary::-webkit-details-marker{display:none}.roster-card-menu .roster-actions{position:absolute;right:0;top:42px;z-index:30;width:min(330px,80vw);display:grid;gap:10px;padding:14px;border:1px solid #434952;border-radius:12px;background:#171a1f;box-shadow:0 14px 35px #000b}.roster-card-menu .supervisor-profile{display:grid;gap:10px}
.assignment-card-compact{padding:12px 16px;text-align:left}.assignment-compact-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.assignment-compact-top .assignment-type{font-size:11px;letter-spacing:.04em}.assignment-compact-title{margin:12px auto 5px;max-width:760px;text-align:center;font-size:19px;line-height:1.3}.assignment-compact-people{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 18px;color:var(--muted);font-size:12px}.assignment-compact-dates{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:9px;padding-top:8px;border-top:1px solid #30343a;color:var(--muted);font-size:12px}.account-more-button{margin-left:auto;align-self:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:#222428;color:var(--ink);font-size:25px;line-height:1}.account-more-button:hover{border-color:var(--blue);background:#292d31}@media(max-width:720px){.assignment-compact-title{font-size:17px}.assignment-compact-dates{justify-content:flex-start}.team-row{position:relative;padding-right:54px}.account-more-button{position:absolute;right:10px;top:10px}}
.stripe-checkout-form{margin-top:18px;min-height:420px;overflow:hidden;border-radius:10px;background:#fff;padding:12px}