@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2937;background-color:#f5f4f0;height:100%;font-family:Microsoft JhengHei,Noto Serif TC,sans-serif}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-wrap{flex-wrap:wrap}.h-screen{height:100vh}.w-full{width:100%}.w-20{width:80px}.w-64{width:256px}.min-w-48{min-width:192px}.max-w-sm{max-width:384px}.max-h-64{max-height:256px}.h-64{height:256px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.ml-1{margin-left:4px}.ml-4{margin-left:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.col-span-2{grid-column:span 2}.text-primary{color:#193b65}.text-primary-dark{color:#142d4e}.text-accent{color:#d4af37}.text-danger{color:#d92525}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-blue-500{color:#3b82f6}.bg-light{background-color:#f5f4f0}.bg-white{background-color:#fff}.bg-primary{background-color:#193b65}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-yellow-100{background-color:#fef9c3}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}.bg-gray-200{background-color:#e5e7eb}.bg-gray-400{background-color:#9ca3af}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.leading-tight{line-height:1.25}.font-mono{font-family:monospace}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-b-2{border-bottom:2px solid}.border-b-4{border-bottom:4px solid}.border-t{border-top:1px solid #e5e7eb}.border-dashed{border-style:dashed}.border-primary{border-color:#193b65}.border-accent{border-color:#d4af37}.border-white\/20{border-color:#fff3}.border-transparent{border-color:#0000}.border-red-200{border-color:#fecaca}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-2xl{box-shadow:0 25px 50px #00000040}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.fixed{position:fixed}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.cursor-pointer{cursor:pointer}.transition{transition:all .2s}.duration-300{transition-duration:.3s}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.card{box-shadow:none;background:#fff;border:1px solid #dfe2e6;border-radius:8px;padding:18px}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:#193b65}.btn-primary:hover{box-shadow:0 4px 12px #193b652e}.btn-secondary{color:#333;background:#f0f4f8}.btn-secondary:hover{background:#e0e8f0}.btn-danger{color:#fff;background:#d92525}input,select,textarea{color:#1f2937;background:#fff;border:1px solid #d8dce2;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#193b65;outline:none;box-shadow:0 0 0 3px #193b651f}table{border-collapse:collapse;background:#fff;width:100%}thead tr{color:#273449;background:#f3f4f6}th{text-align:left;white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:700}td{border-bottom:1px solid #f0f0f0;padding:8px 12px;font-size:13px}tbody tr:hover{background-color:#f8fdfe}tbody tr:last-child td{border-bottom:none}h1{color:#193b65;font-family:Noto Serif TC,serif;font-size:28px;font-weight:900}h2{color:#193b65;font-family:Noto Serif TC,serif;font-size:18px;font-weight:700}.bg-gradient-to-b.from-primary.to-primary-dark{background:linear-gradient(#193b65,#142d4e)}.bg-gradient-to-br.from-light.via-white.to-light{background:linear-gradient(135deg,#f5f4f0,#fff,#f5f4f0)}.hover\:bg-white\/10:hover{background:#ffffff1a}.hover\:bg-white\/20:hover{background:#fff3}.hover\:text-gray-700:hover{color:#374151}.hover\:text-primary:hover{color:#193b65}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-light:hover{background-color:#f5f4f0}.bg-accent{background-color:#d4af37}.text-green-700{color:#15803d}.text-yellow-700{color:#a16207}.from-primary{--tw-gradient-from:#193b65}.to-primary-dark{--tw-gradient-to:#142d4e}.disabled\:opacity-50:disabled{opacity:.5}@media (max-width:768px){body{padding-left:0!important}.main-content{overflow-x:hidden;width:100%!important;max-width:100vw!important;margin-left:0!important;padding:12px!important}input,select,textarea{padding:12px!important;font-size:16px!important}button{min-height:44px!important;padding:12px 16px!important;font-size:15px!important}.card{margin:0!important;padding:16px!important}table{width:100%;display:block}thead{display:none}tbody{flex-direction:column;gap:10px;display:flex}tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px;display:grid;box-shadow:0 1px 4px #0000000f}tbody tr td:first-child{color:#142d4e;border-bottom:1px solid #f0f0f0;grid-column:1/-1;margin-bottom:2px;padding-bottom:6px;font-size:15px;font-weight:700}tbody tr td:last-child{border-top:1px solid #f0f0f0;grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:2px;padding-top:6px;display:flex}tbody td{border:none;flex-direction:column;padding:2px 0;font-size:13px;display:flex}tbody td:before{content:attr(data-label);color:#193b65;margin-bottom:2px;font-size:11px;font-weight:700}}@media (min-width:769px){body{padding-left:0}}:root{--navy:#142d4e;--primary:#193b65;--canvas:#f5f4f0;--line:#dfe2e6}body{padding-left:0}.main-content{min-width:0;min-height:100vh;margin-left:210px;padding:28px}.sidebar-desktop,.sidebar-drawer{background:var(--navy);color:#fff;z-index:1200;flex-direction:column;width:210px;height:100dvh;padding:26px 10px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{padding:0 14px 26px}.sidebar-brand>div{letter-spacing:4px;font-family:Arial,sans-serif;font-size:38px;font-weight:600;line-height:1.2}.sidebar-brand>span{letter-spacing:3px;color:#e3e9f2;margin-top:5px;font-size:12px;display:block}.sidebar-link{color:#e7edf6;border-radius:6px;align-items:center;gap:13px;min-height:47px;margin:5px 0;padding:11px 14px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.sidebar-link svg{flex-shrink:0}.sidebar-link:hover{color:#fff;background:#274566}.sidebar-link.is-active{color:#fff;background:#345174;font-weight:700}.sidebar-footer{color:#b9c8db;margin-top:auto;padding:28px 12px 0;font-size:11px}.sidebar-footer small{margin-left:6px}.sidebar-footer button{color:#fff;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;margin-top:12px;padding:10px 0;font-size:14px;display:flex}.mobile-header{display:none}.sidebar-mobile-layer{z-index:1300;position:fixed;inset:0}.sidebar-overlay{background:#0e1d3399;position:absolute;inset:0}.sidebar-drawer{width:min(290px,85vw)}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:10px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #9eb8d9}button:disabled{cursor:not-allowed;opacity:.65}.quote-root{width:100%}.quote-root h1{color:var(--navy)!important}.quote-root h2{font-family:inherit;color:#1e293b!important}.quote-details-grid>*,.quote-customer-grid>*,.quote-cabinet-row>*{min-width:0}.quote-customer-grid>div:nth-child(3){grid-column:1/-1}.quote-details-grid input,.quote-details-grid select{min-width:0;max-width:100%;background:#fff!important;border:1px solid #d8dce2!important;border-radius:5px!important}.quote-spec-grid{width:100%!important}.quote-header-actions button{box-shadow:none}.quote-table-scroll{border:1px solid var(--line);border-radius:6px}.quote-table-scroll thead tr{color:#273449!important;background:#f3f4f6!important}.quote-table-scroll th{font-weight:600}.quote-table-scroll th,.quote-table-scroll td{border-right:1px solid #e5e7eb}.quote-table-scroll th:nth-child(2){width:19%}.quote-table-scroll th:nth-child(3){width:25%}.quote-table-scroll th:nth-child(6),.quote-table-scroll th:nth-child(7){text-align:right!important}.quote-table-scroll input{font-variant-numeric:tabular-nums;min-height:30px;font-size:13px!important}.quote-table-scroll input[type=number]{text-align:right}.quote-action-bar{z-index:1000;border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 28px;display:flex;position:fixed;bottom:0;left:210px;right:0}.quote-action-caption{color:#64748b;font-size:13px}.quote-action-caption>span{color:#8793a3;margin-left:12px;font-size:12px}.quote-action-bar .quote-save-button{min-height:42px;background:var(--primary)!important;width:auto!important;box-shadow:none!important;border-radius:6px!important;padding:11px 24px!important;font-size:14px!important;position:static!important}@media (max-width:768px){.sidebar-desktop{display:none}.mobile-header{background:var(--navy);color:#fff;z-index:1200;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex;position:fixed;inset:0 0 auto}.mobile-header button{color:#fff;background:0 0;border:0}.mobile-header>span{letter-spacing:2px;font-size:20px}.mobile-header small{letter-spacing:0;font-size:12px}.main-content{margin-left:0;padding-top:72px!important}.quote-root{padding-left:0!important;padding-right:0!important}.quote-action-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));left:0}.quote-action-caption{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.quote-action-caption>span{margin:3px 0 0;display:block}.quote-customer-grid>div:nth-child(3){grid-column:auto}}@media print{.sidebar-desktop,.mobile-header,.sidebar-mobile-layer,.quote-action-bar{display:none!important}.main-content{margin:0;padding:0}}@media (min-width:1240px){.quote-root .quote-table-scroll{overflow:visible}}.quote-editor-content{gap:16px;min-width:0}.quote-root .quote-details-grid{margin-bottom:0}.quote-summary-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.quote-summary-grid input[type=number]{width:100%;min-width:0}@media (max-width:1100px){.quote-summary-grid{grid-template-columns:minmax(0,1fr)}}