.pp-main{width:min(1540px,calc(100% - 36px));margin:0 auto;padding:66px 0 100px}
.pp-hero{padding:24px 0 38px;border-bottom:1px solid #283b50}
.pp-hero h1{font-size:clamp(2.8rem,6vw,5.9rem);line-height:.92;margin:14px 0 18px;text-transform:uppercase}
.pp-hero>p:last-child{max-width:1000px;color:#a7c7f5;font-size:1.1rem;line-height:1.7}
.pp-private-note{margin:24px 0;background:#0d1b2a;border:1px solid #00cfee;border-radius:16px;padding:16px 18px;color:#cdeeff}
.pp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.pp-panel{background:#0c1929;border:1px solid #2a405a;border-radius:18px;padding:22px;margin-bottom:20px}
.pp-panel h2{margin:0 0 16px;text-transform:uppercase;font-size:1.65rem}
.pp-panel h3{margin:20px 0 12px;text-transform:uppercase;font-size:1.05rem;color:#dcecff}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-field{display:grid;gap:7px;align-content:start;align-self:start}
.pp-field.full{grid-column:1/-1}
.pp-field span{font-size:.76rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#d7e8fb}
.pp-field input,.pp-field select,.pp-field textarea{width:100%;border:1px solid #2a405a;border-radius:10px;background:#101f33;color:#fff;padding:12px;font:inherit}
.pp-field textarea{min-height:100px;resize:vertical}
.pp-field small{color:#829bb9;line-height:1.4}
.pp-calculated-field output{display:flex;align-items:center;min-height:50px;width:100%;border:1px solid #00cfee;border-radius:10px;background:#082330;color:#00cfee;padding:12px;font-size:1.08rem;font-weight:950}
.pp-base-cost-field[hidden]{display:none!important}

.pp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #00cfee;background:#00cfee;color:#031018;border-radius:10px;padding:11px 15px;font-weight:950;text-decoration:none;cursor:pointer}
.pp-button.secondary{background:#08111d;color:#eaf3ff;border-color:#2a405a}
.pp-button.danger{background:#261116;color:#ff9aa6;border-color:#8d3641}
.pp-button:hover{filter:brightness(1.08)}
.pp-table-wrap{overflow-x:auto;border:1px solid #2a405a;border-radius:14px}
.pp-table{width:100%;border-collapse:collapse;min-width:860px}
.pp-table th{background:#07111d;color:#00cfee;text-align:left;padding:10px;border-bottom:1px solid #2a405a;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.pp-table td{padding:8px;border-bottom:1px solid #22364d;vertical-align:top}
.pp-table input,.pp-table select{width:100%;min-width:88px;border:1px solid #2a405a;border-radius:8px;background:#101f33;color:#fff;padding:9px;font:inherit}
.pp-table .pp-remove{min-width:auto;padding:9px 11px}
.pp-row-total{font-weight:900;color:#dff8ff;white-space:nowrap;padding-top:11px;display:block}
.pp-summary{position:sticky;top:20px}
.pp-summary-card{background:#07111d;border:1px solid #2a405a;border-radius:16px;padding:18px;margin-bottom:16px}
.pp-summary-card h2,.pp-summary-card h3{margin-top:0;text-transform:uppercase}
.pp-summary-list{display:grid;gap:0}
.pp-summary-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #21344a;color:#a9c1df}
.pp-summary-line strong{color:#f3f9ff;text-align:right}
.pp-summary-line.total{font-size:1.08rem;color:#fff;border-top:1px solid #00cfee;margin-top:6px}
.pp-summary-line.total strong{color:#00cfee;font-size:1.25rem}
.pp-price-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.pp-price-box article{background:#0c1929;border:1px solid #2a405a;border-radius:12px;padding:13px}
.pp-price-box span{display:block;color:#829bb9;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.pp-price-box strong{display:block;color:#fff;font-size:1.15rem;margin-top:5px}
.pp-price-box article.recommended{border-color:#00cfee}
.pp-price-box article.recommended strong{color:#00cfee}
.pp-price-box article.profit.negative{border-color:#d85c6b}
.pp-price-box article.profit.negative strong{color:#ff8b99}
.pp-saved-list{display:grid;gap:10px;max-height:390px;overflow:auto}
.pp-saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;background:#08111d;border:1px solid #2a405a;border-radius:12px;padding:12px}
.pp-saved-item:hover{border-color:#00cfee}
.pp-saved-item button.pp-open{border:0;background:transparent;color:#eaf3ff;text-align:left;padding:0;cursor:pointer}
.pp-saved-item strong{display:block}
.pp-saved-item small{display:block;color:#829bb9;margin-top:4px}
.pp-saved-item .pp-delete{border:1px solid #5d2c34;background:#211116;color:#ff9aa6;border-radius:8px;padding:7px 9px;cursor:pointer}
.pp-message{min-height:1.2em;color:#9fb8d7;margin-top:13px}
.pp-message.is-success{color:#66dfac}.pp-message.is-error{color:#ff8c99}
.pp-inline-note{background:#082330;border-left:3px solid #00cfee;padding:12px 14px;color:#c8e7ee;line-height:1.55;margin:12px 0}
.pp-status-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0}
.pp-status-row p{margin:0;color:#8da8c7}
@media(max-width:1180px){.pp-workspace{grid-template-columns:1fr}.pp-summary{position:static}.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.pp-main{width:min(100% - 24px,1540px);padding-top:40px}.pp-grid,.pp-grid.two,.pp-price-box{grid-template-columns:1fr}.pp-hero h1{font-size:2.55rem}.pp-panel{padding:16px}.pp-status-row{align-items:flex-start;flex-direction:column}}