:root{--ptp-bg: #f8fafc;--ptp-surface: #ffffff;--ptp-surface-muted: #f8fafc;--ptp-border: #e2e8f0;--ptp-border-strong: #cbd5e1;--ptp-text: #0f172a;--ptp-text-muted: #64748b;--ptp-primary: #2563eb;--ptp-primary-strong: #1d4ed8;--ptp-primary-soft: #dbeafe;--ptp-success: #16a34a;--ptp-success-soft: #dcfce7;--ptp-warning: #d97706;--ptp-warning-soft: #fef3c7;--ptp-danger: #dc2626;--ptp-danger-soft: #fee2e2;--ptp-radius-sm: .5rem;--ptp-radius-md: .75rem;--ptp-radius-lg: 1rem;--ptp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--ptp-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--ptp-ring: 0 0 0 3px rgba(37, 99, 235, .2)}*{box-sizing:border-box}body{background:var(--ptp-bg);color:var(--ptp-text);overflow-x:hidden}#root{overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.015em}.ptp-shell{min-height:100vh;background:var(--ptp-bg)}.ptp-page{max-width:1200px;margin:0 auto;width:100%}.ptp-page-header{margin-bottom:1.5rem}.ptp-title-xl{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--ptp-text)}.ptp-title-lg{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--ptp-text)}.ptp-title-md{font-size:1.125rem;line-height:1.5rem;font-weight:700;color:var(--ptp-text)}.ptp-body{font-size:.95rem;line-height:1.5rem;color:var(--ptp-text-muted)}.ptp-caption{font-size:.75rem;line-height:1rem;color:var(--ptp-text-muted)}.ptp-card{background:var(--ptp-surface);border:1px solid var(--ptp-border);border-radius:var(--ptp-radius-lg);box-shadow:var(--ptp-shadow-sm)}.ptp-card-elevated{box-shadow:var(--ptp-shadow-md)}.ptp-surface-muted{background:var(--ptp-surface-muted)}.ptp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--ptp-radius-md);font-size:.875rem;line-height:1.25rem;font-weight:600;padding:.625rem 1rem;border:1px solid transparent;transition:all .2s ease}.ptp-btn svg,.ptp-tab svg,.ptp-chip svg{width:1rem;height:1rem;flex-shrink:0}button svg{flex-shrink:0}.ptp-btn:focus-visible,.ptp-icon-btn:focus-visible,.ptp-input:focus-visible,.ptp-textarea:focus-visible,.ptp-select:focus-visible{outline:none;box-shadow:var(--ptp-ring)}.ptp-btn-primary{background:var(--ptp-primary);color:#fff}.ptp-btn-primary:hover{background:var(--ptp-primary-strong)}.ptp-btn-secondary{background:var(--ptp-surface-muted);border-color:var(--ptp-border);color:#334155}.ptp-btn-secondary:hover{background:#f1f5f9}.ptp-btn-tertiary{background:transparent;color:#475569}.ptp-btn-tertiary:hover{background:#f1f5f9}.ptp-btn-danger{background:var(--ptp-danger);color:#fff}.ptp-btn-danger:hover{background:#b91c1c}.ptp-btn:disabled{opacity:.55;cursor:not-allowed}.ptp-icon-btn{width:2.25rem;height:2.25rem;border-radius:var(--ptp-radius-md);display:inline-flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.ptp-icon-btn svg{width:1.25rem;height:1.25rem}.ptp-icon-btn:hover{background:#f1f5f9;color:#334155}.ptp-input,.ptp-textarea,.ptp-select{width:100%;border:1px solid var(--ptp-border);background:#fff;color:var(--ptp-text);border-radius:var(--ptp-radius-md);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.ptp-input-with-icon{padding-left:2.5rem}.ptp-input::placeholder,.ptp-textarea::placeholder{color:#94a3b8}.ptp-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.ptp-chip-blue{background:#dbeafe;color:#1e40af}.ptp-chip-green{background:#dcfce7;color:#166534}.ptp-chip-yellow{background:#fef3c7;color:#92400e}.ptp-chip-red{background:#fee2e2;color:#991b1b}.ptp-chip-gray{background:#e2e8f0;color:#334155}.ptp-chip-purple{background:#ede9fe;color:#5b21b6}.ptp-progress-track{width:100%;border-radius:999px;background:#e2e8f0;height:.5rem;overflow:hidden}.ptp-progress-fill{height:100%;border-radius:999px;background:var(--ptp-primary);transition:width .3s ease}.ptp-tab{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.85rem .25rem;border-bottom:2px solid transparent;font-size:.875rem;font-weight:600;color:#64748b;transition:all .2s ease}.ptp-tab:hover{color:#334155;border-bottom-color:var(--ptp-border-strong)}.ptp-tab-active{color:var(--ptp-primary);border-bottom-color:var(--ptp-primary)}.ptp-panel{border:1px dashed var(--ptp-border-strong);border-radius:var(--ptp-radius-md);min-height:18rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:var(--ptp-text-muted);background:#f8fafc}.ptp-fade{transition:opacity .2s ease,transform .2s ease}