:root{--font-family-sans: "Inter", sans-serif;--font-family-title: "Outfit", sans-serif;--bg-primary: hsl(222, 47%, 9%);--bg-secondary: hsl(223, 30%, 14%);--bg-tertiary: hsl(223, 25%, 18%);--text-primary: hsl(210, 40%, 98%);--text-secondary: hsl(215, 20%, 75%);--text-muted: hsl(217, 15%, 55%);--accent-blue: hsl(217, 91%, 60%);--accent-blue-hover: hsl(217, 91%, 65%);--accent-blue-light: rgba(59, 130, 246, .15);--status-approved: hsl(142, 70%, 45%);--status-approved-light: rgba(16, 185, 129, .1);--status-approved-border: rgba(16, 185, 129, .3);--status-observed: hsl(38, 92%, 50%);--status-observed-light: rgba(245, 158, 11, .1);--status-observed-border: rgba(245, 158, 11, .3);--status-rejected: hsl(350, 89%, 60%);--status-rejected-light: rgba(239, 68, 68, .1);--status-rejected-border: rgba(239, 68, 68, .3);--border-color: hsl(217, 19%, 24%);--border-light: rgba(255, 255, 255, .08);--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);font-weight:600;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:#3b82f64d}50%{border-color:#3b82f6cc}to{border-color:#3b82f64d}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex-grow:1;padding:32px;margin-left:260px;animation:fadeIn .4s ease-out;transition:var(--transition-smooth)}@media (max-width: 1024px){.main-content{margin-left:80px;padding:24px}}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-family-sans);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);border:none}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover{background-color:var(--accent-blue-hover);box-shadow:0 4px 14px #3b82f666}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-danger{background-color:var(--status-rejected);color:#fff}.btn-danger:hover{box-shadow:0 4px 14px #ef444466}.btn-disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border-color)}.custom-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:16px 20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.custom-table td{padding:16px 20px;font-size:.9rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#ffffff05}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-approved{background-color:var(--status-approved-light);color:var(--status-approved);border:1px solid var(--status-approved-border)}.badge-observed{background-color:var(--status-observed-light);color:var(--status-observed);border:1px solid var(--status-observed-border)}.badge-rejected{background-color:var(--status-rejected-light);color:var(--status-rejected);border:1px solid var(--status-rejected-border)}.top-banner{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);padding:18px 30px;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:30px}.flag-accent{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.flag-colors{display:flex;height:12px;width:20px;border-radius:1px;overflow:hidden;box-shadow:0 1px 2px #0000004d}.flag-red{width:35%;background-color:#d91023}.flag-white{width:30%;background-color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}