*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--purple: #7c3aed;--pink: #db2777;--orange: #ea580c;--bg: #f0f4f8;--surface: #ffffff;--surface2: #f8fafc;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto}.card-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);padding:1.5rem;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .18s ease;white-space:nowrap;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border)}.btn-icon{padding:.5rem;border-radius:50%;width:36px;height:36px}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-control{padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;width:100%;transition:border-color .2s,box-shadow .2s;background:var(--surface);color:var(--text)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.form-control::placeholder{color:var(--text-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}table{width:100%;border-collapse:collapse;min-width:500px}thead th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--surface2)}thead th:first-child{border-radius:var(--radius-sm) 0 0 0}thead th:last-child{border-radius:0 var(--radius-sm) 0 0}tbody td{padding:.85rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.03em}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:var(--surface);border-radius:var(--radius);padding:1.25rem 1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:.45rem;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1.25rem}.timeline-dot{position:absolute;left:-1.15rem;top:.2rem;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 2px currentColor}.event-card{background:var(--surface);border-radius:var(--radius);padding:1rem 1.25rem;border:1px solid var(--border);display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:all .18s;margin-bottom:.75rem}.event-card:hover{box-shadow:var(--shadow);transform:translate(3px);border-color:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal-box{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.step-bar{display:flex;align-items:center;gap:0;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:70px;position:relative}.step-item:before{content:"";position:absolute;top:14px;right:-50%;width:100%;height:2px;background:var(--border);z-index:0}.step-item:last-child:before{display:none}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:1;border:2px solid var(--border);background:var(--surface);color:var(--text-muted)}.step-dot.active{background:var(--primary);color:#fff;border-color:var(--primary)}.step-dot.done{background:var(--success);color:#fff;border-color:var(--success)}.step-label{font-size:.65rem;color:var(--text-muted);margin-top:.35rem;text-align:center;white-space:nowrap}.notif-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;display:inline-block;margin-left:.35rem;flex-shrink:0}.page-header{background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:var(--radius);padding:1.5rem 2rem;color:#fff;margin-bottom:1.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.card{padding:1rem}.btn{font-size:.8rem;padding:.45rem .85rem}.modal-box{padding:1.5rem}}@media (max-width: 480px){body{font-size:14px}.page-header{padding:1.25rem}}