:root{font-family:system-ui,-apple-system,"Noto Sans Myanmar",sans-serif;color:#102a43;background:#f3f6fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}
.topbar{background:#102a43;color:white;padding:16px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1bb4a4;color:#062d36;font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:10px;letter-spacing:.15em;opacity:.8}.internal{font-size:11px;letter-spacing:.12em;border:1px solid #7394ac;padding:7px;border-radius:99px}
.layout{max-width:1120px;margin:auto;padding:32px 20px 80px}footer{text-align:center;color:#6c8293;font-size:12px;padding:20px}.card{background:white;border:1px solid #dfe7ee;border-radius:18px;box-shadow:0 8px 30px #102a4309;padding:24px}.login{max-width:440px;margin:7vh auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#087e79;font-size:11px;font-weight:800}h1{font-size:clamp(26px,4vw,38px);margin:8px 0 10px;line-height:1.3}h2{font-size:20px;margin:0 0 18px}p{line-height:1.65;color:#566b7e}.muted{color:#63788a;font-size:14px}.form{display:grid;gap:15px}.field{display:grid;gap:7px;font-weight:650;font-size:14px}.field input,.field select{width:100%;padding:12px;border:1px solid #bacbd7;border-radius:10px;background:#fff;color:#102a43}.field input:focus,.field select:focus{outline:3px solid #8ae5db;border-color:#087e79}.button{border:0;background:#087e79;color:#fff;border-radius:10px;padding:12px 17px;font-weight:750}.button:hover{background:#056864}.button.secondary{color:#102a43;background:#e8f0f4}.button:disabled{opacity:.6;cursor:wait}.error{background:#fff0ef;color:#a32020;padding:12px;border-radius:10px}.success{background:#e9f8f3;color:#146a52;padding:12px;border-radius:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.hero{margin:12px 0 26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric strong{display:block;font-size:30px}.metric span{font-size:13px;color:#63788a}.section{margin-top:28px}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-title{font-size:17px;font-weight:800}.pill{display:inline-block;color:#24506a;background:#e8f0f4;border-radius:99px;padding:5px 9px;font-size:12px}.pill.on{background:#def4ee;color:#086554}.app-card p{min-height:48px}.app-card .button{width:100%}.note{border-left:4px solid #1bb4a4;padding:10px 16px;background:#e8f8f6;border-radius:7px;margin:20px 0}.toolbar{display:flex;gap:8px}.hidden{display:none!important}
@media(max-width:760px){.layout{padding:24px 16px 70px}.grid,.apps{grid-template-columns:1fr 1fr}.internal{display:none}.card{padding:18px}}@media(max-width:520px){.grid,.apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .card,.apps .card{min-width:0;padding:14px;overflow-wrap:anywhere}.metric strong{font-size:24px}.app-card p{min-height:0}.row.wrap{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.toolbar button{flex:1}}
.member{border-top:1px solid #dfe7ee;padding:12px 0;overflow-wrap:anywhere}.member span{min-width:0}.member button{flex-shrink:0}
.grow{flex:1}.field textarea{width:100%;padding:12px;border:1px solid #bacbd7;border-radius:10px;resize:vertical;color:#102a43}.customer-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;background:white;border:0;border-top:1px solid #dfe7ee;padding:16px 4px;text-align:left;color:#102a43}.customer-row:hover{background:#f3faf9}.customer-row span{color:#63788a;font-size:13px}.timeline-event{border-left:3px solid #1bb4a4;padding:4px 12px;margin:12px 0;overflow-wrap:anywhere}.timeline-event small{color:#63788a}
@media(max-width:520px){.customer-row{align-items:flex-start;flex-direction:column;gap:3px}.toolbar{flex-wrap:wrap}}
.task-row{border-top:1px solid #dfe7ee;padding:12px 0;overflow-wrap:anywhere}.task-row span{min-width:0}.task-row button{flex-shrink:0}.task-row small{color:#63788a}
@media(max-width:520px){.task-row{align-items:flex-start;flex-direction:column}.task-row button{width:100%}}
.tag-pill{margin:0 5px 5px 0}
.sync-status{font-size:19px!important}
.knowledge-content{white-space:pre-wrap;overflow-wrap:anywhere}
.row.wrap{flex-wrap:wrap}
.row.wrap>div{min-width:0;overflow-wrap:anywhere}
.toolbar{flex-wrap:wrap;justify-content:flex-start;max-width:100%}
.toolbar .button{min-height:44px}
.field textarea:focus-visible,.field input:focus-visible,.field select:focus-visible,.button:focus-visible,.customer-row:focus-visible,summary:focus-visible{outline:3px solid #087e79;outline-offset:2px}
@media(max-width:760px){.toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .button{min-width:0;white-space:normal;overflow-wrap:anywhere}.row.wrap>.field{min-width:0;max-width:100%}}
@media(max-width:520px){.row.wrap{align-items:stretch}.row.wrap>.field{width:100%}.toolbar{gap:8px}}
.task-filters{display:flex;flex-wrap:wrap;gap:8px}.task-filters .button{min-height:44px}.task-filters .button:focus-visible{outline:3px solid #087e79;outline-offset:2px}
.metric-action{font:inherit;text-align:left;color:#102a43;cursor:pointer;width:100%}.metric-action:hover{border-color:#087e79;background:#f3faf9}.metric-action small{display:block;color:#63788a;overflow-wrap:anywhere}.metric-action:focus-visible{outline:3px solid #087e79;outline-offset:2px}
@media(max-width:520px){.task-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-filters .button{min-width:0}}
@media print{body{background:#fff;color:#000}.topbar,footer,#quote-list-back,#quote-print-button,#quote-approve,#quote-approval-message{display:none!important}.layout{max-width:none;padding:0}#root>:not(#quote-print){display:none!important}.quotation-paper{border:0;box-shadow:none;padding:0;margin:0;break-inside:auto}.quotation-paper .member{break-inside:avoid}.quotation-paper p,.quotation-paper small{color:#000}}
@page{margin:12mm}