:root {
  --forest:#102d23; --forest-2:#173c2f; --green:#2e7458; --mint:#8eb8a7;
  --paper:#f1f5f2; --white:#fbfcfb; --line:#cad7d1; --ink:#14251e;
  --muted:#68766f; --brass:#a8843e; --red:#bd493f; --amber:#d8a844;
  --shadow:0 18px 55px rgba(16,45,35,.09); --radius:14px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}
button,input,select,textarea{font:inherit}input::placeholder,textarea::placeholder{color:#adb6b2;opacity:1;font-weight:400}.field select:required:invalid{color:#adb6b2}.field select option{color:var(--ink)} button{cursor:pointer} a{color:inherit}.boot{padding:10vh;text-align:center;color:var(--muted)}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) 1fr;background:var(--white)}
.login-panel{padding:8vh clamp(32px,7vw,92px);display:flex;flex-direction:column;justify-content:center}
.login-art{position:relative;overflow:hidden;background:var(--forest);color:#dbe9e2;padding:9vh 7vw;display:flex;flex-direction:column;justify-content:space-between}
.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:520px;height:520px;right:-180px;top:-160px}
.login-art:after{width:340px;height:340px;right:-90px;top:-70px}.login-art>*{position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:14px}.seal{width:46px;height:46px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px;letter-spacing:1px}.brand-name{font:700 20px Georgia,serif}.brand-sub{font-size:10px;letter-spacing:3px;color:var(--mint);margin-top:5px;text-transform:uppercase}
.login h1{font:500 clamp(38px,5vw,62px)/1.04 Georgia,serif;margin:50px 0 16px}.login-art p{max-width:560px;font:400 18px/1.6 Georgia,serif;color:#abc1b6}
.login-foot{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7fa18f}.login-panel h2{font:500 33px Georgia,serif;margin:28px 0 8px}.login-panel>p{color:var(--muted);margin:0 0 30px;line-height:1.6}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#43564d}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:13px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,116,88,.1)}.field textarea{min-height:88px;resize:vertical}.hint{font-size:12px;color:var(--muted);line-height:1.45}.req{color:var(--red)}
.btn{border:0;border-radius:8px;padding:12px 18px;background:var(--forest);color:white;font-weight:700;letter-spacing:.2px;transition:.16s}.btn:hover{transform:translateY(-1px);background:var(--forest-2)}.btn.block{width:100%}.btn.secondary{background:white;color:var(--forest);border:1px solid var(--line)}.btn.danger{background:#fff4f2;color:var(--red);border:1px solid #e8b9b4}.btn.small{font-size:12px;padding:8px 12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.demo-logins{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.demo-logins summary{font-size:12px;color:var(--muted);cursor:pointer}.login-chip{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e7ece9;font-size:12px}.login-chip button{border:0;background:none;color:var(--green);font-weight:700}
.demo-login-note{margin:28px 0 0;padding:12px 14px;border:1px solid #dfbd78;border-radius:9px;background:#fff7e6;color:#805815}.demo-login-note b,.demo-login-note span{display:block}.demo-login-note b{font-size:11px;letter-spacing:1.2px}.demo-login-note span{font-size:12px;margin-top:3px}
.sandbox-control{margin:28px 0 0;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#f7faf8;display:flex;align-items:center;justify-content:space-between;gap:18px;transition:.2s}.sandbox-control.active{border-color:#dfbd78;background:#fff7e6;color:#805815}.sandbox-control b,.sandbox-control span{display:block}.sandbox-control b{font-size:12px;letter-spacing:.4px}.sandbox-control span{font-size:11px;color:var(--muted);margin-top:4px}.sandbox-control.active span{color:#8d6a2f}.switch{position:relative;display:inline-flex;flex:0 0 auto;width:46px;height:26px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch>span{width:46px;height:26px;border-radius:99px;background:#aab8b1;transition:.2s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.switch>span:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:.2s}.switch input:checked+span{background:var(--amber)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:disabled+span{opacity:.55;cursor:wait}
.otp-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8faf9}.otp-code{font:700 31px/1 ui-monospace,Consolas,monospace;letter-spacing:7px;color:var(--green);padding:14px 0}.back-link{border:0;background:none;padding:14px 0;color:var(--green);font-weight:700}
.shell{min-height:100vh;display:grid;grid-template-columns:258px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--forest);color:#e3ede8;padding:28px 18px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 7px 28px}.nav{display:grid;gap:7px}.nav button{border:0;border-radius:8px;text-align:left;background:transparent;color:#9fc0b1;padding:13px 14px;font-weight:600}.nav button.active,.nav button:hover{background:#edf2ef;color:var(--forest)}.nav .ico{display:inline-block;width:24px}.side-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.11);padding:20px 7px 0;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brass);color:var(--forest);display:grid;place-items:center;font-weight:800}.side-user b{display:block;font-size:13px}.side-user span{font-size:11px;color:#8fb0a1}.logout{margin-left:auto;border:0;background:none;color:#8fb0a1;font-size:18px}
.demo-banner{margin:0 6px 18px;padding:10px 11px;border:1px solid rgba(232,190,96,.5);border-radius:8px;background:rgba(216,168,68,.13);color:#f0cf83}.demo-banner b,.demo-banner span{display:block}.demo-banner b{font-size:10px;letter-spacing:1.4px}.demo-banner span{font-size:10px;margin-top:3px;color:#bfae87}
.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 clamp(22px,4vw,55px);display:flex;align-items:center;justify-content:space-between;background:rgba(241,245,242,.92);position:sticky;top:0;z-index:4;backdrop-filter:blur(10px)}.crumb{font-weight:650;font-size:14px}.date-pill{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:white;font-size:12px;color:var(--muted)}
.content{padding:35px clamp(22px,4vw,55px) 70px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--green)}.page-head h1,.section-title{font:600 31px Georgia,serif;margin:7px 0 0}.page-head p{color:var(--muted);margin:7px 0 0}.hero{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:28px}.hero:after{content:"TDR";position:absolute;right:30px;top:5px;font:100px Georgia,serif;color:rgba(16,45,35,.035)}.hero h2{font:500 30px Georgia,serif;margin:7px 0 20px;padding-bottom:15px;border-bottom:2px solid var(--forest)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:18px}.stat{min-width:0}.stat .label{font-size:11px;color:var(--muted);font-weight:700}.stat .value{font:600 26px Georgia,serif;margin-top:7px}.stat .value.brass{color:var(--brass)}.stat .sub{font-size:11px;color:var(--muted);margin-top:5px}
.section-row{display:flex;align-items:center;justify-content:space-between;margin:31px 0 14px}.section-title{font-size:23px}.card{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);box-shadow:0 8px 30px rgba(16,45,35,.04)}
.browse-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:14px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(251,252,251,.96);box-shadow:0 7px 24px rgba(16,45,35,.04)}.smart-search{position:relative;min-width:0}.smart-search input{width:100%;height:43px;border:1px solid var(--line);border-radius:8px;background:white;padding:0 42px;color:var(--ink);outline:none}.smart-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,116,88,.1)}.search-icon{position:absolute;left:14px;top:10px;font-size:20px;color:var(--green);pointer-events:none}.search-clear{position:absolute;right:7px;top:6px;width:31px;height:31px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:21px}.search-clear:hover{background:#edf2ef;color:var(--forest)}.sort-control{display:flex;align-items:center;gap:9px}.sort-control label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.sort-control select{height:43px;min-width:190px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:0 34px 0 12px;outline:none}.sort-control select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,116,88,.1)}.result-count{min-width:76px;text-align:right;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:780px}.table th{background:#e4ebe7;color:#3d5148;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;text-align:left;padding:15px 18px}.table td{padding:17px 18px;border-top:1px solid var(--line);font-size:13px;vertical-align:top}.table tr.click:hover td{background:#f7f9f8;cursor:pointer}.primary{font-weight:750}.secondary-text{color:var(--muted);font-size:11px;margin-top:4px}.money{font-family:ui-monospace,Consolas,monospace;color:var(--brass);font-weight:700;white-space:nowrap}.table tfoot td{border-top:2px solid var(--line);font-weight:750;background:#eef2f0}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 9px;background:#e7efe9;color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.awaiting_lead_otp,.pill.awaiting_final_otp{background:#fff6df;color:#9b6b13}.pill.confirming{background:#eef1f0;color:#66736d}.pill.exhausted{background:#fff0ef;color:var(--red)}.pill.locked{background:#e2f0e9;color:#216f50}
.empty{padding:55px 25px;text-align:center;color:var(--muted)}.empty .circle{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;color:var(--green);font-size:22px}
.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:17px}.offer{padding:22px}.offer-head{display:flex;justify-content:space-between;gap:15px}.offer h3{font:600 21px Georgia,serif;margin:0}.offer .amount{font:600 26px Georgia,serif;color:var(--brass);margin:20px 0 5px}.offer-actions{display:flex;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 22px;margin:18px 0}.detail-list div{font-size:12px;color:var(--muted);min-width:0}.detail-list b{display:block;color:var(--ink);font-size:13px;margin-top:3px}.drc-scan{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.quote-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.quote-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #d5bd86;border-radius:9px;background:#fffaf0}.quote-preview span{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.quote-preview strong{font:600 20px Georgia,serif;color:var(--brass)}.quote-note{margin-top:12px;padding:11px 13px;border-left:3px solid var(--amber);background:#fff8e9;color:#715b2e;font-size:12px;line-height:1.5}.quote-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#f7faf8}.quote-summary div{font-size:11px;color:var(--muted)}.quote-summary b{display:block;margin-top:5px;color:var(--ink)}.final-quote{margin-top:12px;padding:13px 15px;border:1px solid #b7d4c5;border-radius:9px;background:#eaf4ee;color:var(--green);font-size:12px;line-height:1.5}.final-quote b{display:block;margin-bottom:3px}
.modal-backdrop{position:fixed;inset:0;background:rgba(7,24,18,.55);z-index:20;display:grid;place-items:start center;padding:4vh 18px;overflow:auto}.modal{width:min(960px,100%);background:var(--paper);border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.3);overflow:hidden}.modal-head{background:var(--forest);color:white;padding:21px 27px;display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:500 24px Georgia,serif;margin:0}.close{border:0;background:none;color:white;font-size:25px}.modal-body{padding:27px}.form-section{margin-bottom:28px}.form-section h3{font:600 20px Georgia,serif;margin:0 0 5px}.form-section>p{font-size:12px;color:var(--muted);margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.span-2{grid-column:1/-1}.asr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.asr-box{border:1px solid var(--line);border-radius:9px;background:white;padding:13px}.asr-box label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.asr-box input{border:0;border-bottom:1px solid var(--line);width:100%;padding:9px 0 4px;outline:none}.current-tag{font-size:9px;background:#e5f0e9;color:var(--green);padding:3px 6px;border-radius:8px;margin-left:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
.field input:disabled,.field select:disabled{background:#f1f4f2;color:var(--muted);cursor:not-allowed}.field-help{font-size:12px;color:var(--muted);line-height:1.45}.optional{font-size:9px;letter-spacing:.7px;color:var(--muted);font-weight:600}.optional-tag{display:inline-block;margin-left:7px;border:1px solid var(--line);border-radius:9px;padding:3px 7px;font:700 9px sans-serif;letter-spacing:1px;color:var(--muted);vertical-align:middle}.phone-control{display:grid;grid-template-columns:auto 1fr;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.phone-control:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,116,88,.1)}.phone-control>span{display:grid;place-items:center;padding:0 13px;background:#f1f5f2;border-right:1px solid var(--line);font-weight:700;color:var(--forest)}.field .phone-control input{border:0;border-radius:0;box-shadow:none}
.form-alert{margin:0 0 18px;padding:14px 17px;border:1px solid #b7d4c5;border-radius:9px;background:#eaf4ee;color:var(--green);font-size:13px;line-height:1.5}.form-alert.bad{border-color:#e2b0aa;background:#fff1ef;color:var(--red)}.form-alert b{display:block;margin-bottom:2px}
.otp-stage{text-align:center;padding:35px 15px}.otp-stage .seal-big{width:75px;height:75px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--green);font-size:27px}.otp-stage h3{font:600 29px Georgia,serif;margin:18px 0 8px}.otp-mrp{display:grid;gap:5px;margin:22px auto;padding:19px;border:1px solid #d5bd86;border-radius:12px;background:linear-gradient(135deg,#fffaf0,#f5edda);max-width:500px;color:var(--forest)}.otp-mrp span{font-size:10px;font-weight:800;letter-spacing:1.5px}.otp-mrp strong{font:600 31px Georgia,serif;color:var(--brass)}.otp-mrp small{color:var(--muted);font-size:12px}.otp-input{width:190px!important;text-align:center;font:700 25px ui-monospace,monospace!important;letter-spacing:8px;margin:18px auto}.otp-stage .demo{display:inline-block;background:#e3eee8;color:var(--green);border-radius:8px;padding:9px 13px;font:700 16px ui-monospace,monospace}
.deal-detail{padding:0 22px 22px}.deal-detail-inner{border-top:1px solid var(--line);padding-top:18px}.timeline{display:flex;align-items:center;margin:17px 0 22px}.timeline .step{flex:1;text-align:center;font-size:9px;text-transform:uppercase;color:var(--muted);position:relative;padding-top:19px}.timeline .step:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:white;border:1px solid #abc0b6;top:0;left:calc(50% - 5px);z-index:1}.timeline .step:after{content:"";height:2px;background:#cad8d1;position:absolute;left:0;right:0;top:4px}.timeline .step:first-child:after{left:50%}.timeline .step:last-child:after{right:50%}.timeline .step.done:before{background:var(--forest);border-color:var(--forest)}.timeline .step.done{color:var(--forest);font-weight:700}.docs{display:flex;flex-wrap:wrap;gap:8px}.doc-link{text-decoration:none;border:1px solid var(--line);border-radius:7px;background:white;padding:9px 11px;font-size:11px;font-weight:700;color:var(--green)}
.activity{border-left:1px solid var(--line);margin:12px 0 5px 7px}.activity-item{position:relative;padding:0 0 15px 18px;font-size:12px}.activity-item:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);left:-4px;top:4px}.activity-item small{display:block;color:var(--muted);margin-top:3px}.confirm-row{display:grid;grid-template-columns:1.5fr .55fr 1.05fr .8fr .6fr .8fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.confirm-row.head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:800}.pool-tag{font-size:9px;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:#e5eee9;color:var(--green)}
.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:390px;background:var(--forest);color:white;border-radius:9px;padding:13px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}
@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px}.sidebar .brand{padding:0}.nav{display:flex;margin-top:13px;overflow:auto}.side-user{position:absolute;right:15px;top:6px;border:0;padding:0}.side-user>div:not(.avatar),.logout{display:none}.topbar{top:0}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.content{padding-top:24px}.browse-tools{grid-template-columns:1fr auto}.result-count{grid-column:1/-1;text-align:left;padding:0 3px}}
@media(max-width:560px){.login-panel{padding:35px 23px}.stats{grid-template-columns:1fr 1fr}.hero{padding:22px}.page-head{align-items:start;flex-direction:column}.offer-grid{grid-template-columns:1fr}.detail-list,.quote-summary{grid-template-columns:1fr}.modal-body{padding:20px}.confirm-row{grid-template-columns:1fr}.confirm-row.head{display:none}.browse-tools{grid-template-columns:1fr}.sort-control{display:grid;grid-template-columns:auto 1fr}.sort-control select{min-width:0;width:100%}.result-count{grid-column:auto}}

.nav button{position:relative}.nav-badge{float:right;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--amber);color:var(--forest);display:inline-grid;place-items:center;font-size:10px;font-weight:900}
.detail-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0;padding:13px 15px;border:1px solid #d5bd86;border-radius:9px;background:#fffaf0}.detail-banner b{font:600 16px Georgia,serif}.detail-banner span{font-size:11px;color:var(--muted)}
.detail-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 10px;font:600 18px Georgia,serif}.doc-missing{min-width:190px;padding:10px 12px;border:1px dashed var(--line);border-radius:7px;background:#f7faf8}.doc-missing b,.doc-missing span{display:block}.doc-missing b{font-size:11px}.doc-missing span{font-size:10px;color:var(--muted);margin-top:3px}
.supplier-disclosure>p{margin:0 0 12px;color:var(--muted);font-size:11px}.supplier-table{min-width:620px}.supplier-table td:first-child{width:50%}
.notification-list{display:grid;gap:13px}.notification{padding:20px;cursor:pointer;transition:.15s}.notification:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.notification.unread{border-left:4px solid var(--brass);background:#fffdf7}.notification.read{opacity:.76}.notification h3{font:600 20px Georgia,serif;margin:4px 0}.notification p{line-height:1.55;color:#394a42}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{padding:23px}.settings-card h3{font:600 21px Georgia,serif;margin:0 0 15px}
.pill.queued{background:#fff6df;color:#9b6b13}.pill.failed{background:#fff0ef;color:var(--red)}.pill.sent{background:#e2f0e9;color:#216f50}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.detail-banner{align-items:flex-start;flex-direction:column}}