*{box-sizing:border-box}body{--accent:#1475ef;--light:#eaf3ff;--nav:#153354;--ink:#172e48;--muted:#77879a;--border:#e2eaf2;margin:0;background:#f4f7fb;color:var(--ink);font:14px/1.65 "Segoe UI",Tahoma,sans-serif}body.designer{--accent:#008c8d;--light:#e7f6f3;--nav:#07454b;background:#f2f8f7;font-family:Tahoma,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{color:inherit}button,input,select,textarea,a{outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.6px;margin-bottom:4px}h2{font-size:18px;margin:0}h3{font-size:15px;margin:0}aside{width:220px;position:fixed;inset-block:0;inset-inline-start:0;background:linear-gradient(150deg,var(--nav),#0c2339);color:#c8daea;padding:32px 17px;display:flex;flex-direction:column}.designer aside{background:linear-gradient(150deg,#07525a,#062f35)}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;color:white;text-decoration:none;letter-spacing:-.7px}.brand>span{font-size:40px;color:#8ac4ff}.designer .brand>span{color:#6ddbd1}.workspace-label{font-size:9px;letter-spacing:1px;color:#91aabe;margin:0 0 40px 8px}nav button{display:block;text-align:start;width:100%;padding:13px 15px;margin-bottom:7px;background:none;color:#bdcfe1;border-radius:7px}nav button.active{background:#ffffff17;color:white;box-shadow:inset 3px 0 var(--accent)}.designer nav button.active{box-shadow:inset -3px 0 #2dd1c3}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff15;padding-top:18px}.sidebar-foot small{font-size:9px;color:#99b4ca}.sidebar-foot button{background:none;color:#bdcfe1;padding:12px 0}main{margin-inline-start:220px}.topbar{height:70px;background:#ffffffb5;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:12px;color:var(--muted)}.account{display:flex;align-items:center;gap:8px}i{display:inline-block;width:7px;height:7px;background:#27b586;border-radius:50%}.heading{display:flex;justify-content:space-between;align-items:center;padding:30px 34px 23px;gap:15px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.designer .eyebrow{letter-spacing:0}.heading p{color:var(--muted);font-size:12px;margin-bottom:0}.primary{background:var(--accent);color:white;border-radius:8px;padding:11px 17px;white-space:nowrap;font-weight:600;box-shadow:0 3px 10px #1475ef19}.secondary{background:var(--light);color:var(--accent);border:1px solid var(--border);border-radius:7px;padding:9px 15px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 34px 24px}.summary>div{background:white;border:1px solid var(--border);border-radius:11px;display:flex;justify-content:space-between;align-items:center;padding:15px 22px}.summary span{font-size:12px;color:var(--muted)}.summary strong{font-size:26px;font-weight:600}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;margin:0 34px}.orders{background:white;border:1px solid var(--border);border-radius:12px;align-self:start;padding:16px 10px 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.orders>.section-heading{padding:0 8px}.plain{background:none;color:var(--muted);font-size:22px;padding:0 7px}.filters{display:flex;gap:5px;margin:10px 3px 15px;border-bottom:1px solid var(--border)}.filters button{background:none;font-size:10px;padding:8px 4px;flex:1;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.filters button.active{color:var(--accent);border-color:var(--accent);font-weight:700}#order-list{max-height:740px;overflow:auto}.order-card{display:flex;gap:10px;width:100%;text-align:start;padding:13px 12px;background:white;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;color:var(--ink)}.order-card.selected{border-color:var(--accent);background:var(--light);box-shadow:0 0 0 2px var(--light)}.order-icon{display:grid;place-items:center;width:36px;height:44px;background:#eff3f6;border-radius:7px;color:#9aacbb;font-size:27px;flex:none}.order-card strong{font-size:12px;display:block}.order-card small{display:block;font-size:10px;color:var(--muted);margin:3px 0 8px}.status{display:inline-block;border-radius:5px;padding:4px 8px;background:#e7f0fe;color:#3167a8;font-size:10px;white-space:nowrap}.status.delivered{background:#e4f5e9;color:#2b8853}.status.review{background:#fff1d9;color:#b27a1b}.status.submitted{background:#eef1f6;color:#77879a}.status.cancelled{background:#faeaea;color:#ac6060}.detail-column{min-width:0}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 22px}.detail-heading h2{font-size:23px}.detail-heading small{font-size:10px;color:var(--muted);word-break:break-all}.card{background:white;border:1px solid var(--border);padding:22px;border-radius:12px;margin-bottom:18px}dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:20px 0 0}dl>div{padding-bottom:9px;border-bottom:1px solid #edf1f5}dt{font-size:11px;color:var(--muted)}dd{margin:3px 0 0;font-weight:600;font-size:13px}.muted{color:var(--muted);font-size:11px}.note{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0}.empty{text-align:center;border:1px dashed #cedae7;background:#ffffff80;border-radius:12px;padding:80px 20px;color:var(--muted)}.empty>span{font-size:60px;color:#b4c4d3}.empty h2{color:var(--ink);margin:15px 0 8px}.empty p{font-size:12px}.empty-list{padding:20px 10px;text-align:center;font-size:12px;color:var(--muted)}#messages{display:flex;flex-direction:column;gap:12px;max-height:380px;overflow:auto;min-height:80px;margin:20px 0}.bubble{align-self:flex-start;max-width:85%;padding:11px 14px;border-radius:9px 9px 9px 2px;background:#eff3f7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.bubble.mine{align-self:flex-end;background:var(--light);border-radius:9px 9px 2px 9px}.delivery{display:block;font-size:10px;color:var(--muted);margin-top:6px}.composer{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:9px;padding:7px}.composer textarea{border:0;resize:vertical;flex:1;min-width:0;padding:8px;background:transparent;color:var(--ink);font-size:12px}.composer button{font-size:12px;padding:10px 13px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px;border:1px dashed #bfd3e5;border-radius:9px;background:#f8fbff;margin:18px 0 12px;cursor:pointer;text-align:center}.designer .dropzone{background:#f6fcfa}.dropzone>span{font-size:30px;color:var(--accent)}.dropzone strong{font-size:12px}.dropzone small,.dropzone input{font-size:10px;color:var(--muted)}.dropzone input{max-width:100%;margin-top:10px}.file-row{display:flex;gap:10px;align-items:center;border:1px solid var(--border);padding:11px;border-radius:8px;margin-top:10px}.file-row>span{color:var(--accent);font-size:22px}.file-row strong{font-size:12px;display:block}.file-row small{font-size:10px;color:var(--muted)}.file-row a{margin-inline-start:auto;text-decoration:none;color:var(--accent);font-size:12px}#feedback{margin:0 34px 18px;background:#e7f5ee;color:#22674b;border:1px solid #c6e9d7;border-radius:8px;padding:12px 16px;font-size:12px}#feedback.error,.error{color:#b34834}#feedback.error{background:#fff0ed;border-color:#ffd5ca}footer{font-size:10px;color:#9aa9b9;padding:27px 34px}dialog{width:min(580px,95vw);border:1px solid var(--border);border-radius:14px;padding:28px;color:var(--ink);box-shadow:0 25px 80px #0d223c40}dialog::backdrop{background:#12243d70;backdrop-filter:blur(3px)}dialog h2{font-size:22px}dialog .muted{margin:12px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.form-grid label{font-size:12px;color:#5b6c80}.form-grid input,.form-grid select{display:block;width:100%;padding:10px;border:1px solid #d5deea;border-radius:7px;background:white;color:var(--ink);margin-top:6px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:60px;background:linear-gradient(140deg,var(--nav),#0b2036);color:white;display:flex;flex-direction:column;justify-content:space-between}.designer .login-story{background:linear-gradient(140deg,#07525a,#062f35)}.login-story h1{font-size:46px;line-height:1.2;max-width:450px}.login-story p{color:#aac0d4;max-width:400px}.login-side{display:grid;place-items:center;padding:30px}.login-box{width:min(380px,100%)}.login-box h2{font-size:29px}.login-box label{display:block;font-size:12px;margin:20px 0 7px}.login-box input{width:100%;padding:12px;border:1px solid #d3dce7;border-radius:8px;background:white}.login-box .primary{width:100%;margin-top:24px}.login-box .errorlist{font-size:12px;color:#a43c29;background:#fff0ed;padding:12px 22px;border-radius:8px}
@media(min-width:1600px){.layout{max-width:1250px;grid-template-columns:310px minmax(0,1fr)}.heading,.summary{max-width:1318px}}@media(max-width:1150px){aside{width:185px}main{margin-inline-start:185px}.layout{grid-template-columns:225px minmax(0,1fr);gap:16px;margin-inline:22px}.heading,.topbar{padding-inline:22px}.summary{margin-inline:22px}.card{padding:17px}.summary>div{padding:14px}.summary span{font-size:10px}}@media(max-width:850px){aside{width:75px;padding:24px 8px}.brand{font-size:0;justify-content:center}.brand>span{font-size:42px}.workspace-label,.sidebar-foot>small{display:none}nav{margin-top:30px}nav button{font-size:10px;padding:12px 3px}main{margin-inline-start:75px}.layout{grid-template-columns:1fr}#order-list{display:flex;overflow-x:auto;gap:10px}.order-card{min-width:205px;width:205px;margin-bottom:0}.filters{max-width:340px}.detail-heading{margin-top:20px}.heading{align-items:flex-start}.heading p{font-size:11px}h1{font-size:25px}.summary{gap:8px}.summary>div{display:block}.summary strong{display:block}.empty{padding:40px 15px}.topbar{height:60px}.login-page{grid-template-columns:1fr}.login-story{padding:25px 35px;min-height:230px}.login-story .brand{font-size:25px;justify-content:flex-start}.login-story h1{font-size:30px;margin:20px 0 0}.login-story p{display:none}.login-side{padding:35px 25px}}@media(max-width:480px){.heading,.topbar{padding-inline:14px}.summary,.layout{margin-inline:14px}.summary>div{padding:10px}.summary span{font-size:9px}.heading>.primary{font-size:11px;padding:10px}.card{padding:14px}.detail-heading h2{font-size:18px}.composer{gap:3px}.composer button{padding:9px}.form-grid{grid-template-columns:1fr}.account,.topbar>span{font-size:10px}.sidebar-foot button{font-size:10px}}