/* TailAdmin geometry and typography adapted to the Weebz brand palette.
   Reference: https://demo.tailadmin.com/ . Brand: https://www.weebzmandiri.com/ . */
@font-face{font-family:Outfit;src:url('assets/outfit.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Outfit,'Segoe UI',sans-serif;--nav:#fff;--nav-hover:#fff7e5;--accent:#b2340b;--accent-soft:#fff2d0;--bg:#f9f9f9;--text:#231f20;--muted:#6d6e71;--border:#e7e5e3;--radius:16px}
body{background:var(--bg)}.sidebar{width:290px;padding:31px 20px 24px;background:#fff;border-right:1px solid var(--border);color:var(--text);overflow-y:auto}.brand{height:103px;padding:0 12px;gap:5px;justify-content:center}.brand-logo{width:132px;height:auto}.brand-sub,.brand .brand-sub{font-size:12px;color:var(--muted)}.nav-label{font-size:12px;font-weight:400;letter-spacing:0;color:#8c8885;margin:27px 12px 19px}nav{gap:8px}.nav-item{font-size:14px;font-weight:500;padding:12px 14px;border-radius:8px;color:#544e4b;gap:12px;min-height:44px}.nav-item .icon{width:24px;height:24px;color:#817a76}.nav-item.active{background:#fff2d0;color:#9e2a0b}.nav-item.active .icon{color:#de5326}.nav-item:hover{color:#9e2a0b;background:#fff7e5}.sidebar-bottom{padding:0 10px}.demo-badge{color:#8c8885;font-size:12px;letter-spacing:0;font-weight:400;margin:30px 0 8px}.sidebar-bottom p{color:var(--muted);font-size:13px;margin:0 0 24px}.profile{border-color:var(--border);padding:20px 0 0}.sidebar .profile strong{color:var(--text);font-size:14px;font-weight:500}.profile span:not(.avatar){color:var(--muted);font-size:12px}.sidebar .avatar,.avatar{background:#fff2d0;color:#9e2a0b}.workspace{margin-left:290px}.topbar{height:77px;padding:16px 24px;gap:20px;position:sticky;top:0;z-index:10;border-color:var(--border)}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.mobile-menu{display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0;border-radius:8px;color:#6d6e71}.global-search{position:relative;width:min(430px,100%);min-width:0}.global-search input{height:44px;width:100%;padding:10px 68px 10px 46px;border-color:var(--border);background:#fff;font-size:14px;border-radius:8px;box-shadow:0 1px 2px #231f2005}.global-search>.icon{position:absolute;left:15px;top:12px;width:20px;height:20px;color:#6d6e71}.global-search kbd{position:absolute;right:10px;top:10px;font:12px Outfit,sans-serif;background:#f9f9f9;color:#8c8885;border:1px solid var(--border);padding:2px 6px;border-radius:5px;pointer-events:none}.topbar-right{gap:16px;flex-shrink:0}.header-circle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#6d6e71;background:#fff}.header-circle:hover{background:#fff2d0;color:#9e2a0b}.header-user{display:flex;align-items:center;gap:12px;color:var(--text);font-size:14px;font-weight:500;line-height:1.4}.header-user .avatar{width:42px;height:42px;font-size:14px}.header-user-sub{display:block;font-size:12px;font-weight:400;color:var(--muted)}.save-status{font-size:12px}.demo-pill{font-size:12px;background:#fff2d0;color:#9e2a0b;border:0;padding:3px 8px}.breadcrumb{font-size:13px;color:#8c8885;padding:19px 24px 0;max-width:1600px;margin:auto}main{padding:19px 24px 40px;max-width:1600px}.page-heading{align-items:center;margin-bottom:24px;gap:20px}.eyebrow{display:none}h1{font-size:24px;font-weight:600;letter-spacing:-.45px;margin-bottom:6px}h2{font-size:18px;font-weight:600;letter-spacing:0}h3{font-size:16px;font-weight:500}.subtext{font-size:14px;color:var(--muted)}.button{border-radius:8px;padding:11px 16px;border-color:var(--border);font-size:14px;font-weight:500;box-shadow:0 1px 2px #231f2005;gap:8px}.button:hover{background:#f9f9f9;border-color:#d7c19f}.button.primary{background:#b2340b;border-color:#b2340b;color:#fff}.button.primary:hover{background:#9e2a0b}.button.small{border-radius:8px;padding:8px 12px;font-size:13px}.button.danger{color:#7e0e23;border-color:#e5c8ce}.icon-button{border-radius:8px;border-color:var(--border)}.stats{gap:24px;margin-bottom:24px}.stat{padding:24px;border-radius:16px;display:flex;flex-direction:column;border-color:var(--border);box-shadow:none;min-height:183px}.stat-label{font-size:14px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:16px}.stat-icon{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;background:#f5f3ef;color:#520f18}.stat-icon .icon{width:24px;height:24px}.stat-value{font-size:30px;font-weight:600;letter-spacing:-.4px;margin-top:7px}.stat-foot{font-size:12px;margin-top:8px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}.panel{border-radius:16px;border-color:var(--border);box-shadow:none}.panel-header{padding:23px 24px;border-color:var(--border);align-items:center}.panel-body{padding:24px}.text-link{font-weight:500;font-size:14px}.chart-row{grid-template-columns:166px minmax(40px,1fr) 30px;font-size:14px;gap:12px}.chart-track{height:10px;background:#f7f1e9}.chart-bar{background:#de5326}.chart-summary{font-size:13px;border-color:var(--border);margin-top:25px}.task-row{padding:19px 24px;border-color:var(--border);gap:12px}.task-title{font-size:14px;font-weight:500}.task-meta{font-size:12px;line-height:1.6}.task-check{appearance:none;width:20px;height:20px;background:#fff;border:1px solid #d4cfcb;border-radius:6px;position:relative;margin-top:2px;cursor:pointer}.task-check:checked{background:#b2340b;border-color:#b2340b}.task-check:checked:after{content:'';position:absolute;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);left:6px;top:3px}.badge{border-radius:999px;font-size:12px;font-weight:500;padding:3px 9px;background:#f3f2ef;color:#6d6e71}.badge.blue{background:#fff2d0;color:#9e2a0b}.badge.amber{background:#fff2d0;color:#765423}.badge.green{background:#fff2d0;color:#520f18}.badge.red{background:#f8e9ec;color:#7e0e23}.text-good{color:#765423}.text-danger{color:#7e0e23}.text-warning{color:#b2340b}.form-error{color:#7e0e23;background:#f8e9ec}.button.danger{color:#7e0e23}table{font-size:14px}th{background:#fcfcfc;border-color:var(--border);font-weight:500;font-size:12px;padding:14px 24px}td{padding:18px 24px;border-color:var(--border)}tbody tr:hover{background:#fffdf8}.row-link{font-size:14px;font-weight:500}.cell-sub{font-size:12px}.money{font-weight:500}.customer-initial{background:#fff2d0;color:#9e2a0b;width:40px;height:40px;border-radius:10px}.owner{font-size:14px}.owner .avatar{width:32px;height:32px;font-size:12px}.toolbar{gap:12px;margin-bottom:24px}.search{max-width:400px}.search input{height:44px;border-radius:8px}.search .icon{top:12px;color:var(--muted)}input,select,textarea{border-radius:8px;border-color:#dedad6;font-size:14px;padding:11px 14px;box-shadow:0 1px 2px #231f2005;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:#de5326;box-shadow:0 0 0 3px #ffd44830}input::placeholder,textarea::placeholder{color:#8c8885}select{height:44px}.board{grid-template-columns:repeat(7,280px);gap:20px}.board-column{background:#f3f2ef;border-color:var(--border);border-radius:14px;padding:16px;min-height:430px}.column-heading{font-size:14px;font-weight:500;margin-bottom:9px}.column-count{border-radius:6px;font-weight:400}.column-total{color:var(--muted)}.deal-card{border-radius:12px;padding:19px;border-color:var(--border);box-shadow:0 1px 2px #231f2006;margin-bottom:16px}.deal-card:hover{border-color:#fede8b}.deal-card .money{font-size:16px;margin:17px 0}.deal-card-footer{border-color:var(--border);padding-top:14px}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:24px}.detail-main,.detail-side{gap:24px}.detail-tabs{padding:0 24px;gap:26px;border-color:var(--border)}.detail-tab{font-size:14px;font-weight:400;padding:18px 0}.detail-tab.active{font-weight:500;border-color:#de5326;color:#b2340b}.stage-strip{padding:6px;background:#f3f2ef;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px}.stage-chip{padding:8px 12px;border:0;border-radius:7px;background:transparent;font-size:12px}.stage-chip.current{background:#fff;color:#9e2a0b;box-shadow:0 1px 3px #231f2014}.stage-chip:hover{background:#fffaf0}.detail-info{gap:24px}.field-label{font-size:12px}.field-value{font-size:14px;line-height:1.6}.summary-value{font-size:30px;font-weight:600}.definition-list{gap:18px}.definition{font-size:14px}.activity{border-color:var(--border);padding:20px 0}.contact-entry{border-color:var(--border)}.back-link{font-size:14px}.empty{padding:40px 24px;font-size:14px}.notice{border-color:#ffd448;background:#fffaf0;color:#765423}.toast{background:#520f18;box-shadow:0 8px 20px #520f1820;border-radius:10px;font-size:14px}dialog{width:min(700px,calc(100% - 32px));border-radius:20px;border-color:var(--border);box-shadow:0 20px 80px #520f1830}dialog::backdrop{background:#231f2066;backdrop-filter:blur(3px)}.modal-head{padding:25px 28px;border-color:var(--border)}.modal-head h2{font-size:22px;font-weight:600}.modal-body{padding:25px 28px}.modal-footer{padding:20px 28px;background:#fff;border-color:var(--border)}.form-grid{gap:20px}.quote-item{border-radius:12px;border-color:var(--border);padding:18px}.quote-totals{background:#fcfaf6;border-color:var(--border);border-radius:12px}.error-panel{border-color:#d7c19f}.save-status.error{color:#7e0e23}.sidebar-collapsed .sidebar{width:90px;padding-inline:16px}.sidebar-collapsed .workspace{margin-left:90px}.sidebar-collapsed .brand{padding:0;align-items:center}.sidebar-collapsed .brand-logo{width:58px}.sidebar-collapsed .brand-sub,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed nav{margin-top:30px}.sidebar-collapsed .nav-item{font-size:0;justify-content:center;padding:12px}.sidebar-collapsed .nav-item .icon{width:24px;height:24px}
@media(max-width:1250px){.topbar-right{gap:12px}.save-status{display:none}.global-search{max-width:340px}.overview-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}.stat{padding:20px}.stats{gap:16px}}
@media(max-width:1023px){.sidebar{transform:translateX(-100%);width:290px!important;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #520f1820}.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapsed .brand{padding:0 12px;align-items:flex-start}.sidebar-collapsed .brand-logo{width:132px}.sidebar-collapsed .brand-sub,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-bottom{display:initial}.sidebar-collapsed .nav-item{font-size:14px;justify-content:flex-start;padding:12px 14px}.sidebar-collapsed nav{margin-top:0}.detail-grid{grid-template-columns:minmax(0,1fr) 300px}.sidebar .brand{height:103px}}
@media(max-width:767px){.topbar{padding:14px 18px;height:73px;gap:12px}.global-search{max-width:100%}.global-search input{padding-right:12px}.global-search kbd{display:none}.topbar-left{gap:12px}.header-user>span:last-child,.demo-pill,.header-circle{display:none}.header-user .avatar{width:38px;height:38px}.topbar-right{gap:0}.breadcrumb{padding:17px 18px 0}main{padding:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat{padding:19px;min-height:170px}.stat-icon{display:grid;height:38px;width:38px}.stat-value{font-size:27px}.stat-label{font-size:14px;gap:12px}.stat-foot{font-size:12px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}h1{font-size:24px}.heading-actions{width:100%}.heading-actions .button.primary{margin-left:auto}.overview-grid{gap:20px}.panel-header,.panel-body{padding:20px}.chart-row{grid-template-columns:145px minmax(25px,1fr) 22px;font-size:13px}.chart-summary{font-size:12px;gap:12px}.detail-grid{grid-template-columns:1fr}.detail-side{grid-template-columns:1fr}.detail-tabs{gap:20px;padding:0 20px}.stage-strip{width:100%;gap:4px}.stage-chip{font-size:12px;padding:7px 9px}.task-row{padding:18px 20px}.table-wrap table{min-width:700px}.toolbar select{flex:1}.board{grid-template-columns:repeat(7,260px)}.modal-head,.modal-body{padding:22px}.modal-footer{padding:20px 22px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.quote-item-fields{grid-template-columns:1fr 1fr}.quote-item-fields .form-field:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.view-toggle{display:flex;width:max-content;gap:4px;padding:4px;border:1px solid #e4e7ec;background:#fff;border-radius:10px;margin:0 0 20px}.view-toggle .button{border:0;background:transparent;min-height:36px;padding:8px 16px}.view-toggle .button.selected{background:#fff2d0;color:#b2340b}.pipeline-list table{min-width:1250px}.pipeline-list td:first-child{min-width:230px;max-width:280px}.pipeline-list td:last-child{min-width:220px;max-width:280px}.sort-heading{border:0;background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer;padding:0;text-align:left;white-space:nowrap}.sort-heading:hover{color:#b2340b}.overdue-text{color:#7e0e23}.pipeline-list .panel-header{gap:12px;flex-wrap:wrap}
.pipeline-list td:nth-child(2){min-width:160px}.pipeline-list td:nth-child(3){min-width:100px}.pipeline-list td:first-child,.pipeline-list th:first-child{position:sticky;left:0;z-index:1;background:#fff}.pipeline-list th:first-child{background:#f9fafb}.pipeline-list .table-wrap{max-height:65vh;overflow:auto}.pipeline-list thead th{position:sticky;top:0;z-index:2;background:#f9fafb}.pipeline-list thead th:first-child{z-index:3}
.stage-edit{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:5px;background:transparent;color:#6d6e71;cursor:pointer;font:inherit;white-space:nowrap}.stage-edit:hover{border-color:#fede8b;background:#fef6e9}.stage-edit:focus-visible{outline:2px solid #de5326;outline-offset:2px}
.brand .product-wordmark{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#520f18;font-weight:400;white-space:nowrap}.product-wordmark strong{font-weight:600;letter-spacing:.1px}.sidebar .brand{height:125px}.sidebar-collapsed .product-wordmark{display:none}@media(max-width:1023px){.sidebar-collapsed .product-wordmark{display:block}.sidebar .brand{height:125px}}
.director-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 16px}.director-total{text-align:right}.director-total strong{display:block;font-size:22px;color:#520f18;font-weight:600}.performance-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:24px}.performance-grid .panel{min-width:0}.performance-grid table{min-width:510px}.performance-note{font-size:12px;color:#6d6e71;padding:16px 24px;margin:0;border-top:1px solid #e4e7ec}@media(max-width:1250px){.performance-grid{grid-template-columns:1fr}}@media(max-width:767px){.director-heading{align-items:flex-start;flex-direction:column}.director-total{text-align:left}}
.performance-grid{grid-template-columns:minmax(0,1fr)}.performance-grid table{min-width:0;width:100%;table-layout:fixed}.performance-grid th,.performance-grid td{overflow-wrap:anywhere;white-space:normal}.performance-grid th:first-child,.performance-grid td:first-child{width:34%}.performance-grid .owner{white-space:normal}.performance-grid .table-wrap{overflow:visible}.customer-initial{background:#9e2a0b;color:#fff2d0;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:600}.performance-grid .company-cell{gap:12px;align-items:center}.performance-grid .company-cell>span:last-child{min-width:0}.performance-grid .money{font-weight:500}
@media(max-width:767px){.performance-grid table,.performance-grid tbody{display:block}.performance-grid thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}.performance-grid tbody{padding:0 16px 16px}.performance-grid tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;border:1px solid #e4e7ec;border-radius:12px;padding:18px;margin-top:16px}.performance-grid td,.performance-grid td:first-child{display:block;width:auto;padding:0;border:0;font-size:14px;white-space:normal}.performance-grid .performance-identity{grid-column:1/-1;padding-bottom:14px;border-bottom:1px solid #e4e7ec}.performance-grid td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:400;color:#6d6e71;margin-bottom:5px}.performance-grid .performance-identity .owner{font-weight:500}.performance-note{line-height:1.6}}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:24px}.team-card{border:1px solid #e4e7ec;border-radius:12px;padding:20px}.team-card>.owner{font-weight:500;white-space:normal}.team-card-metrics{display:grid;gap:8px;margin-top:20px;color:#6d6e71;font-size:13px}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f9fafb;padding:24px}.login-card{width:min(440px,100%);margin:0;background:white;border:1px solid #e4e7ec;border-radius:20px;padding:36px;box-shadow:0 8px 30px #520f1808}.login-logo{width:132px;display:block;margin-bottom:10px}.login-card .product-wordmark{color:#520f18;font-size:12px;margin:0 0 28px}.login-card h1{margin-bottom:8px}.login-card form{display:grid;gap:20px;margin-top:28px}.login-card input{width:100%;margin-top:6px}.login-card #login-error{color:#7e0e23;font-size:14px;margin:0}.login-card button{width:100%}
.panel-header{padding:14px 24px;gap:12px}.panel-header h2{font-size:16px;line-height:1.4}.panel-header .subtext{margin-top:3px}.panel-header .button{padding:8px 12px;min-height:36px}main>.panel+.panel{margin-top:24px}@media(max-width:767px){.panel-header{padding:12px 18px}main>.panel+.panel{margin-top:20px}}
.badge.green,.stage-chip.current.status-green{background:#ecfdf3;color:#067647}.badge.red,.stage-chip.current.status-red{background:#fef3f2;color:#b42318}.badge.amber,.stage-chip.current.status-amber{background:#fffaeb;color:#93370d}.badge.blue,.stage-chip.current.status-blue{background:#eff8ff;color:#175cd3}.badge.neutral,.stage-chip.current.status-neutral{background:#f2f4f7;color:#475467}.board-column[data-stage="Won"]{border-top:3px solid #17b26a}.board-column[data-stage="Lost"]{border-top:3px solid #f04438}.board-column[data-stage="Negotiation"],.board-column[data-stage="Preparing quotation"]{border-top:3px solid #f79009}.board-column[data-stage="Technical review"],.board-column[data-stage="Quotation submitted"]{border-top:3px solid #2e90fa}.board-column[data-stage="Enquiry"]{border-top:3px solid #98a2b3}