:root{--color-primary: #E65A38;--color-primary-hover: #CC4A2D;--color-primary-light: #FEF0EB;--color-primary-dark: #A33B24;--color-brand: #F5B046;--color-brand-hover: #E09B2D;--color-brand-light: #FFF8EB;--color-brand-dark: #C48520;--color-accent: #F5B046;--color-accent-hover: #E09B2D;--color-accent-light: #FFF8EB;--color-success: #059669;--color-success-light: #ECFDF5;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-danger: #EF4444;--color-danger-light: #FEF2F2;--color-text-primary: #141A23;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-foreground: #141A23;--color-bg-page: #FAFAF8;--color-bg-card: #FFFFFF;--color-bg-subtle: #F9F8F6;--color-bg-muted: #EBEEF2;--color-border: #E8E5E0;--color-border-light: #F3F1ED;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(20, 26, 35, .04);--shadow-md: 0 4px 12px rgba(20, 26, 35, .06);--shadow-lg: 0 10px 40px rgba(20, 26, 35, .1);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .4s ease-out;--focus-ring: 0 0 0 3px rgba(230, 90, 56, .15)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Roboto,Segoe UI,sans-serif;background-color:var(--color-bg-page);color:var(--color-text-primary);line-height:1.5;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 24px}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:500;margin:0 0 8px;color:#1a1a2e}.page-header p{color:#666;margin:0}.stat-card{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid #e5e7eb;box-shadow:none;transition:box-shadow .2s;display:flex;align-items:center;gap:1rem}.stat-card:hover{box-shadow:0 2px 8px #0000001f}.stat-card .stat-value{font-size:1.5rem;font-weight:800;color:#111827;margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;margin-top:0}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.blue{background:#eff6ff}.stat-icon.green{background:#f0fdf4}.stat-icon.orange{background:#fff7ed}.stat-icon.red{background:#fef2f2}.docs-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.table-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.table-title{font-size:1.125rem;font-weight:800}.table-subtitle{margin-top:.25rem;color:#6b7280;font-size:.95rem}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:800;color:#6b7280;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb}td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6}tr:hover{background:#f9fafb}.data-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.data-table th{background:#f8f9fa;font-weight:500;text-align:left;padding:16px;color:#666;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;border-top:1px solid #eee}.data-table tr:hover td{background:#f8f9fa}.btn-primary{background:linear-gradient(135deg,#e65a38,#cc4a2d);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e65a384d}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge.badge-success{background:#e8f5e9;color:#2e7d32}.badge.badge-warning{background:#fff3e0;color:#ef6c00}.badge.badge-danger{background:#ffebee;color:#c62828}.badge.badge-info{background:#e3f2fd;color:#1565c0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-xs{padding:.45rem .6rem;font-size:.8rem;border-radius:.5rem}.action-group{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.doc-title{font-weight:800;color:#111827;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.doc-meta{color:#6b7280;font-size:.875rem;display:grid;gap:.15rem}.doc-file{display:inline-flex;gap:.5rem;align-items:center;color:#e65a38;text-decoration:none;font-weight:600}.doc-file:hover{text-decoration:underline}.muted{color:#9ca3af}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:700;white-space:nowrap}.status-valid{background:#dcfce7;color:#166534}.status-expiring{background:#fef3c7;color:#92400e}.status-expired{background:#fee2e2;color:#991b1b}.segmented{display:inline-flex;gap:.25rem;padding:.25rem;background:#f3f4f6;border-radius:9999px}.seg-btn{border:none;background:transparent;cursor:pointer;padding:.5rem .85rem;border-radius:9999px;color:#6b7280;font-weight:600;font-size:.875rem;transition:all .2s}.seg-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000f}.filters{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-bar{position:relative;flex:1;min-width:260px}.search-bar input{width:100%;padding:.85rem 1rem .85rem 2.75rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb;font-size:.95rem}.search-bar input:focus{outline:none;border-color:#e65a38;box-shadow:0 0 0 3px #e65a381f;background:#fff}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#9ca3af}.filter-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wap}.filter-select{padding:.75rem 1 rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;font-size:.875rem;cursor:pointer;min-width:150px}.filter-select:hover{border-color:#d1d5db}.filter-select:focus{outline:none;border-color:#e65a38;box-shadow:0 0 0 3px #e65a381f}body.dark-theme{background-color:#0c0e14;color:#e8e8f0}body.dark-theme .page-header h1{color:#e8e8f0}body.dark-theme .page-header p{color:#8c8c9c}body.dark-theme .stat-card{background:#161820;border-color:#2c2e3a}body.dark-theme .stat-card:hover{box-shadow:0 4px 16px #00000080}body.dark-theme .stat-card .stat-value{color:#e8e8f0}body.dark-theme .stat-card .stat-label{color:#8c8c9c}body.dark-theme .stat-icon.blue{background:#f5b04626}body.dark-theme .stat-icon.green{background:#10b98126}body.dark-theme .stat-icon.orange{background:#f9731626}body.dark-theme .stat-icon.red{background:#ef444426}body.dark-theme .docs-section{background:#161820;border-color:#2c2e3a}body.dark-theme .table-header{border-bottom-color:#2c2e3a}body.dark-theme .table-title{color:#e8e8f0}body.dark-theme .table-subtitle{color:#8c8c9c}body.dark-theme th{background:#161820;color:#8c8c9c;border-bottom-color:#2c2e3a}body.dark-theme td{border-bottom-color:#1e2028;color:#e8e8f0}body.dark-theme tr:hover{background:#1e2028}body.dark-theme .data-table{background:#161820;box-shadow:0 2px 8px #0000004d}body.dark-theme .data-table th{background:#1e2028;color:#8c8c9c}body.dark-theme .data-table td{border-top-color:#2c2e3a}body.dark-theme .data-table tr:hover td{background:#1e2028}body.dark-theme .btn-secondary{background:#161820;color:#e8e8f0;border-color:#2c2e3a}body.dark-theme .btn-secondary:hover{background:#1e2028;border-color:#3a3c4a}body.dark-theme .badge.badge-success{background:#10b98126;color:#6ee7b7}body.dark-theme .badge.badge-warning{background:#f59e0b26;color:#fbbf24}body.dark-theme .badge.badge-danger{background:#ef444426;color:#fca5a5}body.dark-theme .badge.badge-info{background:#f5b04626;color:#f9c35a}body.dark-theme .status-badge.status-valid{background:#10b98126;color:#6ee7b7}body.dark-theme .status-badge.status-expiring{background:#f59e0b26;color:#fbbf24}body.dark-theme .status-badge.status-expired{background:#ef444426;color:#fca5a5}body.dark-theme ::-webkit-scrollbar-track{background:#0c0e14}body.dark-theme ::-webkit-scrollbar-thumb{background:#3a3c4a}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#4a4c5a}body.dark-theme .segmented{background:#161820}body.dark-theme .seg-btn{color:#8c8c9c}body.dark-theme .seg-btn.active{background:#262830;color:#e8e8f0;box-shadow:0 1px 4px #0006}body.dark-theme .filters{background:#161820;border-color:#2c2e3a}body.dark-theme .search-bar input{border-color:#2c2e3a;background:#0c0e14;color:#e8e8f0}body.dark-theme .search-bar input:focus{border-color:#f5b046;box-shadow:0 0 0 3px #f5b04626;background:#161820}body.dark-theme .search-bar input::placeholder{color:#5c5c6c}body.dark-theme .search-icon{color:#5c5c6c}body.dark-theme .filter-select{border-color:#2c2e3a;background:#161820;color:#e8e8f0}body.dark-theme .filter-select:hover{border-color:#3a3c4a}body.dark-theme .filter-select:focus{border-color:#f5b046;box-shadow:0 0 0 3px #f5b04626}body.dark-theme .doc-title{color:#e8e8f0}body.dark-theme .doc-meta{color:#8c8c9c}body.dark-theme .doc-file{color:#f9c35a}body.dark-theme .muted{color:#5c5c6c}body.dark-theme input,body.dark-theme textarea,body.dark-theme select{color:#e8e8f0;background-color:#161820;border-color:#2c2e3a}body.dark-theme .mat-mdc-dialog-surface{background:#161820!important;color:#e8e8f0!important}body.dark-theme .cdk-overlay-dark-backdrop{background:#000000b3}body.dark-theme .pagination button,body.dark-theme .pagination a{background:#161820;color:#8c8c9c;border-color:#2c2e3a}body.dark-theme .pagination button:hover,body.dark-theme .pagination a:hover{background:#1e2028;color:#e8e8f0}body.dark-theme .pagination button.active,body.dark-theme .pagination a.active{background:#f5b046;color:#fff;border-color:#f5b046}body.dark-theme .pagination button:disabled,body.dark-theme .pagination a:disabled{color:#3a3c4a}body.dark-theme .coming-soon p{color:#8c8c9c}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0ece8 25%,#e8e4de 37%,#f0ece8 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-card{background:#fff;border:1px solid #eee9e2;border-radius:12px;padding:16px}.skeleton-table-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f5f2ee}body.dark-theme .skeleton{background:linear-gradient(90deg,#1e2028 25%,#262830 37%,#1e2028 63%);background-size:200% 100%}body.dark-theme .skeleton-card{background:#161820;border-color:#2c2e3a}body.dark-theme .skeleton-table-row{border-bottom-color:#2c2e3a}