:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #0b1120;--bg-secondary: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .8);--bg-input: rgba(15, 23, 42, .85);--border-subtle: rgba(255, 255, 255, .08);--border-focus: #38bdf8;--border-highlight: rgba(56, 189, 248, .3);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--primary-brand: #0ea5e9;--primary-brand-hover: #0284c7;--primary-brand-glow: rgba(14, 165, 233, .25);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .2);--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(14, 165, 233, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(circle at 15% 15%,#131d36,#0b1120 45%,#050811);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.ambient-glow-1{position:fixed;top:-10vw;right:-5vw;width:45vw;height:45vw;background:radial-gradient(circle,#0ea5e91f,#0ea5e900 70%);pointer-events:none;z-index:0;filter:blur(40px)}.ambient-glow-2{position:fixed;bottom:-15vw;left:-10vw;width:50vw;height:50vw;background:radial-gradient(circle,#10b9811a,#10b98100 70%);pointer-events:none;z-index:0;filter:blur(50px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:#fff}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s ease}.glass-panel:hover{border-color:#ffffff24}.app-header{position:sticky;top:0;z-index:50;background:#0b1120d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:.85rem 1.75rem}.header-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-badge{display:flex;align-items:center;gap:.75rem;text-decoration:none;cursor:pointer}.brand-logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#0ea5e9,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.25rem;box-shadow:0 4px 15px #0ea5e959}.brand-title{font-size:1.15rem;font-weight:800;background:linear-gradient(120deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.user-pill{display:flex;align-items:center;gap:.65rem;background:#1e293b99;border:1px solid var(--border-subtle);padding:.4rem .9rem;border-radius:var(--radius-full);font-size:.875rem}.role-badge{padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-badge.master{background:#f59e0b33;color:#fde68a;border:1px solid rgba(245,158,11,.4)}.role-badge.supervisor{background:#0ea5e933;color:#7dd3fc;border:1px solid rgba(14,165,233,.4)}.role-badge.admin{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.role-badge.rca{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.925rem;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 14px #0ea5e94d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 6px 20px #0ea5e973;transform:translateY(-1px)}.btn-emerald{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-emerald:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98173;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 4px 14px #f43f5e59}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e);box-shadow:0 6px 20px #f43f5e80;transform:translateY(-1px)}.btn-secondary{background:#33415580;color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:#475569b3;border-color:#fff3}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-outline:hover:not(:disabled){background:#ffffff0d;color:#fff;border-color:#ffffff40}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:600;color:#cbd5e1;display:flex;align-items:center;justify-content:space-between}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:.95rem;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #38bdf826;background:#0f172af2}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}.input-group{position:relative;display:flex;align-items:center;width:100%}.input-prefix{position:absolute;left:.85rem;font-weight:700;font-size:.85rem;color:#38bdf8;pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix{position:absolute;right:.85rem;font-weight:700;font-size:.85rem;color:#c084fc;pointer-events:none;-webkit-user-select:none;user-select:none}.input-with-prefix{padding-left:2.35rem!important}.input-with-suffix{padding-right:2.2rem!important}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.1em;padding-right:2.5rem}.form-textarea{min-height:90px;resize:vertical}.nav-tabs{display:flex;gap:.5rem;background:#0f172a99;padding:.35rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:fit-content}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);border:none;font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#1e293be6;color:#fff;box-shadow:0 2px 8px #0000004d}.tab-btn:hover:not(.active){color:#e2e8f0;background:#ffffff0a}.stat-card{padding:1.25rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.stat-val{font-size:1.75rem;font-weight:800;font-family:var(--font-heading);color:#fff;line-height:1.1}.stat-title{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172a66}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:#1e293bb3;padding:.85rem 1rem;font-weight:700;color:#cbd5e1;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:#e2e8f0}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-pill.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-pill.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-pill.danger{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.status-pill.info{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.banner-info{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#0ea5e91a;border:1px solid rgba(14,165,233,.25);color:#bae6fd;font-size:.875rem}.banner-security{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.2rem;border-radius:var(--radius-md);background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#a7f3d0;font-size:.85rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050811bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-card{width:100%;max-width:560px;background:#131d36;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000000b3;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.5rem;max-height:80vh;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#0f172a66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header-inner{flex-direction:column;gap:1rem;align-items:stretch}}