.archive-container{padding:0 18px 42px;max-width:1400px;margin:0 auto}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.archive-header h1{font-size:28px;font-weight:700;margin-bottom:4px}.archive-header p{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px}.archive-actions{display:flex;gap:12px;align-items:center}.archive-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.archive-stat{background:var(--glass-bg, rgba(15, 23, 42, .6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.archive-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#1f5bff26)}.archive-stat-icon svg{stroke:var(--primary, #8b5cf6)}.archive-stat-icon.green{background:linear-gradient(135deg,#10b98133,#05966926)}.archive-stat-icon.green svg{stroke:var(--accent2, #10b981)}.archive-stat-icon.blue{background:linear-gradient(135deg,#3b82f633,#2563eb26)}.archive-stat-icon.blue svg{stroke:var(--blue, #3b82f6)}.archive-stat-content{flex:1}.archive-stat-label{font-size:12px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.archive-stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #fff)}.archive-table-panel{background:var(--glass-bg, rgba(15, 23, 42, .6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;overflow:hidden}.archive-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));flex-wrap:wrap;gap:12px}.archive-table-header h3{font-size:16px;font-weight:600}.archive-filters{display:flex;gap:12px;align-items:center}.archive-search{position:relative}.archive-search input{background:var(--bg1, rgba(30, 41, 59, .5));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px;padding:8px 12px 8px 36px;font-size:14px;color:var(--text-primary, #fff);width:200px;transition:all .2s ease}.archive-search input:focus{outline:none;border-color:var(--primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.archive-search input::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.archive-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);stroke:var(--text-muted, rgba(255, 255, 255, .4))}.archive-table-wrap{overflow-x:auto}.archive-table{width:100%;border-collapse:collapse}.archive-table th,.archive-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05))}.archive-table th{font-size:12px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;background:#0003}.archive-table tbody tr{transition:background .2s ease}.archive-table tbody tr:hover{background:#8b5cf60d}.archive-table tbody tr:last-child td{border-bottom:none}.process-name{font-weight:500;color:var(--text-primary, #fff)}.process-dept{display:inline-block;padding:4px 8px;font-size:12px;background:#8b5cf626;color:var(--primary, #8b5cf6);border-radius:4px}.archive-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px}.archive-status.completed{background:#10b98126;color:var(--accent2, #10b981)}.archive-status.retired{background:#6b728026;color:var(--text-muted, rgba(255, 255, 255, .6))}.archive-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.roi-value{font-weight:600;color:var(--accent2, #10b981)}.archive-date{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:13px}.archive-actions-cell{display:flex;gap:8px}.archive-action-btn{padding:6px 10px;font-size:12px;background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s ease}.archive-action-btn:hover{background:#8b5cf61a;border-color:var(--primary, #8b5cf6);color:var(--primary, #8b5cf6)}.archive-action-btn.restore:hover{background:#10b9811a;border-color:var(--accent2, #10b981);color:var(--accent2, #10b981)}.archive-empty{text-align:center;padding:60px 20px}.archive-empty-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#8b5cf61a,#1f5bff14);border-radius:20px;display:flex;align-items:center;justify-content:center}.archive-empty-icon svg{stroke:var(--text-muted, rgba(255, 255, 255, .4))}.archive-empty h3{font-size:18px;font-weight:600;margin-bottom:8px}.archive-empty p{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px;max-width:400px;margin:0 auto}.archive-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.pagination-info{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6))}.pagination-controls{display:flex;gap:8px}.pagination-btn{padding:8px 12px;font-size:13px;background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#8b5cf61a;border-color:var(--primary, #8b5cf6);color:var(--primary, #8b5cf6)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary, #8b5cf6);border-color:var(--primary, #8b5cf6);color:#fff}@media (max-width: 768px){.archive-container{padding:16px}.archive-header{flex-direction:column;align-items:flex-start}.archive-summary{grid-template-columns:1fr}.archive-table-header{flex-direction:column;align-items:flex-start}.archive-filters{width:100%;flex-wrap:wrap}.archive-search input{width:100%}.archive-table th,.archive-table td{padding:12px;font-size:13px}.archive-pagination{flex-direction:column;gap:12px}}
