:root{--pog-primary:#6366f1;--pog-primary-light:#6366f11a;--pog-text:#1e293b;--pog-text-secondary:#475569;--pog-text-muted:#64748b;--pog-bg:#fff;--pog-bg-secondary:#f8fafc;--pog-border:#e2e8f0;--pog-shadow:0 1px 3px #00000014;--pog-shadow-sm:0 1px 2px #0000000d;--pog-positive:#059669;--pog-negative:#ef4444;--pog-negative-light:#ef444414}._pog-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:flex}._pog-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}._pog-toolbar-actions{align-items:center;gap:var(--main-space-2);display:flex}._pog-layout{gap:var(--main-space-5);grid-template-columns:420px 1fr;align-items:start;display:grid}._pog-panel{gap:var(--main-space-4);flex-direction:column;display:flex}._pog-panel--preview{top:var(--main-space-4);position:sticky}._pog-card{background:var(--pog-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--pog-shadow);border-style:solid;border-width:1px;border-color:var(--pog-border)}._pog-card-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--pog-text);margin:0 0 var(--main-space-4) 0;text-transform:uppercase;letter-spacing:.025em;font-weight:600;display:flex}._pog-card-title svg{color:var(--pog-primary);flex-shrink:0}._pog-btn{border-radius:var(--main-radius);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;transition:opacity .15s,box-shadow .15s;display:inline-flex}._pog-btn--sm{font-size:var(--main-text-xs);padding:.375rem .75rem}._pog-btn--primary{background:var(--pog-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._pog-btn--primary:hover{opacity:.9}._pog-btn--outline{background:var(--pog-bg);color:var(--pog-text);border-style:solid;border-width:1px;border-color:var(--pog-border)}._pog-btn--outline:hover{background:var(--pog-bg-secondary)}._pog-btn--ghost{color:var(--pog-text-muted);background:0 0}._pog-btn--ghost:hover{color:var(--pog-text)}._pog-btn svg{flex-shrink:0}._pog-btn-icon{border-radius:var(--main-radius);width:28px;height:28px;color:var(--pog-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._pog-btn-icon:hover{color:var(--pog-negative);background:var(--pog-negative-light)}@media (max-width:1200px){._pog-layout{grid-template-columns:380px 1fr}}@media (max-width:992px){._pog-layout{grid-template-columns:1fr}._pog-panel--preview{position:static}}@media (max-width:768px){._pog-container{padding-left:1rem;padding-right:1rem}}._pog-form-grid{gap:var(--main-space-3);flex-direction:column;display:flex}._pog-form-grid--2{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._pog-form-grid--3{gap:var(--main-space-3);grid-template-columns:1fr 1fr 1fr;display:grid}._pog-field--full{grid-column:1/-1}._pog-field{flex-direction:column;gap:.25rem;display:flex}._pog-label{font-size:var(--main-text-xs);color:var(--pog-text-secondary);font-weight:500}._pog-input,._pog-select,._pog-textarea{border-style:solid;border-width:1.5px;border-color:var(--pog-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--pog-text);background:var(--pog-bg);outline:none;width:100%;padding:.5rem .625rem}._pog-input:focus,._pog-select:focus,._pog-textarea:focus{border-color:var(--pog-primary);box-shadow:0 0 0 3px var(--pog-primary-light)}._pog-textarea{resize:vertical;min-height:52px}._pog-select{cursor:pointer}._pog-input-group{gap:0;display:flex}._pog-input-group ._pog-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}._pog-input-group ._pog-select--sm{width:72px;font-size:var(--main-text-xs);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0;padding:.375rem .5rem}._pog-items{gap:var(--main-space-3);margin-bottom:var(--main-space-3);flex-direction:column;display:flex}._pog-item{padding:var(--main-space-3);background:var(--pog-bg-secondary);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--pog-border);position:relative}._pog-item-row{gap:var(--main-space-2);grid-template-columns:1fr 64px 100px 80px;align-items:end;display:grid}._pog-item-amount{font-family:var(--main-font-mono);font-weight:600;font-size:var(--main-text-sm);color:var(--pog-text);align-items:center;height:36px;padding:0 .25rem;display:flex}._pog-remove-item{position:absolute;top:.375rem;right:.375rem}._pog-totals-form{gap:var(--main-space-3);flex-direction:column;display:flex}@media (max-width:768px){._pog-form-grid--2{grid-template-columns:1fr}._pog-form-grid--3,._pog-item-row{grid-template-columns:1fr 1fr}._pog-field--desc{grid-column:1/-1}}._pog-preview-card{padding:0;overflow:hidden}._pog-preview{padding:var(--main-space-6);color:var(--pog-text);font-size:13px;line-height:1.5}._pog-pv-header{margin-bottom:var(--main-space-5);padding-bottom:var(--main-space-4);border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:var(--pog-primary);justify-content:space-between;align-items:flex-start;display:flex}._pog-pv-title h2{color:var(--pog-primary);letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:700}._pog-pv-meta{text-align:right;flex-direction:column;gap:.25rem;display:flex}._pog-pv-meta-row{justify-content:flex-end;gap:var(--main-space-2);display:flex}._pog-pv-meta-label{color:var(--pog-text-muted);font-size:var(--main-text-xs)}._pog-pv-meta-value{font-weight:600;font-size:var(--main-text-xs);text-align:left;min-width:80px}._pog-pv-parties{gap:var(--main-space-4);margin-bottom:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._pog-pv-party-label{font-size:var(--main-text-xs);text-transform:uppercase;color:var(--pog-primary);margin:0 0 var(--main-space-2) 0;letter-spacing:.03em;font-weight:600}._pog-pv-party-info{font-size:var(--main-text-xs);color:var(--pog-text);min-height:48px;line-height:1.6}._pog-pv-party-name{margin-bottom:.125rem;font-weight:600;display:block}._pog-pv-party-detail{color:var(--pog-text-secondary);display:block}._pog-pv-placeholder{color:var(--pog-text-muted);font-style:italic;font-size:var(--main-text-xs)}._pog-pv-info-bar{gap:var(--main-space-4);padding:var(--main-space-3);background:var(--pog-bg-secondary);border-radius:var(--main-radius);margin-bottom:var(--main-space-4);flex-wrap:wrap;display:flex}._pog-pv-info-item{gap:var(--main-space-1);display:flex}._pog-pv-info-label{font-size:var(--main-text-xs);color:var(--pog-text-muted)}._pog-pv-info-value{font-size:var(--main-text-xs);color:var(--pog-text);font-weight:600}._pog-pv-table{border-collapse:collapse;width:100%;margin-bottom:var(--main-space-4)}._pog-pv-table thead{background:var(--pog-primary);color:#fff}._pog-pv-table th{font-size:var(--main-text-xs);text-align:left;text-transform:uppercase;letter-spacing:.03em;padding:.5rem .625rem;font-weight:600}._pog-pv-th--num{text-align:center;width:32px}._pog-pv-th--qty,._pog-pv-th--price,._pog-pv-th--amount{text-align:right;width:80px}._pog-pv-table td{font-size:var(--main-text-xs);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pog-border);vertical-align:top;padding:.5rem .625rem}._pog-pv-table td:first-child{text-align:center;color:var(--pog-text-muted)}._pog-pv-table td:nth-child(3),._pog-pv-table td:nth-child(4),._pog-pv-table td:nth-child(5){text-align:right;font-family:var(--main-font-mono)}._pog-pv-table td:nth-child(5){font-weight:600}._pog-pv-table tbody tr:hover{background:var(--pog-primary-light)}._pog-pv-totals{margin-bottom:var(--main-space-5);flex-direction:column;align-items:flex-end;display:flex}._pog-pv-totals-row{width:220px;font-size:var(--main-text-xs);border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:var(--pog-border);justify-content:space-between;padding:.375rem 0;display:flex}._pog-pv-totals-row span:last-child{font-family:var(--main-font-mono);text-align:right;font-weight:500}._pog-pv-totals-row--discount span:last-child{color:var(--pog-positive)}._pog-pv-totals-row--tax span:last-child{color:var(--pog-text-secondary)}._pog-pv-totals-row--grand{border-top-style:solid;border-top-width:2px;border-bottom:none;border-top-color:var(--pog-text);font-weight:700;font-size:var(--main-text-sm);margin-top:.25rem;padding-top:.5rem}._pog-pv-totals-row--grand span:last-child{color:var(--pog-primary);font-weight:700}._pog-pv-footer{margin-bottom:var(--main-space-5);gap:var(--main-space-3);flex-direction:column;display:flex}._pog-pv-notes h4,._pog-pv-terms h4{font-size:var(--main-text-xs);text-transform:uppercase;color:var(--pog-text-secondary);margin:0 0 .25rem;font-weight:600}._pog-pv-notes p,._pog-pv-terms p{font-size:var(--main-text-xs);color:var(--pog-text-secondary);white-space:pre-line;margin:0;line-height:1.5}._pog-pv-signatures{gap:var(--main-space-6);margin-top:var(--main-space-6);grid-template-columns:1fr 1fr;display:grid}._pog-pv-sig{align-items:center;gap:var(--main-space-2);flex-direction:column;display:flex}._pog-pv-sig-line{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pog-text-muted);width:100%;height:40px}._pog-pv-sig span{font-size:var(--main-text-xs);color:var(--pog-text-muted)}@media (max-width:768px){._pog-pv-parties{grid-template-columns:1fr}._pog-pv-header{gap:var(--main-space-3);flex-direction:column}._pog-pv-meta{text-align:left}._pog-pv-meta-row{justify-content:flex-start}._pog-pv-totals-row{width:100%}._pog-pv-signatures{grid-template-columns:1fr}}