@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fd091ad6-module__giF-bG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fd091ad6-module__giF-bG__variable{--font-sans:"Inter", "Inter Fallback"}
:root{--color-brand-50:#f0fdf4;--color-brand-100:#dcfce7;--color-brand-200:#bbf7d0;--color-brand-300:#86efac;--color-brand-400:#22c55e;--color-brand-500:#16a34a;--color-brand-600:#15803d;--color-brand-700:#166534;--color-brand-800:#14532d;--color-brand-900:#052e16;--color-neutral-0:#fff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--color-success-bg:#dcfce7;--color-warning-bg:#fef3c7;--color-danger-bg:#fee2e2;--color-info-bg:#dbeafe;--bg-app:#f8fafc;--bg-surface:#ffffffeb;--bg-elevated:#f1f5f9d9;--bg-card:#ffffffe0;--bg-hover:#e2e8f0cc;--bg-input:#fffffff2;--bg-sidebar:#ffffffeb;--liquid-glass-bg:#ffffffe0;--liquid-glass-border:#0f172a;--liquid-glass-shadow:0 10px 30px #0f172a14, inset 0 1px 0 #ffffffe6;--liquid-glass-blur:blur(16px) saturate(180%);--border-subtle:#cbd5e1;--border-default:#0f172a;--border-strong:#000;--border-brand:#15803d;--border-radius-sm:8px;--border-radius:10px;--border-radius-lg:14px;--border-radius-xl:20px;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-brand:#15803d;--text-inverse:#fff;--text-danger:#dc2626;--text-success:#16a34a;--text-warning:#d97706;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter", "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--shadow-sm:0 2px 4px #0f172a0a;--shadow:0 6px 20px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-md:0 10px 30px #0f172a14, 0 4px 8px #0f172a0a;--shadow-lg:0 16px 40px #0f172a1f, 0 6px 12px #0f172a0f;--shadow-brand:0 4px 20px #16a34a4d;--glass-bg:#ffffffe0;--glass-border:#0f172a;--glass-blur:backdrop-filter: blur(16px) saturate(180%);--sidebar-width:240px;--sidebar-collapsed-width:64px;--topbar-height:64px;--transition-fast:.15s ease;--transition-base:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.3s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar:100;--z-topbar:90;--z-modal:200;--z-toast:300;--z-dropdown:150}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-image:radial-gradient(circle at 10% 10%,#dcfce773 0%,#0000 45%),radial-gradient(circle at 90% 85%,#dbeafe59 0%,#0000 45%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}img,svg,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:var(--leading-tight);color:#0f172a;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f999}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}:focus-visible{outline-offset:2px;outline:2.5px solid #16a34a}::selection{color:#14532d;background:#22c55e40}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;padding:10px 18px;font-weight:700;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:1.5px solid #14532d;box-shadow:0 4px 14px #16a34a4d,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-1.5px);box-shadow:0 6px 18px #16a34a66,inset 0 1px #ffffff73}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;background:#ffffffeb;border:1.5px solid #0f172a;box-shadow:0 2px 6px #0f172a0d}.btn-secondary:hover:not(:disabled){background:#fff;border-color:#000;transform:translateY(-1.5px);box-shadow:0 6px 16px #0f172a1f}.btn-ghost{color:#334155;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:#0f172a;background:#f1f5f9e6}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:1.5px solid #991b1b;box-shadow:0 4px 14px #dc26264d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1.5px)}.btn-sm{font-size:var(--text-xs);padding:5px 12px}.btn-lg{font-size:var(--text-base);border-radius:12px;padding:12px 24px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:#0f172a;font-weight:700}.form-label.required:after{content:" *";color:#dc2626}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;width:100%;font-size:var(--text-sm);transition:all var(--transition-fast);background:#fffffff2;border:1.5px solid #0f172a;border-radius:10px;outline:none;padding:10px 14px;font-weight:600;box-shadow:inset 0 1px 2px #0f172a08}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-width:2px;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a2e}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8;font-weight:400}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc2626}.form-error{font-size:var(--text-xs);color:#dc2626;font-weight:700}.form-hint{font-size:var(--text-xs);color:#475569}.form-textarea{resize:vertical;min-height:85px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%230f172a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.card{-webkit-backdrop-filter:blur(16px)saturate(180%);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background:#ffffffe0;border:1.5px solid #0f172a;border-radius:14px;padding:24px;box-shadow:0 10px 30px #0f172a0f,inset 0 1px #ffffffe6}.card:hover{border-color:#000;box-shadow:0 14px 36px #0f172a1a,inset 0 1px #fff}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-base);color:#0f172a;font-weight:800}.table-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1.5px solid #0f172a;border-radius:14px;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:#0f172a;background:#f1f5f9f2;border-bottom:2px solid #0f172a;padding:14px 18px;font-weight:800}.table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #cbd5e1;padding:12px 18px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background:#f8fafcf2}.badge{font-size:var(--text-xs);white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.badge-success{color:#14532d;background:#dcfce7;border-color:#16a34a}.badge-warning{color:#78350f;background:#fef3c7;border-color:#d97706}.badge-danger{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}.badge-info{color:#1e40af;background:#dbeafe;border-color:#2563eb}.badge-neutral{color:#0f172a;background:#f1f5f9;border-color:#0f172a}.divider{margin:var(--space-4) 0;border:none;border-top:1px solid #cbd5e1}.spinner{border:2.5px solid #cbd5e1;border-top-color:#16a34a;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--border-radius);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);color:#475569;text-align:center;flex-direction:column;display:flex}.empty-state svg{color:#64748b}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-title{font-size:var(--text-2xl);color:#0f172a;letter-spacing:-.02em;font-weight:800}.page-subtitle{font-size:var(--text-sm);color:#475569;margin-top:var(--space-1);font-weight:600}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:16px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%}.sop-bar{flex-direction:column;align-items:flex-start;gap:12px}.sop-info{min-width:100%!important}}