@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--navy: #0f172a;--navy-800: #1e293b;--navy-700: #334155;--navy-600: #475569;--slate-400: #94a3b8;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--blue: #2563eb;--blue-light: #eff6ff;--blue-dark: #1d4ed8;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--transition: all .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:DM Sans,sans-serif;background:var(--slate-50);color:var(--navy);min-height:100vh}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-secondary{background:var(--white);color:var(--navy);border:1.5px solid var(--slate-200)}.btn-secondary:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400)}.btn-danger{background:var(--red-light);color:var(--red);border:1.5px solid #fca5a5}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-success{background:var(--green);color:var(--white)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem;font-weight:600;width:100%;justify-content:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:600;color:var(--navy-600);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--navy);background:var(--white);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.card{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid var(--slate-200);box-shadow:var(--shadow-sm)}.card-header{padding:20px 24px;border-bottom:1.5px solid var(--slate-100)}.card-body{padding:24px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-red{background:var(--red-light);color:var(--red)}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.alert-error{background:var(--red-light);color:var(--red);border:1px solid #fca5a5}.alert-success{background:var(--green-light);color:var(--green);border:1px solid #86efac}.alert-warning{background:var(--amber-light);color:var(--amber);border:1px solid #fcd34d}.page{max-width:800px;margin:0 auto;padding:32px 24px}.page-wide{max-width:1100px;margin:0 auto;padding:32px 24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1.5px solid var(--slate-200);background:var(--white)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{background:var(--slate-50);border-bottom:1.5px solid var(--slate-200)}th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy-600)}td{padding:14px 16px;border-bottom:1px solid var(--slate-100);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--slate-50)}.mono{font-family:DM Mono,monospace;font-size:.8rem}.divider{height:1.5px;background:var(--slate-100);margin:20px 0}@media(max-width:768px){h1{font-size:1.4rem}.page,.page-wide{padding:20px 16px}.hide-mobile{display:none}}@media(max-width:480px){.page,.page-wide{padding:16px 12px}}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media(min-width:769px){.show-mobile{display:none!important}}