@font-face{font-family:LocalUI;src:local('Aptos'),local('Segoe UI');font-display:swap}
:root{--navy:#14273d;--navy-light:#20384f;--teal:#087f71;--mint:#58d2b7;--blue:#4268cf;--bg:#f3f6fa;--text:#203148;--muted:#718094;--line:#e5eaf1;--white:#fff;--orange:#b76c18;--red:#bf4e53;--radius:12px;--shadow:0 3px 12px #20314804;font-family:LocalUI,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #60bdb0;outline-offset:3px}svg{display:inline-block;flex-shrink:0}button svg{vertical-align:middle}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sidebar{width:242px;background:var(--navy);position:fixed;inset:0 auto 0 0;color:#c2cddb;display:flex;flex-direction:column;z-index:30;padding:30px 18px 0}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none!important;margin:0 9px 45px;font-size:27px;font-weight:650;letter-spacing:-1px}.brand img{width:37px;height:37px}.brand-sub{display:block;font-size:9px;letter-spacing:1.7px;font-weight:550;margin-top:4px;color:#99afc2}.workspace-label{font-size:12px;letter-spacing:1.7px;color:#8299ad;font-weight:650;margin:0 14px 13px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:7px;background:none;color:#b4c4d3;min-height:46px;padding:12px 14px;margin:4px 0;font-size:14px;text-align:left;font-weight:500;position:relative}.nav-item:hover{background:#20364b;color:white}.nav-item.active{background:#23473f;color:#8ce8d1}.nav-item.active:before{content:'';position:absolute;left:-18px;top:11px;bottom:11px;width:3px;background:var(--mint);border-radius:0 3px 3px 0}.nav-count{margin-left:auto;font-size:12px;background:#33465b;color:#dae3ec;border-radius:5px;padding:2px 6px}.active .nav-count{background:#386354;color:#b3f4df}.sidebar-bottom{margin-top:auto}.workspace-card{padding:16px 10px;border-top:1px solid #304154;display:flex;align-items:center;gap:10px;margin-top:35px}.workspace-symbol{width:34px;height:34px;border:1px solid #3a5064;border-radius:8px;display:grid;place-items:center;color:#7ee0c7;font-size:16px}.workspace-card strong{display:block;font-size:13px;color:#dbe4ed;font-weight:550}.workspace-card span:not(.workspace-symbol){display:block;font-size:12px;color:#91a7bc;margin-top:4px}.sidebar-footer{border-top:1px solid #304154;margin:18px -18px 0;padding:20px 24px;display:flex;gap:10px;align-items:center}.sidebar-footer strong{font-size:13px;color:#e3eaf0;display:block;font-weight:550}.sidebar-footer span:not(.avatar){display:block;font-size:12px;color:#91a7bc;margin-top:3px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#38516b;color:#d6e5f4;font-weight:600;font-size:12px;flex-shrink:0}.avatar.light{background:#e3eaf4;color:#355675}.app-shell{margin-left:242px;min-height:100vh}.topbar{height:80px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.property-icon{width:34px;height:34px;background:#edf6f4;color:var(--teal);border-radius:8px;display:grid;place-items:center}#property-select{border:0;background:white;font-weight:600;font-size:14px;max-width:220px;color:var(--text);cursor:pointer;min-height:40px}.property-location{border-left:1px solid var(--line);padding-left:16px;font-size:13px;color:var(--muted)}.demo-pill{background:#f3f5f8;color:#68778b;font-size:12px;padding:6px 9px;border-radius:5px;white-space:nowrap}.top-date{font-size:13px;color:var(--muted)}.mobile-menu{display:none!important}main{padding:32px 36px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:var(--teal);font-weight:650;margin:0 0 10px}.page-heading h1{margin:0 0 8px;font-size:30px;font-weight:620;letter-spacing:-.8px;line-height:1.3}.page-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.heading-actions{display:flex;gap:10px;padding-top:5px;flex-wrap:wrap}.button{border:1px solid var(--line);background:white;color:var(--text);min-height:40px;padding:10px 15px;border-radius:7px;font-size:14px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important}.button:hover{background:#f5f8fa;border-color:#c9d6df}.button.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 2px 4px #087f7117}.button.primary:hover{background:#066e62}.button.danger{color:var(--red);background:#fff7f7;border-color:#efd0d0}.button.small{padding:7px 11px;min-height:33px;font-size:13px}.button.text{color:var(--teal);background:transparent;border:0;padding:5px}.icon-button{display:inline-grid;place-items:center;padding:7px;border:0;color:var(--muted);background:transparent;border-radius:6px;min-width:34px;min-height:34px}.icon-button:hover{background:#eef3f7}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:14px;color:#67788c}.stat-icon{background:#eef6f4;color:var(--teal);border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.stat-icon.orange{background:#fff5e8;color:#be7b26}.stat-icon.blue{background:#edf2fd;color:var(--blue)}.stat-icon.purple{background:#f1effa;color:#7861b4}.stat-number{font-size:30px;font-weight:620;letter-spacing:-1px;line-height:1.2}.stat-meta{margin-top:10px;font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.stat-meta .accent{color:var(--teal);font-weight:600}.stat-meta .warning{color:var(--orange);font-weight:600}.grid-wide{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.grid-even{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{padding:21px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:16px;font-weight:600;margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.panel-content{padding:0 24px 24px}.chart-legend{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:0}.legend-square{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:2px;background:var(--blue)}.legend-square.teal{background:#5bb59f}.chart-svg{width:100%;height:205px;overflow:visible}.chart-svg text{font-size:12px;fill:#8290a2;font-family:inherit}.chart-grid{stroke:#edf0f5;stroke-dasharray:4 5}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:5px 0 0 40px}.donut-wrap{display:flex;align-items:center;gap:28px;justify-content:center;padding:10px 0 18px}.donut{width:140px;height:140px;flex-shrink:0;transform:rotate(-90deg)}.donut text{transform:rotate(90deg);transform-origin:80px 80px;fill:var(--text);font-family:inherit}.category-legend{font-size:13px;flex:1;max-width:230px}.category-legend>div{display:flex;align-items:center;margin:12px 0;gap:8px}.category-legend b{margin-left:auto;color:#4e6074;font-weight:550}.category-legend i{width:8px;height:8px;border-radius:2px;display:block;flex-shrink:0}.soft-info{background:#f7f9fc;padding:13px 16px;border-radius:7px;font-size:12px;color:#758499;display:flex;gap:9px;line-height:1.6}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;font-size:12px;color:#7a879a;letter-spacing:.3px;font-weight:550;background:#f9fafc;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #edf0f4;color:#4c5c70}tr:last-child td{border-bottom:0}.item-cell{display:flex;gap:11px;align-items:center}.item-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#eef3fa;color:#6383ae;flex-shrink:0}.item-symbol.teal{background:#eef7f3;color:#609d86}.item-symbol.orange{background:#fcf3e9;color:#b5905b}.item-name{font-weight:550;color:var(--text)}.subtext{display:block;font-size:12px;color:var(--muted);margin-top:4px;font-weight:400}.badge{font-size:14px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:14px;font-weight:550;background:#edf3fc;color:#4a6b9f}.badge.warning{background:#fff4e5;color:#aa6d23}.badge.success{background:#eaf7f1;color:#2d8a68}.badge.danger{background:#fff0f0;color:#b85656}.badge.neutral{background:#f0f2f6;color:#758194}.number{font-variant-numeric:tabular-nums}.row-link{border:0;background:transparent;color:var(--teal);font-size:13px;font-weight:550;padding:5px 0;white-space:nowrap}.row-link:hover{text-decoration:underline}.panel-footer{border-top:1px solid var(--line);padding:13px 24px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;align-items:center}.distribution-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #edf0f4}.distribution-row:first-child{border-top:0}.distribution-icon{width:43px;height:43px;border-radius:10px;background:#f0f3fa;color:#6a83b6;display:grid;place-items:center;flex-shrink:0}.distribution-row h3{margin:0 0 5px;font-weight:550;font-size:14px}.distribution-row p{font-size:12px;color:var(--muted);margin:0}.distribution-row .button{margin-left:auto}.attention-card{background:#f5f9f8;border:1px solid #e1eeea;padding:15px;border-radius:8px;margin-top:12px;display:flex;gap:12px}.attention-card strong{font-size:13px;font-weight:600;display:block;margin-bottom:5px}.attention-card p{font-size:12px;color:#698277;line-height:1.5;margin:0}.attention-card svg{color:var(--teal);margin-top:1px}.app-footer{max-width:1600px;margin:auto;padding:20px 36px 26px;display:flex;justify-content:space-between;color:#94a1b1;font-size:12px}.app-footer>span{font-size:12px}.toolbar{display:flex;gap:12px;align-items:center;padding:18px 22px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:190px;max-width:350px}.search svg{position:absolute;top:12px;left:12px;color:#8b98a9}.search input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--line);border-radius:7px;font-size:14px;color:var(--text);min-height:42px}.filter-select{border:1px solid var(--line);background:white;border-radius:7px;padding:10px;font-size:14px;min-height:42px;color:#65758a;max-width:250px}.toolbar-end{margin-left:auto;color:var(--muted);font-size:13px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.tab{border:0;background:none;font-size:14px;color:var(--muted);padding:12px 1px 16px;white-space:nowrap;border-bottom:2px solid transparent;font-weight:500}.tab.active{color:var(--teal);border-color:var(--teal)}.suppliers-grid,.departments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supplier-card{padding:24px}.supplier-card .card-top{display:flex;justify-content:space-between;align-items:flex-start}.supplier-avatar{width:47px;height:47px;border-radius:12px;background:#ecf3f9;color:#5d80a8;display:grid;place-items:center;font-weight:600;font-size:17px}.supplier-card h2{font-size:17px;margin:16px 0 7px;font-weight:600}.supplier-card p{font-size:13px;color:var(--muted);margin:0 0 20px}.contact-row{display:flex;gap:9px;font-size:14px;align-items:center;color:#65758b;margin:13px 0;overflow-wrap:anywhere}.contact-row svg{width:16px;color:#93a3b5}.supplier-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:19px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.empty{padding:55px 24px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.empty svg{color:#91a8bf;margin-bottom:10px}.empty h2{font-size:18px;color:var(--text);margin:5px 0}.empty p{margin:0 0 16px}.loading{padding:100px 30px;text-align:center;color:var(--muted)}.alert{border:1px solid #dce8ef;background:#f5f9fc;padding:16px 18px;border-radius:9px;color:#62758b;font-size:14px;line-height:1.6;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.alert.warning{background:#fff9ed;border-color:#f0e3c7;color:#997128}.report-tile{padding:24px}.report-tile h2{font-size:17px;margin:12px 0 8px}.report-tile p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 20px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px}.settings-form{padding:24px}.settings-note{padding:24px}.settings-note h2{font-size:17px}.settings-note p,.settings-note li{font-size:14px;color:var(--muted);line-height:1.7}.settings-note ul{padding-left:19px}.toast{position:fixed;bottom:26px;right:28px;z-index:100;background:var(--navy);color:white;box-shadow:0 5px 30px #132c4430;border-radius:9px;padding:15px 20px;font-size:14px;max-width:min(440px,calc(100vw - 40px));transform:translateY(120px);opacity:0;transition:all .2s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#a9474c}dialog{border:0;border-radius:14px;padding:0;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 50px);box-shadow:0 20px 90px #10243b35;color:var(--text)}dialog::backdrop{background:#11243b66;backdrop-filter:blur(3px)}.modal-header{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal-header h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.5px}.modal-header p{font-size:14px;color:var(--muted);margin:7px 0 0;line-height:1.6}.modal-content{padding:24px 28px}.modal-footer{padding:18px 28px;border-top:1px solid var(--line);background:#fafbfd;display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.form-grid .field{margin-bottom:0}.field.full{grid-column:1/-1}.field label,.field-label{font-size:14px;font-weight:550;color:#546477}.field input,.field select,.field textarea{border:1px solid #dbe3ec;border-radius:7px;background:white;color:var(--text);padding:11px 12px;width:100%;min-height:43px;font-size:14px}.field textarea{min-height:85px;resize:vertical}.field small{font-size:12px;color:var(--muted);line-height:1.5}.form-error{font-size:14px;color:var(--red);line-height:1.5;padding:12px 0 0;white-space:pre-line}.form-error:empty{display:none}.form-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 105px 34px;gap:10px;align-items:center;margin:10px 0}.form-line select,.form-line input{border:1px solid #dbe3ec;border-radius:7px;background:white;padding:10px;font-size:14px;min-width:0;width:100%;min-height:42px}.line-labels{font-size:12px;color:var(--muted);margin:20px 0 4px}.line-list{margin-bottom:12px}.receive-line{padding:18px 0;border-bottom:1px solid var(--line)}.receive-line:first-child{padding-top:0}.receive-line .item-name{margin-bottom:6px;font-size:14px}.receive-line .form-grid{grid-template-columns:repeat(4,1fr);margin-top:14px;gap:12px}.receive-line .field label{font-size:12px}.summary-strip{display:flex;justify-content:space-between;gap:20px;padding:14px 17px;background:#f3f7fa;border-radius:7px;color:#60758a;font-size:14px;margin:18px 0}.summary-strip strong{color:var(--text)}.signature-switch{display:flex;gap:8px;margin:12px 0}.signature-choice{border:1px solid var(--line);padding:8px 15px;background:white;font-size:14px;border-radius:6px;color:var(--muted)}.signature-choice.active{background:#edf7f3;border-color:#78bcaa;color:var(--teal)}.signature-canvas{width:100%;height:155px;border:1px dashed #b4c6d8;border-radius:8px;touch-action:none;background:#fdfefe;display:block}.signature-preview{font:italic 30px Georgia;color:#2d5267;padding:14px 0;min-height:60px;overflow-wrap:anywhere}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#607186;line-height:1.6;margin-top:16px}.check-label input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--teal)}.signature-lines{margin-bottom:20px}.signature-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.signature-line input{width:100px;padding:9px;border:1px solid var(--line);border-radius:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-grid dt{font-size:12px;color:var(--muted);margin-bottom:6px}.detail-grid dd{margin:0;font-size:14px;line-height:1.6}.detail-notes{font-size:14px;line-height:1.7;color:var(--muted);white-space:pre-wrap}.mini-stat{font-size:25px;font-weight:600;margin:14px 0 7px}.department-card{padding:24px}.department-card h2{font-size:17px;font-weight:600;margin:14px 0 6px}.department-card .subtext{margin-bottom:16px}.department-card .bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.department-card .bottom span{font-size:12px;color:var(--muted)}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.mt{margin-top:22px}.text-right{text-align:right}.audit-detail{white-space:normal;min-width:250px;line-height:1.5}.receipt-preview img{max-height:110px}.progress{height:5px;background:#ebf0f4;border-radius:3px;width:100%;max-width:140px;margin-top:7px}.progress span{display:block;height:5px;background:#5bac97;border-radius:3px}.form-divider{height:1px;background:var(--line);margin:24px 0}.receipt-label{font-size:12px;letter-spacing:1.2px;font-weight:600;color:var(--teal);margin-bottom:16px}
@media(min-width:1600px){main{padding-top:40px}.stats{gap:24px}.stat{padding:26px}.chart-svg{height:235px}}
@media(max-width:1250px){.property-location,.top-date{display:none}.sidebar{width:222px}.app-shell{margin-left:222px}main{padding:28px 26px}.topbar{padding:0 26px}.grid-wide{grid-template-columns:1.5fr 1fr}.donut-wrap{gap:15px;flex-wrap:wrap}.donut{width:120px;height:120px}.category-legend{min-width:170px}.stat{padding:18px}.stat-number{font-size:27px}.stat-top{font-size:13px}.suppliers-grid,.departments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.brand{font-size:23px;margin-left:5px;margin-right:0}.brand-sub{font-size:8px}.brand img{width:32px}.app-shell{margin-left:200px}.nav-item{gap:9px;padding-left:12px}.nav-item.active:before{left:-12px}.sidebar-footer{margin-left:-12px;margin-right:-12px;padding:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-wide,.grid-even{grid-template-columns:1fr}.donut-wrap{flex-wrap:nowrap;gap:35px}.donut{width:140px;height:140px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{width:242px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #16294040}.app-shell{margin-left:0}.mobile-menu{display:inline-grid!important}.topbar{height:68px;padding:0 16px;gap:6px}.topbar-left{gap:8px}.topbar-right{gap:9px}.property-icon{display:none}.topbar-right .avatar{display:none}#property-select{max-width:170px}.demo-pill{font-size:11px;padding:5px 7px}.page-heading{flex-direction:column;gap:12px;margin-bottom:22px}.page-heading h1{font-size:27px}.heading-actions{padding:0}main{padding:25px 18px 14px}.stats{gap:12px;margin-bottom:18px}.stat{padding:16px}.stat-number{font-size:25px}.stat-icon{width:30px;height:30px}.stat-top{font-size:12px;margin-bottom:12px;gap:5px}.stat-meta{font-size:12px;line-height:1.5}.panel-heading{padding:18px}.panel-content{padding:0 18px 20px}.grid-wide,.grid-even{gap:18px;margin-bottom:18px}.suppliers-grid,.departments-grid,.report-grid{grid-template-columns:1fr}.app-footer{padding:20px 18px;gap:15px;line-height:1.6}.app-footer>span{max-width:220px;text-align:right}.toolbar{padding:15px;gap:10px}.toolbar-end{display:none}.search{max-width:none}.filter-select{flex:1;max-width:none;min-width:130px}.panel-footer{padding:12px 16px}.form-grid,.detail-grid{grid-template-columns:1fr}.receive-line .form-grid{grid-template-columns:1fr 1fr}.modal-header{padding:20px}.modal-content{padding:20px}.modal-footer{padding:16px 20px}.modal-header h2{font-size:21px}.form-line{grid-template-columns:minmax(0,1fr) 75px 80px 28px;gap:6px}.form-line select,.form-line input{font-size:13px;padding:9px 6px}.signature-line{gap:10px}.donut-wrap{gap:20px}.donut{width:125px;height:125px}.category-legend{min-width:150px}.distribution-row{gap:9px}.distribution-row .button{font-size:12px;padding:8px}.distribution-icon{width:34px;height:34px}.distribution-row h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.page-search{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;margin:0 0 14px;font:inherit;background:white}.nav-group{margin-top:10px}.nav-group summary{cursor:pointer;padding:12px;font-size:13px;font-weight:600;color:var(--muted)}.nav-group[open] summary{color:var(--teal)}.quick-start{padding:20px;margin-bottom:22px}.quick-start h2{font-size:18px;margin:0 0 8px}.quick-start .heading-actions{flex-wrap:wrap;margin-top:12px}.app-shell,main,.panel{min-width:0}.heading-actions{flex-wrap:wrap}.nav-item{white-space:normal;text-align:left}.subtext{overflow-wrap:anywhere}

.example-guide{margin-top:22px;padding:20px;border:1px dashed #cdd3d8;border-radius:12px;background:#f5f6f7;color:#697078}.example-guide p{font-size:13px;line-height:1.6}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.example-card{padding:16px;border-radius:8px;background:#eceef0;color:#737980;pointer-events:none}.example-card strong,.example-card span{display:block;font-size:13px;line-height:1.6}.example-card span{margin-top:6px}@media(max-width:760px){.example-grid{grid-template-columns:1fr}}

.appearance-settings{margin-bottom:24px}.appearance-settings .field{max-width:320px}
:root[data-theme="dark"]{--navy:#0c1726;--navy-light:#182a3e;--teal:#6ad9c0;--mint:#70dfc8;--blue:#96b3ff;--bg:#101b2b;--text:#e5edf8;--muted:#a5b4c8;--line:#32445c;--white:#19283c;--orange:#f2b86e;--red:#ff9caa;--shadow:0 4px 18px #0003;color-scheme:dark}
[data-theme="dark"] body,[data-theme="dark"] .app-shell{background:var(--bg);color:var(--text)}
[data-theme="dark"] .topbar,[data-theme="dark"] .panel,[data-theme="dark"] .stat,[data-theme="dark"] .stat-card,[data-theme="dark"] dialog,[data-theme="dark"] .modal-header,[data-theme="dark"] .modal-footer,[data-theme="dark"] .button,[data-theme="dark"] .icon-button,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select,[data-theme="dark"] #property-select,[data-theme="dark"] .search-field,[data-theme="dark"] .search-box,[data-theme="dark"] .filter-select{background:var(--white);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .button.primary{background:#168b77;color:#fff;border-color:#168b77}
[data-theme="dark"] .button:hover,[data-theme="dark"] .icon-button:hover,[data-theme="dark"] tbody tr:hover{background:#233750}
[data-theme="dark"] th,[data-theme="dark"] .table-toolbar,[data-theme="dark"] .panel-footer,[data-theme="dark"] .summary-strip,[data-theme="dark"] .receipt-preview,[data-theme="dark"] .demo-pill,[data-theme="dark"] .tabs,[data-theme="dark"] .tab,[data-theme="dark"] .chat-message,[data-theme="dark"] .draft-card,[data-theme="dark"] .receive-line{background:#152337;color:var(--text);border-color:var(--line)}
[data-theme="dark"] .tab.active{background:#234c46;color:#9af0d9}
[data-theme="dark"] .soft-info,[data-theme="dark"] .attention-card,[data-theme="dark"] .alert,[data-theme="dark"] .property-icon,[data-theme="dark"] .stat-icon,[data-theme="dark"] .item-symbol,[data-theme="dark"] .distribution-icon{background:#193d39;color:#a5ead9;border-color:#2c6257}
[data-theme="dark"] .badge.success{background:#1b443c;color:#94e9c5}[data-theme="dark"] .badge.warning,[data-theme="dark"] .alert.warning{background:#453726;color:#f8ce8c}[data-theme="dark"] .badge.danger{background:#492c38;color:#ffb3bf}[data-theme="dark"] .badge.neutral{background:#2b3c52;color:#cbd9ed}
[data-theme="dark"] .stat-icon.blue,[data-theme="dark"] .avatar.light{background:#293d61;color:#b5ccff}[data-theme="dark"] .stat-icon.purple{background:#3c315a;color:#d7c2ff}
[data-theme="dark"] .chart-grid{stroke:#33445d}[data-theme="dark"] .chart-svg text{fill:var(--muted)}[data-theme="dark"] .legend-square{background:#96b3ff}
[data-theme="dark"] .detail-grid dd,[data-theme="dark"] .signature-preview,[data-theme="dark"] .plan-row strong,[data-theme="dark"] .field label{color:var(--text)}
[data-theme="dark"] .modal-content,[data-theme="dark"] .settings-form,[data-theme="dark"] .settings-note{color:var(--text)}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#95a6bd}
[data-theme="dark"] .example-guide{background:#152337;border-color:var(--line);color:var(--muted)}
@media print{html[data-theme="dark"]{--bg:#fff;--text:#203148;--white:#fff;--line:#e5eaf1;color-scheme:light}}

[data-theme="dark"] td{color:#c5d2e5;border-color:var(--line)}[data-theme="dark"] .stat-top,[data-theme="dark"] .category-legend b,[data-theme="dark"] .contact-row,[data-theme="dark"] .check-label,[data-theme="dark"] .attention-card p,[data-theme="dark"] .field-label{color:var(--muted)}[data-theme="dark"] .badge{background:#293d61;color:#b5ccff}[data-theme="dark"] .badge.success{background:#1b443c;color:#94e9c5}[data-theme="dark"] .badge.warning{background:#453726;color:#f8ce8c}[data-theme="dark"] .badge.danger{background:#492c38;color:#ffb3bf}[data-theme="dark"] .badge.neutral{background:#2b3c52;color:#cbd9ed}[data-theme="dark"] .example-card{background:#233247;color:#a5b4c8}[data-theme="dark"] .stat-icon.orange{background:#453726;color:#f8ce8c}[data-theme="dark"] .supplier-avatar{background:#293d61;color:#b5ccff}

/* Form examples remain readable in both themes; placeholders never set values. */
.field-example{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}
.guide-intro{padding:22px;margin-bottom:18px}.guide-intro h2{margin:0 0 10px}.guide-intro p{line-height:1.65;margin:8px 0}
.user-guide{display:grid;gap:12px;max-width:1000px}.guide-chapter{padding:0}.guide-chapter summary{cursor:pointer;padding:18px 22px;font-weight:600}.guide-chapter>div{padding:0 22px 22px}.guide-chapter h3{margin:4px 0 12px}.guide-chapter ol{padding-left:22px;line-height:1.75}.guide-chapter li{margin-bottom:10px}.guide-chapter .button{margin-top:8px}