*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#142135;font-family:Tahoma,Arial,sans-serif;font-size:14px}header{max-width:1200px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e5e9}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#142135;font-size:22px;font-weight:900;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.mark{background:#172333;color:white;padding:12px;border-radius:12px;font-size:17px}.orange{color:#f15b35}.tag{border:1px solid #dce5e0;background:#edf5ef;color:#417353;padding:9px 14px;border-radius:20px;font-size:12px}main{max-width:1200px;margin:auto;padding:38px 32px}.eyebrow{color:#cc5335;font-size:12px;font-weight:bold}.intro h1{font-size:42px;line-height:1.35;letter-spacing:-1px;margin:14px 0}.intro p{color:#75808c;line-height:1.8;margin:0 0 32px}.layout{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:start}.card{background:white;border:1px solid #e7e9ed;border-radius:22px;padding:30px;box-shadow:0 5px 18px #18253604}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h2{font-size:21px;margin:0 0 9px}.cardtop p{margin:0;color:#88909c;font-size:12px}.icon{background:#fff0ea;color:#f15b35;padding:13px 18px;border-radius:13px;font-size:24px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:10px}label span{color:#929ba5;font-weight:normal;font-size:10px}.searchbox{display:flex;border:1px solid #dce0e6;border-radius:12px;padding:0 16px;align-items:center;gap:10px}.searchbox span{font-size:28px;color:#8f97a3}input{font:inherit;outline:none;border:0;background:transparent;color:#15243b;min-width:0}.searchbox input{width:100%;height:52px}.searchbox:focus-within,.field:focus-within{border-color:#ed724f;box-shadow:0 0 0 3px #f15b3510}#results{max-height:250px;overflow:auto;border-radius:12px;border:1px solid #e4e8ee;margin-top:6px}#results:empty{display:none}.result{background:white;border:0;border-bottom:1px solid #edf0f3;padding:14px;text-align:right;width:100%;cursor:pointer;font:inherit}.result b{display:block;font-size:12px;line-height:1.6;direction:ltr;text-align:left}.result small{display:block;color:#7c8696;margin-top:5px}.result:hover,.result:focus{background:#fff4ef}.hint{color:#919aa5;font-size:11px;line-height:1.7}.selected{border-right:3px solid #f15b35;background:#fafbfc;padding:14px;margin:20px 0;border-radius:8px}.selected b{display:block;direction:ltr;text-align:right;line-height:1.6;font-size:13px}.selected span{display:block;font-size:10px;color:#7d8895;margin-top:7px}.fields{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:12px;margin-top:24px}.field{display:flex;align-items:center;background:#f5f6f8;border:1px solid transparent;border-radius:11px;padding:0 12px;height:50px}.field input{width:100%;direction:ltr;text-align:right}.field span{color:#929baa;font-size:12px;white-space:nowrap;margin-right:8px}.presets{display:flex;align-items:center;gap:8px;margin:18px 0;color:#929aa5;font-size:11px}.presets button{background:white;border:1px solid #e4e7eb;padding:7px 13px;border-radius:7px;color:#606d7c;cursor:pointer}.presets button.active{background:#fff0e9;border-color:#f0a18a;color:#d7532f}#error{color:#c84136;font-size:12px}.answer{background:#172536;color:white;padding:26px;border-radius:15px;margin-top:26px}.answer>span{color:#c4ced8;font-size:12px}.answer div{display:flex;gap:12px;align-items:baseline;margin:13px 0}.answer strong{font-size:42px;direction:ltr;letter-spacing:-1px}.answer small{color:#8ea0b1;font-size:10px}.totals{padding-top:16px}.totals>div{display:flex;justify-content:space-between;padding:12px 0;color:#7a8696;font-size:12px}.totals b{color:#27354a;direction:ltr}.totals .total{border-top:1px solid #e7e9ed;margin-top:6px;font-weight:bold;color:#172536}.actions{display:flex;gap:10px;margin-top:16px}.actions button{font:inherit;font-size:12px;border-radius:9px;padding:13px 20px;cursor:pointer;border:1px solid #e1e5ea;background:white;color:#67768a}.actions #copy{background:#f15b35;color:white;border:0;flex:1}.actions #copy:disabled{opacity:.4;cursor:default}#copyStatus{color:#417353;font-size:11px;margin-bottom:0}.help h2{margin:14px 0 26px;font-size:20px}.step{display:flex;gap:17px;margin:23px 0}.step>span{font-size:12px;color:#f15b35;background:#fff1eb;border-radius:10px;min-width:38px;height:38px;display:grid;place-items:center}.step h3{font-size:13px;margin:2px 0 9px}.step p{font-size:12px;line-height:1.9;color:#83909f;margin:0}.example{background:#f5f7fa;border-radius:13px;padding:22px;margin-top:28px}.example>b{font-size:12px}.example p{font-size:12px;color:#8490a0;margin:13px 0}.example strong{font-size:30px;display:block;direction:ltr;text-align:right}.example strong small{font-size:13px;color:#8c98a6}.example>span{display:block;font-size:10px;color:#8c98a6;margin-top:10px}.source{display:flex;gap:12px;padding:25px 10px}.dot{width:8px;height:8px;border-radius:50%;background:#81a793;flex-shrink:0;margin-top:5px}.source b{font-size:12px;color:#617362}.source p{color:#929aa5;font-size:11px;line-height:1.9}footer{display:flex;justify-content:space-between;color:#98a2ae;font-size:11px;margin-top:35px;padding-top:22px;border-top:1px solid #e1e5eb}@media(max-width:760px){header{padding:20px}.brand{font-size:17px}.tag{font-size:10px;padding:8px}main{padding:28px 18px}.intro h1{font-size:32px}.layout{grid-template-columns:1fr}.card{padding:22px}.fields{gap:8px}.answer strong{font-size:36px}footer{display:block;line-height:2}footer span{display:block}.presets{gap:6px}}

body{font-family:Arial,sans-serif}.selected{border-right:0;border-left:3px solid #f15b35}.selected b,.result,.example strong{text-align:left}.field input{text-align:left}.field span{margin:0;font-size:10px}.pricing-row{grid-template-columns:1fr .62fr 1.12fr 12px 1.22fr;gap:12px;align-items:end}.pricing-row label{text-align:center;font-weight:normal;color:#60758e;font-size:12px}.pricing-row .field{gap:8px;border-radius:13px;height:49px;padding:0 13px}.pricing-row #qty,.pricing-row #percent{text-align:center}.pricing-row .equals{align-self:end;height:49px;display:grid;place-items:center;color:#98a3b3}.price-field output{font-size:14px;color:#18314d}.answer small{font-size:11px}@media(max-width:480px){.pricing-row{gap:6px;grid-template-columns:1fr .55fr 1fr 9px 1.2fr}.pricing-row .field{padding:0 7px;gap:4px}.pricing-row .field span{font-size:8px}.pricing-row label{font-size:10px}.pricing-row input,.price-field output{font-size:12px}}
.layout{grid-template-columns:1fr}.calculator{padding:30px}.pricing-row{grid-template-columns:minmax(240px,2.8fr) minmax(90px,1fr) minmax(60px,.65fr) minmax(95px,1fr) 12px minmax(120px,1.2fr);gap:12px}.item-column{position:relative}.item-column .searchbox{background:#f5f6f8;border-color:transparent;height:49px;border-radius:13px;padding:0 14px}.item-column .searchbox input{height:49px;font-size:12px}.item-column #results{position:absolute;top:100%;left:0;right:0;z-index:10;background:white;box-shadow:0 8px 25px #14213520;min-width:300px}.item-column label{text-align:left}.selected{margin:12px 0}.help{margin-top:0}aside{display:none}.intro h1 br{display:none}@media(max-width:760px){.calculator{padding:18px}.pricing-row{grid-template-columns:minmax(210px,2.8fr) 90px 60px 95px 12px 120px;overflow:visible}.calculator{overflow-x:auto}.pricing-row{min-width:700px}.item-column #results{min-width:300px}.answer,.totals,.actions{min-width:0}}
.pricing-row{margin-top:14px}.row-status{font-size:10px;color:#83909f;margin:5px 0;min-height:12px}.item-column .results{position:absolute;top:100%;left:0;right:0;z-index:20;background:white;box-shadow:0 8px 25px #14213520;max-height:240px;overflow:auto;border-radius:10px;min-width:300px}.results:empty{display:none}.row-error{color:#c84136}.pricing-row label{font-size:10px}.pricing-row .field{height:46px}.item-column .searchbox,.item-column .searchbox input{height:46px}.pricing-row .equals{height:46px}.answer{margin-top:20px}
#rows .pricing-row:not(:first-child) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#rows .row-status:empty{display:none}#rows .pricing-row{margin-top:12px}

#rows .pricing-row:first-child label{font-weight:700}

.summary{background:#f0f4f9;border-radius:14px;overflow:hidden;margin-top:26px;padding:16px 0 24px;color:#12304f}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:11px 24px;font-size:15px}.summary-line b{font-weight:400}.grand-total{background:#e1e7ef;margin-top:6px;padding:17px 24px;font-weight:700}.grand-total b{font-weight:700;font-size:21px}

.preset-actions{display:flex;gap:8px}.preset-actions button,.modal-actions button{background:white;border:1px solid #ddd;border-radius:6px;padding:10px 14px;color:#142135;font:inherit;font-size:12px;cursor:pointer;box-shadow:0 1px 2px #00000008}.preset-actions span{margin-right:6px;font-size:16px}dialog{border:0;border-radius:13px;padding:24px;width:384px;max-width:calc(100vw - 32px);color:#142135;box-shadow:0 15px 50px #0002}dialog::backdrop{background:#0008}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:17px;margin:0}.close-modal{background:none;border:0;font-size:25px;line-height:1;color:#98a2b3;cursor:pointer}#presetName{width:100%;height:36px;border:1px solid #ddd;border-radius:5px;padding:9px 12px;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#confirmPreset{background:#172536;color:white;font-weight:bold}#confirmPreset:disabled{background:#999;cursor:default}.preset-error{font-size:12px;color:#b83a30;margin:8px 0}.no-presets{text-align:center;color:#8894a5;padding:24px 0;font-size:14px}.preset-entry{display:flex;align-items:center;justify-content:space-between;border:1px solid #e6e9ee;border-radius:8px;margin:8px 0;padding:12px;gap:12px}.preset-entry button{background:#f0f4f9;border:0;border-radius:5px;padding:8px 12px;cursor:pointer;color:#142135}.preset-entry b{font-size:13px;overflow-wrap:anywhere}.preset-entry small{display:block;font-size:11px;color:#8c96a4;margin-top:5px}#presetNotice{text-align:center;color:#527363;font-size:12px}@media(max-width:480px){header{gap:10px;flex-wrap:wrap}.preset-actions button{padding:9px 10px}}

header,main{max-width:1600px}.layout{grid-template-columns:360px minmax(0,1fr);gap:24px}.search-panel{position:sticky;top:20px;padding:24px;min-height:600px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.search-panel h2{font-size:18px}#panelHint{font-size:12px;color:#8793a2;line-height:1.7;margin:8px 0 16px}#panelResults{overflow-y:auto;min-height:0;flex:1}.search-panel .result{padding:15px 8px}.search-panel .result b{font-size:12px}.calculator{min-width:0}.pricing-row{grid-template-columns:minmax(220px,2.8fr) minmax(80px,1fr) minmax(55px,.65fr) minmax(85px,1fr) 12px minmax(100px,1.2fr);gap:10px}@media(max-width:1100px){.layout{grid-template-columns:290px minmax(0,1fr)}.calculator{overflow-x:auto}.pricing-row{min-width:650px}.search-panel{padding:18px}}@media(max-width:800px){.layout{grid-template-columns:1fr}.search-panel{position:static;min-height:200px;max-height:340px}.calculator{grid-row:2}.search-panel{grid-row:1}}

@media(min-width:801px){.layout{align-items:stretch}.search-panel{position:relative;top:auto;align-self:stretch;min-height:0;max-height:none;height:auto;contain:size;overflow:hidden}#panelResults{flex:1;min-height:0;overflow-y:auto}}

.pricing-row{grid-template-columns:minmax(220px,2.8fr) minmax(80px,1fr) minmax(55px,.65fr) 72px 12px minmax(100px,1.2fr)}.pricing-row>div:nth-child(4) .field{padding:0 8px;gap:4px}.pricing-row>div:nth-child(4) input{appearance:textfield;-moz-appearance:textfield;width:3ch;flex:1}.pricing-row>div:nth-child(4) input::-webkit-inner-spin-button,.pricing-row>div:nth-child(4) input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:760px){.pricing-row{grid-template-columns:minmax(210px,2.8fr) 90px 60px 72px 12px 120px}}

.pricing-row{grid-template-columns:minmax(220px,2.8fr) minmax(80px,1fr) 60px 72px 12px minmax(100px,1.2fr)}.pricing-row>div:nth-child(3) .field{padding:0 8px}.pricing-row>div:nth-child(3) input{appearance:textfield;-moz-appearance:textfield;text-align:center}.pricing-row>div:nth-child(3) input::-webkit-inner-spin-button,.pricing-row>div:nth-child(3) input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:760px){.pricing-row{grid-template-columns:minmax(210px,2.8fr) 90px 60px 72px 12px 120px}}

.pricing-row{grid-template-columns:minmax(220px,2.8fr) minmax(80px,1fr) 60px 72px 12px 130px}.pricing-row .price-field{padding:0 10px;gap:7px}.price-field output{white-space:nowrap}@media(max-width:760px){.pricing-row{grid-template-columns:minmax(210px,2.8fr) 90px 60px 72px 12px 130px}}

.pricing-row{grid-template-columns:minmax(220px,1fr) var(--cost-width,130px) var(--qty-width,60px) var(--margin-width,72px) 12px var(--price-width,130px)}.pricing-row>div:nth-child(2) .field{padding:0 10px;gap:7px}.pricing-row>div:nth-child(4) input{width:100%}.pricing-row input{font-variant-numeric:tabular-nums}.calculator{overflow-x:auto}@media(max-width:760px){.pricing-row{grid-template-columns:minmax(210px,1fr) var(--cost-width,130px) var(--qty-width,60px) var(--margin-width,72px) 12px var(--price-width,130px)}}

.pricing-row .field input{flex:1 1 0;width:0;min-width:0}.pricing-row .field span{flex:0 0 auto}.pricing-row .price-field output{flex:0 0 auto}.pricing-row{min-width:max-content}.pricing-row .item-column{min-width:220px}

.admin-link{border:1px solid #ddd;border-radius:6px;padding:10px 14px;text-decoration:none;color:#142135;background:white;font-size:12px}

.preset-actions{gap:10px;align-items:center}.preset-actions button,.preset-actions .admin-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 17px;border-radius:11px;border:1px solid #dce3eb;background:#fff;color:#34465d;font-size:12px;font-weight:600;line-height:1;box-shadow:0 2px 5px #16283f05;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;text-decoration:none}.preset-actions svg{width:17px;height:17px;flex-shrink:0}.preset-actions span{margin:0;font-size:12px}.preset-actions #savePreset{background:#ed633f;color:white;border-color:#ed633f;box-shadow:0 3px 8px #ed633f20}.preset-actions .admin-link{background:#edf1f6;color:#536780;border-color:transparent}.preset-actions button:hover,.preset-actions .admin-link:hover{transform:translateY(-1px);border-color:#b6c3d4;background:#f7f9fc;box-shadow:0 4px 10px #15283f0b}.preset-actions #savePreset:hover{background:#d95433;border-color:#d95433;box-shadow:0 4px 12px #ed633f30}.preset-actions button:active,.preset-actions .admin-link:active{transform:translateY(0)}.preset-actions button:focus-visible,.preset-actions .admin-link:focus-visible{outline:3px solid #eea38d;outline-offset:3px}@media(max-width:480px){.preset-actions{gap:7px;flex-wrap:wrap}.preset-actions button,.preset-actions .admin-link{height:40px;padding:0 12px}}

main{padding-top:14px}.intro h1{margin-top:0;margin-bottom:18px}@media(max-width:760px){main{padding-top:12px}}

body>main{padding-top:6px!important}body>main .intro h1{margin-top:0!important;margin-bottom:16px;line-height:1.2}body>header{margin-bottom:0}

#helpDialog{width:660px;max-height:88vh;overflow-y:auto;padding:30px}#helpDialog .modal-head{gap:20px}#helpTitle{font-size:22px;line-height:1.4}.help-step{display:flex;gap:16px;margin:26px 0}.help-symbol{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;font-size:18px;font-weight:bold}.help-symbol.blue{background:#dceaff;color:#337cf7}.help-symbol.green{background:#dcfbe8;color:#08a359}.help-symbol.purple{background:#f0e4ff;color:#9160c6}#helpDialog h3{font-size:16px;margin:4px 0 10px}#helpDialog p,#helpDialog li{font-size:13px;line-height:1.7;color:#586c85}#helpDialog p{margin:0}#helpDialog ul{padding-left:18px;margin:10px 0}.help-example{background:#eff6ff;padding:20px;border-radius:10px}.help-note{margin-top:20px!important;padding-top:16px;border-top:1px solid #e7edf4}@media(max-width:480px){#helpDialog{padding:22px}.help-step{gap:12px}#helpTitle{font-size:18px}}

#closeHelp{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #e1e7ef;border-radius:50%;background:#f3f6fa;color:#64758c;cursor:pointer;transition:background .15s,color .15s,transform .15s}#closeHelp svg{width:17px;height:17px;pointer-events:none}#closeHelp:hover{background:#ffece5;color:#db5936;border-color:#f4c8ba;transform:rotate(90deg)}#closeHelp:focus-visible{outline:3px solid #efaa96;outline-offset:3px}