:root{--bg:#f8fafc;--card:#fff;--card-border:#e2e8f0;--muted:#64748b;--border:#e2e8f0;--accent:#0f766e;--accent-strong:#115e59;--text-main:#0f172a}.pm-container{padding:24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);min-height:100vh;max-width:1550px;margin:0 auto}.pm-header h1{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--text-main);letter-spacing:-.025em}.muted{color:var(--muted);font-size:14px}.pm-panel{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.pm-card{background:var(--card);border:1px solid var(--card-border);padding:22px;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.pm-card-left{height:calc(100vh - 190px);overflow-y:auto;position:sticky;top:20px}.pm-card.pm-preview{height:calc(100vh - 190px);overflow:hidden;display:flex;flex-direction:column}.pm-preview-content{flex:1 1 auto;overflow:hidden}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#f8fafc;border-radius:18px;padding:14px}.pm-preview table{min-width:920px;table-layout:auto}.pm-list{display:flex;flex-direction:column;gap:10px}.pm-list-item{text-align:left;padding:12px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.pm-list-item .title{font-weight:600;color:#062023}.pm-list-item .sub{font-size:12px;color:var(--muted)}.pm-list-item:hover{background:#fbfdfc;border-color:var(--border)}.pm-empty{padding:20px;color:#374151}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.preview-header>div:first-child{flex:1 1 auto;min-width:0}.preview-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent-strong);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(15,118,110,.16)}.btn.ghost{background:transparent;border:1px dashed var(--border);color:var(--muted)}.pm-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;min-width:920px}.pm-table thead th{text-align:left;padding:16px 14px;background:#f8fafc;font-size:13px;color:#0f172a;border-bottom:1px solid var(--border);white-space:nowrap}.pm-table td,.pm-table th{padding:14px;border-bottom:1px solid #eff2f7;font-size:13px;vertical-align:middle}.pm-table tbody tr:hover{background:#f8fafc}.pm-table tbody tr:nth-child(2n){background:#fff}.pm-table tbody tr:nth-child(odd){background:#fbfbfb}.pm-table td{white-space:nowrap}.input-num{width:100px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-num:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(15,118,110,.12)}.totals{display:flex;justify-content:flex-end;gap:32px;margin-top:18px;font-weight:700;color:#0f172a}.totals .grand{color:var(--accent-strong)}@media (max-width:900px){.pm-panel{grid-template-columns:1fr}.pm-card-left,.pm-card.pm-preview{height:auto;position:relative;top:0}.pm-card-left{max-height:none}.pm-preview-content{overflow:hidden}}.pm-list-item.active{background:#eefafa;border-color:#7dd3fc}.pm-statusbar{gap:12px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.pm-statusbar,.pm-step{display:flex;align-items:center}.pm-step{flex-direction:column;width:120px}.pm-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;box-shadow:0 6px 12px rgba(2,6,23,.04)}.pm-step-label{font-size:13px;color:#0f172a}.pm-step-done .pm-step-dot{background:var(--accent);color:#fff}.pm-step-active .pm-step-dot{background:var(--accent-strong);color:#fff}.pm-step-pending .pm-step-dot{background:#f1f5f4;color:var(--muted)}.pm-status-details{display:flex;gap:14px;margin-bottom:14px}.pm-status-card{background:var(--card);border:1px solid var(--border);padding:12px;border-radius:10px;width:180px;box-shadow:0 6px 16px rgba(2,6,23,.04)}.pm-status-card-title{font-weight:700;margin-bottom:8px;color:#062023}.pm-status-card-body .small{font-size:12px;color:var(--muted)}.pm-activity-log{margin-top:14px;background:transparent;padding:0}.pm-activity-log>h4{margin:0 0 8px;font-size:14px;color:#0f172a}.pm-activity-log ul{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pm-activity-item{display:flex;gap:14px;padding:12px;border-top:1px solid #f7faf9;align-items:flex-start}.pm-activity-item:first-of-type{border-top:none}.pm-activity-time{width:170px;font-size:12px;color:var(--muted)}.pm-activity-title{font-weight:700;color:#062023}.pm-activity-content .small{font-size:12px;color:var(--muted)}.purchase-page-grid{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:24px;margin-top:24px}.po-detail-panel,.po-panel{background:var(--card);border:1px solid var(--card-border);border-radius:22px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.panel-label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#0f766e;font-weight:700}.panel-title{margin:0;font-size:20px;line-height:1.2;color:var(--text-main)}.search-box{display:flex;align-items:center;gap:10px;padding:14px;background:#f8fafc;border:1px solid var(--card-border);border-radius:16px;margin-bottom:18px}.search-icon{width:20px;height:20px;color:var(--muted)}.po-search-input{border:none;background:transparent;box-shadow:none}.po-card-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 240px);overflow-y:auto}.po-card{text-align:left;padding:18px;border-radius:18px;border:1px solid transparent;background:#fff;box-shadow:0 12px 20px rgba(15,23,42,.04);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.po-card:hover{transform:translateY(-1px);border-color:#c7d2fe}.po-card.selected{border-color:#0f766e;background:#ecfdf5}.po-card-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.po-number{font-weight:700;color:#0f172a}.po-customer{margin-top:6px}.po-card-meta,.po-customer{color:var(--muted);font-size:13px}.po-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.po-detail-panel{display:flex;flex-direction:column;gap:20px}.notification-banner{padding:16px 20px;border-radius:18px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:600}.empty-state-panel{min-height:320px;display:grid;place-items:center;text-align:center;gap:12px;color:var(--muted)}.po-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.po-summary-card{background:#f8fafc;border:1px solid var(--card-border);border-radius:18px;padding:18px}.summary-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0f766e;margin-bottom:8px;font-weight:700}.summary-value{font-size:22px;font-weight:800;color:var(--text-main)}.summary-meta{margin-top:8px;color:var(--muted);font-size:13px}.table-card{background:var(--card);border:1px solid var(--card-border);border-radius:22px;padding:22px}.table-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.table-scroll{overflow-x:auto}.item-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:700}.purchase-dialog-content{width:min(100%,680px);max-width:680px;padding:28px 24px}.purchase-dialog-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.purchase-dialog-title{font-size:1.3rem;line-height:1.25}.purchase-dialog-description{color:var(--muted);font-size:.95rem}@media (max-width:720px){.purchase-dialog-content{width:min(100%,calc(100vw - 32px));padding:20px 16px}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.form-field{display:flex;flex-direction:column;gap:8px}.full-width{grid-column:span 2}.select-input,.textarea-input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;color:#0f172a;background:#fff}.textarea-input{resize:vertical;min-height:88px}.item-review-card{margin-top:22px;padding:18px;border-radius:18px;background:#f8fafc;border:1px solid var(--card-border)}.item-review-title{margin:0 0 12px;font-weight:700;color:#0f172a}.item-review-row{display:flex;justify-content:space-between;gap:14px;color:#475569;margin-bottom:10px}.total-row{margin-top:10px;font-size:15px;color:#0f172a}@media (max-width:1080px){.po-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}@media (max-width:860px){.purchase-page-grid{grid-template-columns:1fr}.po-card-list{max-height:none}}