:root{--pd-primary:#a52425;--pd-primary-dark:#8b1f20;--pd-primary-light:#c73b3c;--pd-primary-bg:#fff5f5;--pd-accent:#2c3e50;--pd-text-primary:#1f2937;--pd-text-secondary:#6b7280;--pd-text-muted:#9ca3af;--pd-bg-body:#f3f4f6;--pd-bg-card:#fff;--pd-bg-section:#f9fafb;--pd-border:#e5e7eb;--pd-border-light:#f3f4f6;--pd-shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--pd-shadow-md:0 4px 12px rgba(0,0,0,.08);--pd-shadow-lg:0 10px 25px rgba(0,0,0,.08);--pd-radius-sm:8px;--pd-radius-md:12px;--pd-radius-lg:16px;--pd-radius-xl:20px;--pd-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--pd-transition:0.2s ease-in-out}.pd-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--pd-border)}.pd-page-title{font-family:var(--pd-font);font-size:1.5rem;font-weight:700;color:var(--pd-primary);margin:0;line-height:1.3;letter-spacing:-.02em;position:relative;padding-left:16px}.pd-page-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:var(--pd-primary);border-radius:2px}.pd-section-title{font-size:1rem;color:var(--pd-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--pd-border)}.pd-section-title,.pd-subsection-title{font-family:var(--pd-font);font-weight:600;letter-spacing:.01em}.pd-subsection-title{font-size:.875rem;color:var(--pd-accent);margin:0 0 12px}.pd-card{background:var(--pd-bg-card);border-radius:var(--pd-radius-md);box-shadow:var(--pd-shadow-sm);border:1px solid var(--pd-border);overflow:hidden;transition:box-shadow var(--pd-transition),transform var(--pd-transition)}.pd-card:hover{box-shadow:var(--pd-shadow-md)}.pd-card-body{padding:20px 24px}.pd-card-header{padding:16px 24px;background:var(--pd-bg-section);border-bottom:1px solid var(--pd-border);display:flex;justify-content:space-between;align-items:center}.pd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pd-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.pd-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.pd-detail-row{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--pd-border-light)}.pd-detail-row:last-child{border-bottom:none}.pd-detail-label{font-size:.8125rem;font-weight:500;color:var(--pd-text-secondary);min-width:130px;flex-shrink:0;line-height:1.5}.pd-detail-value{font-size:.875rem;font-weight:500;color:var(--pd-text-primary);line-height:1.5;word-break:break-word}.pd-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;line-height:1.4}.pd-badge-primary{background:var(--pd-primary-bg);color:var(--pd-primary)}.pd-badge-success{background:#ecfdf5;color:#065f46}.pd-badge-warning{background:#fffbeb;color:#92400e}.pd-badge-danger{background:#fef2f2;color:#991b1b}.pd-badge-info{background:#eff6ff;color:#1e40af}.pd-status{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600}.pd-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pd-status-dot.active{background:#22c55e}.pd-status-dot.inactive{background:#ef4444}.pd-status-dot.pending{background:#f59e0b}.pd-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--pd-bg-card);border-radius:var(--pd-radius-md);border:2px dashed var(--pd-border);text-align:center}.pd-empty-state-icon{font-size:2.5rem;color:var(--pd-text-muted);margin-bottom:12px}.pd-empty-state-text{font-size:.9375rem;color:var(--pd-text-secondary);margin:0;line-height:1.5}.pd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px}.pd-loading-text{margin-top:12px;font-size:.875rem;color:var(--pd-text-secondary)}.pd-error{padding:16px 20px;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--pd-radius-sm);color:#991b1b;font-size:.875rem;font-weight:500}.pd-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--pd-primary);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--pd-transition),transform var(--pd-transition);text-decoration:none}.pd-btn-primary:hover{background:var(--pd-primary-dark);transform:translateY(-1px);color:#fff}.pd-btn-primary:active{transform:translateY(0)}.pd-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:transparent;color:var(--pd-primary);border:1.5px solid var(--pd-primary);border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--pd-transition),color var(--pd-transition);text-decoration:none}.pd-btn-outline:hover{background:var(--pd-primary-bg);color:var(--pd-primary-dark)}.pd-table-container{background:var(--pd-bg-card);border-radius:var(--pd-radius-md);box-shadow:var(--pd-shadow-sm);border:1px solid var(--pd-border);overflow:hidden}.pd-table{width:100%;border-collapse:collapse}.pd-table th{padding:12px 16px;font-size:.8125rem;font-weight:600;color:var(--pd-text-secondary);background:var(--pd-bg-section);border-bottom:2px solid var(--pd-border);text-align:left;white-space:nowrap}.pd-table td{padding:12px 16px;font-size:.875rem;color:var(--pd-text-primary);border-bottom:1px solid var(--pd-border-light)}.pd-table tr:last-child td{border-bottom:none}.pd-table tr:hover td{background:#f9fafb}.pd-select-wrapper{min-width:300px}.pd-select-label{font-size:.8125rem;font-weight:500;color:var(--pd-text-secondary);margin-bottom:6px;display:block}.pd-select{width:100%;font-size:.875rem;color:var(--pd-text-primary);background:var(--pd-bg-card);border:1.5px solid var(--pd-border);border-radius:var(--pd-radius-sm);outline:none;transition:border-color var(--pd-transition),box-shadow var(--pd-transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 14px}.pd-select:focus{border-color:var(--pd-primary);box-shadow:0 0 0 3px rgba(165,36,37,.1)}@media (max-width:1200px){.pd-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:992px){.pd-grid-3,.pd-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:768px){.pd-page-title{font-size:1.25rem}.pd-grid-2,.pd-grid-3,.pd-grid-4{grid-template-columns:1fr}.pd-select-wrapper{min-width:100%}}@media (max-width:576px){.pd-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pd-detail-row{flex-direction:column;gap:2px}.pd-detail-label{min-width:auto}}