@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{color:#1c2023;font-synthesis:none;--ink:#111416;--steel:#5f696e;--line:#d7dada;--accent:#b96b3d;--cream:#f7f7f4;background:#eceeed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}button:hover{border-color:#9ba1a3}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #a8572a}button svg{width:17px;height:17px}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{color:#eef0ef;z-index:10;background:#111416;flex-direction:column;width:245px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.12em;border-bottom:1px solid #303538;align-items:center;gap:12px;height:94px;padding:25px 22px;font:600 13px Manrope;display:flex}.brand>span,.brand-mark{letter-spacing:.08em;border:1px solid #7d8689;padding:8px 7px;font:700 14px Manrope}.brand small,.local small,.quote-brand small{color:#7f898d;letter-spacing:.12em;margin-top:4px;font-size:8px;display:block}nav{flex:1;padding:25px 12px}nav button{color:#92999c;background:0 0;border:0;justify-content:flex-start;width:100%;margin:3px 0;padding:12px 14px}nav button svg{width:18px}nav button svg:last-child{width:14px;margin-left:auto}nav button.active{color:#fff;background:#252a2c}.local{border:1px solid #303538;align-items:flex-start;gap:10px;margin:16px;padding:12px;font-size:12px;display:flex}.local>span{background:#739b83;border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px}.local>div{flex:1;min-width:0}.local b,.local small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.local small{letter-spacing:0;font-size:10px}.sign-out{color:#92999c;background:0 0;border:0;padding:0}.sign-out:hover{color:#fff}.mobile-close,.menu{display:none}main{grid-column:2}header{border-bottom:1px solid var(--line);background:#f5f6f4;justify-content:space-between;align-items:center;height:94px;padding:18px 40px;display:flex}header small,.eyebrow{letter-spacing:.16em;color:#737c80;font:700 10px Manrope}h1,h2,h3,h4{margin:3px 0;font-family:Manrope}h1{font-size:25px}.header-date{color:#737b7f;align-items:center;gap:25px;font-size:13px;display:flex}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.content{max-width:1500px;margin:auto;padding:32px 40px}.hero{color:#fff;background:linear-gradient(120deg,#181c1e,#343a3d);border-radius:3px;justify-content:space-between;align-items:center;min-height:150px;padding:28px 34px;display:flex;position:relative;overflow:hidden}.hero:after{content:"DST";color:#ffffff07;letter-spacing:-.1em;font:700 150px Manrope;position:absolute;right:18%}.hero h2{max-width:700px;font-size:25px}.hero p{color:#adb3b5;margin:8px 0}.hero button{z-index:1;color:#fff;background:0 0;border-color:#636b6e}.stats{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(6,1fr);margin:18px 0;display:grid}.stats article{border-right:1px solid var(--line);padding:18px 22px}.stats article:last-child{border:0}.stats small{color:#7a8285;font-size:11px;display:block}.stats strong{margin-top:4px;font:600 25px Manrope;display:block}.grid.two{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.panel{background:var(--cream);border:1px solid var(--line);border-radius:3px;padding:25px}.panel h3{font-size:18px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.text,.icon{background:0 0;border:0;padding:5px}.lead-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.avatar{background:#d8dcdb;place-items:center;width:36px;height:36px;display:grid}.lead-row div:nth-child(2){flex:1}.lead-row small,td small,.quote-row small{color:#7b8386;margin-top:3px;display:block}.pill,.active-tag{color:#455055;white-space:nowrap;background:#e4e7e5;border-radius:20px;padding:5px 8px;font-size:10px}.rate{grid-template-columns:70px 1fr 40px;align-items:center;gap:10px;margin:22px 0;font-size:12px;display:grid}.rate>div{background:#e1e3e2;height:4px}.rate i{background:var(--accent);height:4px;display:block}.hint{color:#747d80;font-size:11px;line-height:1.5}.experiment{grid-template-columns:1fr 110px 1fr;align-items:center;margin-top:18px;display:grid}.experiment p{color:#6d7679}.ring{--p:30deg;background:conic-gradient(var(--accent) var(--p),#dadddc 0);border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:relative}.ring:after{content:"";background:var(--cream);border-radius:50%;position:absolute;inset:6px}.ring span{z-index:1;font:700 20px Manrope}.ring small{font-size:10px}.experiment-metrics{justify-content:space-around;display:flex}.experiment-metrics b{font:600 22px Manrope}.experiment-metrics small{color:#737b7e;font:400 10px DM Sans;display:block}.empty{text-align:center;color:#778083;padding:30px}.empty svg{width:30px}.empty b{color:#3b4245;margin:8px;display:block}.empty p{font-size:12px}.toolbar{gap:8px;margin-bottom:16px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search svg{width:17px}.search input{background:0 0;border:0;outline:0;width:100%}.toolbar select,select,input,textarea{color:#252a2d;background:#fff;border:1px solid #cdd1d0;border-radius:5px;padding:10px}.table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.1em;color:#788084;background:#f0f1ef;font-size:10px}th,td{border-bottom:1px solid var(--line);padding:15px 18px}td{font-size:13px}.due{color:#9a4e29;font-weight:600}.modal-bg{z-index:20;background:#101315b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f6f7f5;width:min(760px,100%);max-height:94vh;padding:26px;overflow:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label,.workbench label,.quote-fields label{color:#5f686b;font-size:11px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.workbench input,.workbench textarea,.quote-fields input,.quote-fields textarea{width:100%;margin-top:6px;display:block}.wide{grid-column:1/-1}.modal-actions{gap:8px;margin-top:18px;display:flex}.modal-actions span{flex:1}.danger{color:#9b382f}.history{color:#667074;gap:8px;font-size:11px;display:flex}.history svg{width:14px}.offer-layout{grid-template-columns:340px 1fr;gap:22px;display:grid}.offer-card{text-align:left;width:100%;margin:5px 0;padding:18px}.offer-card>div{flex:1}.offer-card small{color:#727a7d;display:block}.offer-card.selected{box-shadow:inset 3px 0 var(--accent);border-color:#363c3f}.active-tag{color:#744428;background:#ded2c7}.editor{padding:30px}.grid.workbench{grid-template-columns:1fr 1fr;gap:18px;display:grid}.rule{grid-template-columns:1fr 75px 80px;gap:8px;margin:8px 0;display:grid}.rule input{width:100%}.rule span{color:#697276;align-self:center;font-size:11px}.recommend{background:#e9ecea;gap:12px;margin:20px 0;padding:16px;display:flex}.recommend svg{color:var(--accent)}.recommend p{color:#677074;margin:4px 0;font-size:12px}.full{justify-content:center;width:100%}.draft{grid-column:1/-1}.draft textarea{width:100%}.quote-start{text-align:center;padding:45px}.quote-start p{color:#6b7477}.quote-start .form-grid{text-align:left;max-width:700px;margin:25px auto}.quote-row{border-top:1px solid var(--line);align-items:center;gap:20px;padding:14px;display:flex}.quote-row>div{flex:1}.quote-doc{max-width:900px;margin:auto;padding:45px}.quote-brand{letter-spacing:.1em;border-bottom:2px solid #222;grid-template-columns:55px 1fr 1fr;align-items:center;padding-bottom:25px;font-size:12px;display:grid}.quote-brand>div:last-child{text-align:right}.quote-brand span{font-size:10px;display:block}.quote-for{justify-content:space-between;padding:35px 0;display:flex}.quote-for>div:last-child{text-align:right}.quote-for small{letter-spacing:.15em;color:#717a7d;font-size:9px}.quote-for h2{font-size:25px}.quote-for p{font-size:12px}.quote-for input{background:0 0;border:0;padding:4px}.quote-fields{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.quote-fields label{border-bottom:1px solid var(--line);padding:14px}.quote-fields label:nth-child(odd){border-right:1px solid var(--line)}.quote-fields input,.quote-fields textarea{background:0 0;border:0;padding:4px 0;font-size:13px}.totals{width:50%;margin:25px 0 0 auto;display:grid}.totals span,.totals strong{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px;font-size:12px;display:flex}.totals strong{color:#fff;background:#1a1e20}.quote-note{text-align:center;color:#70797c;font-size:10px}.timer{z-index:1;font:600 28px Manrope}.timer small{color:#91999c;font:400 10px DM Sans;display:block}.queue-item{border-top:1px solid var(--line);grid-template-columns:35px 35px 1fr auto 160px;align-items:center;gap:12px;padding:17px 0;display:grid}.queue-item.complete{opacity:.5}.check{width:27px;height:27px;padding:4px}.order{color:#9a9fa1;font:600 11px Manrope}.queue-item h4{font-size:14px}.queue-item p{color:#747c80;margin:3px 0;font-size:11px}.toast{z-index:50;color:#fff;background:#1d2224;border-radius:4px;align-items:center;gap:8px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;right:25px}.toast svg{color:#82b491;width:17px}.auth-shell{background:radial-gradient(circle at top,#353b3e 0,#171b1d 38%,#0d1011 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#f7f7f4;border:1px solid #4d5355;width:min(440px,100%);padding:38px;box-shadow:0 28px 80px #0008}.auth-brand{letter-spacing:.12em;align-items:center;gap:12px;margin-bottom:48px;font:700 13px Manrope;display:flex}.auth-brand>span{border:1px solid #7d8689;padding:8px 7px}.auth-brand small{color:#7f898d;letter-spacing:.12em;margin-top:4px;font-size:8px;display:block}.auth-card>svg{width:36px;height:36px;color:var(--accent);margin-bottom:14px}.auth-card h1{margin:8px 0;font-size:27px}.auth-card>p:not(.eyebrow){color:#667074;line-height:1.55}.auth-card form{gap:15px;margin-top:26px;display:grid}.auth-card label{color:#5f686b;font-size:11px;font-weight:600}.auth-card input{width:100%;margin-top:6px;display:block}.auth-error{font-size:12px;color:#9b382f!important}.auth-loading{text-align:center}.auth-loading>svg{margin:0 auto 16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.shell{display:block}aside{transition:all .2s;transform:translate(-100%)}aside.open{transform:none}.mobile-close,.menu{display:flex}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto}.menu{margin-right:15px}main{width:100%}header{padding:15px 20px}.header-date span{display:none}.content{padding:20px}.stats{grid-template-columns:repeat(3,1fr)}.grid.two,.grid.workbench,.offer-layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{min-width:100%;height:42px}.experiment{grid-template-columns:1fr}.experiment-metrics{margin-top:20px}.queue-item{grid-template-columns:35px 25px 1fr}.queue-item>.pill,.queue-item>select{display:none}}@media (width<=600px){.header-date button{font-size:0}.hero{display:block}.hero button{margin-top:15px}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.modal,.quote-doc{padding:18px}.quote-fields{grid-template-columns:1fr}.quote-fields label:nth-child(odd){border-right:0}.totals{width:100%}.auth-shell{min-height:100dvh;padding:16px}.auth-card{width:100%;max-width:100%;padding:28px 22px;overflow:hidden}.auth-brand{margin-bottom:36px}.auth-brand>div{min-width:0}.auth-card h1{font-size:24px}.auth-card input{min-width:0;font-size:16px}}@media print{aside,header,.no-print,.toast{display:none!important}.shell{display:block}.content{padding:0}.quote-doc{border:0;max-width:none;padding:20px}.quote-fields input,.quote-fields textarea{resize:none}.quote-note{margin-top:30px}}
