:root{--red:#e31625;--red2:#b70d19;--ink:#151921;--muted:#69717f;--line:#e6e8ec;--bg:#f4f5f7;--white:#fff;--green:#159b68;--amber:#e59d13;--blue:#2676e8;--purple:#7856d9;--shadow:0 12px 32px rgba(21,25,33,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#11141a;color:#fff;display:flex;flex-direction:column;z-index:20}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #292d34;font-weight:800;letter-spacing:1.3px}.brand-mark{display:inline-grid;place-items:center;background:var(--red);font-style:italic;font-weight:950;letter-spacing:-2px;padding:7px 8px 5px;color:#fff;transform:skew(-6deg)}.brand small{display:block;font-size:9px;color:#8b919b;letter-spacing:1.6px;margin-top:4px}.sidebar nav{padding:22px 13px;flex:1}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:13px 14px;margin:3px 0;border-radius:8px;color:#aeb3bd;font-weight:600;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#292d34;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--red)}.sidebar nav a span{font-size:19px}.nav-label{font-size:9px;color:#686e79;letter-spacing:1.6px;margin:28px 14px 8px}.sidebar-foot{border-top:1px solid #292d34;padding:17px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:800;flex:none}.sidebar-foot div:nth-child(2){min-width:0;flex:1}.sidebar-foot b,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:10px;color:#888f9b;margin-top:3px}.main{margin-left:248px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar b{font-size:15px}.topbar small{font-size:11px;color:var(--muted);margin-top:3px}.online{margin-left:auto!important;color:#667069;font-size:11px!important;flex-direction:row!important;align-items:center;gap:7px}.online i{width:7px;height:7px;border-radius:50%;background:#20b277;box-shadow:0 0 0 4px #e6f7f0}.menu-btn{display:none;border:0;background:transparent;font-size:22px;margin-right:10px}.content{padding:34px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.page-head.compact{margin-bottom:18px}.page-head h1{font-size:28px;margin:5px 0 0;letter-spacing:-.6px}.page-head p{color:var(--muted);font-size:13px;margin:7px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--red)}.btn{border:0;border-radius:7px;padding:12px 17px;display:inline-flex;justify-content:center;align-items:center;gap:13px;font-size:13px;font-weight:750;cursor:pointer}.btn.primary{background:var(--red);color:#fff;box-shadow:0 6px 14px rgba(227,22,37,.18)}.btn.primary:hover{background:var(--red2)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.btn.full{width:100%;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);padding:20px 21px;border-radius:9px;box-shadow:0 3px 14px rgba(20,24,30,.025);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#596170}.stat.amber:before{background:var(--amber)}.stat.blue:before{background:var(--blue)}.stat.green:before{background:var(--green)}.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:750;letter-spacing:.6px}.stat strong{display:block;font-size:28px;margin:8px 0 2px}.stat small{font-size:10px;color:#9298a1}.panel,.form-card,.hero-card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.panel-tools{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-tools select,.search{border:1px solid var(--line);background:#fafbfc;border-radius:6px;height:38px}.search{display:flex;align-items:center;width:380px;padding:0 11px}.search input{border:0;outline:0;background:transparent;width:100%;margin-left:7px;font-size:12px}.panel-tools select{padding:0 12px;color:var(--muted);font-size:12px}.request-row{display:grid;grid-template-columns:1.35fr 1fr 1.1fr 1.05fr 1fr 20px;align-items:center;gap:20px;padding:19px 21px;border-bottom:1px solid #edf0f2;transition:.15s}.request-row:hover{background:#fafbfc}.request-row:last-child{border:0}.request-row small,.request-row span{display:block}.request-row small{font-size:9px;color:#959ca7;letter-spacing:.7px;margin-bottom:6px}.request-row b{font-size:13px}.request-row span{font-size:11px;color:var(--muted);margin-top:4px}.request-jobs div{display:flex;flex-wrap:wrap;gap:4px}.request-jobs em,.chips span{font-style:normal;font-size:9px;font-weight:750;padding:5px 7px;border-radius:4px;background:#f0f2f4;color:#454c56}.request-state{text-align:right}.request-state .badge{display:inline-flex}.chevron{font-size:24px!important;color:#aeb3ba!important}.badge{display:inline-flex!important;align-items:center;padding:6px 9px;border-radius:20px;font-size:9px!important;font-weight:800;letter-spacing:.35px;text-transform:uppercase;background:#eef0f2;color:#59606a!important}.badge.success{background:#e7f7f0;color:#14845d!important}.badge.warning{background:#fff4da;color:#b47b08!important}.badge.info{background:#e7f1ff;color:#1f67c8!important}.badge.brand{background:#fee9eb;color:#cc1724!important}.badge.purple{background:#eee9fc;color:#6948c1!important}.badge.neutral{background:#eef0f2;color:#626975!important}.empty{text-align:center;padding:70px 20px}.empty>div{font-size:45px;color:#c6cbd2}.empty h3{margin:8px}.empty p{color:var(--muted);font-size:13px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.form-card{padding:24px;margin-bottom:18px}.form-card h3{font-size:14px;margin:0 0 21px;display:flex;align-items:center;gap:9px}.form-card h3>span{background:var(--ink);color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}label{font-size:11px;font-weight:700;color:#404651;display:block}input,select,textarea{width:100%;border:1px solid #dce0e5;border-radius:6px;padding:11px 12px;margin-top:7px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,22,37,.07)}textarea{resize:vertical}.muted{color:#969da7;font-weight:400}.read-mode{margin-top:19px}.read-mode>span{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.read-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.read-mode>span{grid-column:1/-1}.read-mode label{border:1px solid var(--line);border-radius:6px;padding:12px;position:relative}.read-mode input{width:auto;margin:0 8px 0 0}.read-mode small{display:block;margin:5px 0 0 24px;color:var(--muted);font-weight:400}.job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.job-grid label{border:1px solid var(--line);padding:12px 9px;border-radius:6px;cursor:pointer}.job-grid input{display:none}.job-grid label span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #cfd4da;border-radius:4px;margin-right:7px;color:transparent}.job-grid label:has(input:checked){border-color:var(--red);background:#fff7f8;color:var(--red)}.job-grid input:checked+span{background:var(--red);border-color:var(--red);color:#fff}.sticky{position:sticky;top:92px}.upload-box{border:1px dashed #c8cdd4;border-radius:7px;padding:25px 10px;text-align:center;cursor:pointer;margin-bottom:19px}.upload-box input{display:none}.upload-box span,.upload-box b,.upload-box small{display:block}.upload-icon{font-size:26px;color:var(--red);margin-bottom:7px}.upload-box small{font-size:9px;color:var(--muted);font-weight:400;margin-top:5px}.notice{font-size:10px;line-height:1.5;color:#626a75;background:#f4f6f8;border-radius:6px;padding:12px;margin-top:16px}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-head>a{font-size:12px;color:var(--muted)}.detail-head>div{text-align:right}.detail-head small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.hero-card{padding:28px 30px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#fff 60%,#f4f5f7)}.hero-card h1{margin:7px 0 4px;font-size:27px}.hero-card p{margin:0;color:var(--muted);font-size:13px}.ecu-block{text-align:right;border-left:1px solid var(--line);padding-left:30px}.ecu-block small,.ecu-block strong,.ecu-block span{display:block}.ecu-block small{font-size:9px;color:var(--muted);letter-spacing:1px}.ecu-block strong{margin:8px 0 4px}.ecu-block span{font-size:10px;color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-size:10px;background:#fff1f2;color:#bd1622;border:1px solid #f9dadd}.notes{background:#f7f8f9;border-radius:6px;padding:14px;margin-top:17px}.notes small{font-size:9px;color:var(--muted);letter-spacing:.8px}.notes p{font-size:12px;line-height:1.55;margin:7px 0 0;white-space:pre-wrap}.files>a{display:flex;align-items:center;padding:12px 0;border-top:1px solid #eef0f2}.files>a:first-child{border-top:0}.file-icon{width:35px;height:35px;background:#f0f2f4;border-radius:6px;display:grid;place-items:center;color:var(--red);font-weight:800;margin-right:11px}.files div{flex:1}.files b,.files small{display:block}.files b{font-size:12px}.files small{font-size:9px;color:var(--muted);margin-top:4px}.files em{font-style:normal;font-size:10px;color:var(--red);font-weight:700}.messages{min-height:90px}.message{display:flex;gap:10px;margin:16px 0}.message.mine{flex-direction:row-reverse}.message>div:last-child{max-width:72%}.message>div>span{display:flex;gap:9px;align-items:center}.message>div>span b{font-size:10px}.message>div>span small{font-size:8px;color:var(--muted)}.message p{font-size:12px;line-height:1.45;background:#f2f4f6;padding:10px 12px;border-radius:3px 10px 10px;margin:5px 0}.message.mine p{background:#fff0f1}.empty-chat{text-align:center;color:var(--muted);font-size:11px;padding:25px}.message-form{border-top:1px solid var(--line);padding-top:14px}.message-form textarea{margin:0}.message-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.attach{color:var(--muted);cursor:pointer}.attach input{display:none}.admin-actions form{margin-bottom:17px}.admin-actions hr{border:0;border-top:1px solid var(--line);margin:19px 0}.client-mini small,.client-mini b,.client-mini span,.client-mini a{display:block}.client-mini small{font-size:9px;color:var(--muted);letter-spacing:1px}.client-mini b{font-size:13px;margin:8px 0 4px}.client-mini span,.client-mini a{font-size:10px;color:var(--muted);margin-top:3px}.help-card p{font-size:12px;color:var(--muted);line-height:1.6}.help-card>span:last-child{font-weight:800;color:var(--red)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px}th{font-size:9px;color:var(--muted);letter-spacing:.8px;background:#fafbfc}.narrow{max-width:620px}.narrow .form-card label{margin-bottom:16px}.flash{padding:12px 15px;border-radius:6px;margin-bottom:18px;font-size:12px;background:#e7f7f0;color:#147852}.flash.error{background:#fee9eb;color:#b81824}.auth-body{background:#0e1117}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-visual{background:linear-gradient(135deg,rgba(9,11,15,.86),rgba(17,20,26,.72)),radial-gradient(circle at 30% 30%,#5f1118,#11141a 60%);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand{z-index:1}.brand-mark.big{font-size:32px;padding:10px 13px}.login-brand h1{font-size:42px;letter-spacing:5px;margin:17px 0 30px}.login-brand p{font-size:22px;line-height:1.45;font-weight:300}.login-visual>small{position:absolute;bottom:35px;left:70px;font-size:8px;letter-spacing:2px;color:#777f8a}.signal-lines{position:absolute;width:500px;height:500px;border:1px solid rgba(227,22,37,.18);border-radius:50%;right:-180px;top:15%;box-shadow:0 0 0 60px rgba(227,22,37,.035),0 0 0 120px rgba(227,22,37,.025)}.login-panel{display:grid;place-items:center;background:#fff;padding:35px}.login-card{width:100%;max-width:390px}.login-card h2{font-size:28px;margin:10px 0 7px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-card label{margin:17px 0}.demo-box{background:#f5f6f8;padding:12px;border-radius:6px;margin-top:18px}.demo-box b,.demo-box span{display:block;font-size:9px}.demo-box span{color:var(--muted);margin-top:5px}.legal{display:block;text-align:center;color:#a0a5ad;font-size:8px;margin-top:25px}@media(max-width:1100px){.request-row{grid-template-columns:1.3fr 1fr 1fr 1fr 20px}.request-client{display:none}.job-grid{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:block}.content{padding:20px}.online{display:none!important}.stats{grid-template-columns:repeat(2,1fr)}.form-layout,.detail-grid{grid-template-columns:1fr}.sticky{position:static}.request-row{grid-template-columns:1fr 1fr 22px}.request-ecu,.request-jobs{display:none}.request-state{display:block}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.grid-3{grid-template-columns:1fr}.job-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;gap:15px}.page-head .btn{padding:11px}.panel-tools{gap:8px}.search{width:100%}.panel-tools select{max-width:130px}.hero-card{align-items:flex-start;gap:20px}.ecu-block{padding-left:15px}.read-mode{grid-template-columns:1fr}.job-grid{grid-template-columns:1fr 1fr}}
