@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #5B6EF5;--color-primary-hover: #3A4ED4;--color-primary-light: #EEF0FF;--color-success: #18C96A;--color-success-light: #EDFFF4;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-danger: #F04F42;--color-danger-light: #FFF0F0;--indigo-50: #EEF0FF;--indigo-100: #C7CCFF;--indigo-200: #9AA5FF;--indigo-400: #5B6EF5;--indigo-600: #3A4ED4;--indigo-800: #2130A8;--indigo-900: #0F1B7C;--green-50: #EDFFF4;--green-200: #72F0AB;--green-400: #18C96A;--green-600: #0D9950;--green-800: #076B37;--amber-50: #FFFBEB;--amber-200: #FDD96A;--amber-400: #F59E0B;--amber-600: #D97706;--amber-800: #925200;--amber-900: #633800;--coral-50: #FFF0F0;--coral-200: #FF9A92;--coral-400: #F04F42;--coral-800: #8B211A;--color-bg: #FFFFFF;--color-surface: #F7F8FC;--color-border: #ECEEF5;--color-text: #1A1D2E;--color-text-body: #3D4155;--color-text-muted: #9095A8;--color-ink: #0D0F1A;--color-xp: #5B6EF5;--color-gold: #F59E0B;--color-gold-light: #FDD96A;--color-silver: #9095A8;--color-silver-light: #E8ECF2;--color-bronze: #FF9A92;--color-bronze-light: #FFD0CC;--color-chest-common: #D97706;--color-chest-rare: #7B6EDD;--color-chest-epic: #5B6EF5;--color-chest-legend: #F59E0B;--cat-prog-bg: #E8F4FF;--cat-prog-text: #0C4A8C;--cat-web-bg: #FFF1E8;--cat-web-text: #8B2E0A;--cat-games-bg: #FFE8F3;--cat-games-text: #8B1F5F;--cat-sec-bg: #EDFFF4;--cat-sec-text: #076B37;--cat-ai-bg: #F6EDFF;--cat-ai-text: #5A1F9C;--cat-db-bg: #F0F4E8;--cat-db-text: #3D5A0A;--cat-sys-bg: #FFF0E4;--cat-sys-text: #7A2800;--cat-design-bg: #FFFBEB;--cat-design-text: #925200;--cat-net-bg: #E8FDF9;--cat-net-text: #075946;--cat-personal-bg: #FDF0FB;--cat-personal-text: #6B1F63;--cat-office-bg: #F0EEFF;--cat-office-text: #3A2A99;--cat-business-bg: #FFF5E0;--cat-business-text: #7A4A00;--cat-code-bg: #E8F0F5;--cat-code-text: #2D4B5E;--font-ui: "Nunito", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", "Courier New", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(13, 15, 26, .06);--shadow-md: 0 4px 16px rgba(13, 15, 26, .08);--shadow-hover: 0 6px 24px rgba(91, 110, 245, .18);--anim-ui: .15s ease;--anim-normal: .2s ease;--anim-reward: .8s cubic-bezier(.34, 1.56, .64, 1);--anim-chest-open: .6s cubic-bezier(.34, 1.56, .64, 1);--anim-badge-reveal: .8s cubic-bezier(.22, 1, .36, 1);--anim-rank-up: 1s cubic-bezier(.34, 1.56, .64, 1);--anim-confetti: 1.2s ease-out;--delay-step-1: 0ms;--delay-step-2: .15s;--delay-step-3: .3s;--prog-bar-bg: #ECEEF5;--prog-bar-fill: #18C96A;--prog-bar-partial: #5B6EF5;--prog-bar-height: 6px;--prog-bar-radius: 3px;--xp-bar-fill: #5B6EF5;--xp-bar-bg: #ECEEF5;--xp-bar-height: 8px;--editor-bg: #FFFFFF;--editor-border: #ECEEF5;--editor-header-bg: #F7F8FC;--editor-header-text: #3D4155;--terminal-bg: #0D0F1A;--terminal-text: #F0F2FF;--terminal-accent: #18C96A;--output-success: #18C96A;--output-error: #F04F42;--output-warning: #F59E0B}[data-theme=dark]{--color-bg: #0D0F1A;--color-surface: #151827;--color-border: #2A2F4A;--color-text: #F0F2FF;--color-text-body: #B0B8D4;--color-text-muted: #6B7494;--color-primary: #7B8FFF}[data-audience=kids]{--radius-lg: 18px;--radius-xl: 24px;--body-size: 17px}[data-audience=teen]{--body-size: 16px}[data-audience=adult]{--radius-lg: 8px;--radius-xl: 12px;--body-size: 15px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #3A4ED4;--primary-light: #5B6EF5;--accent: #18C96A;--accent-light: #72F0AB;--dark: #1A1D2E;--light-bg: #F7F8FC;--text: #1A1D2E;--muted: #9095A8;--border: #ECEEF5;--white: #FFFFFF;--sidebar-bg: #FFFFFF;--sidebar-hover: #F7F8FC;--sidebar-active: #EEF0FF;--card-bg: #FFFFFF;--danger: #F04F42;--danger-light: #FFF0F0;--warning: #F59E0B;--warning-light: #FFFBEB;--success: #18C96A;--success-light: #EDFFF4;--shadow-sm: 0 2px 8px rgba(13, 15, 26, .06);--shadow-md: 0 4px 16px rgba(13, 15, 26, .08);--shadow-lg: 0 12px 40px rgba(13, 15, 26, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 260px;--header-height: 64px;--ease: cubic-bezier(.4, 0, .2, 1)}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--light-bg);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.admin-content{flex:1;padding:28px 32px;overflow-y:auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;overflow-y:auto;border-right:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid var(--border);margin-bottom:8px;text-decoration:none;transition:background .15s var(--ease)}.sidebar-logo:hover{background:var(--light-bg)}.sidebar-logo-icon{width:38px;height:38px;background:var(--primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;color:var(--white);flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-name{color:var(--text);font-weight:800;font-size:1rem;line-height:1.2;letter-spacing:-.01em}.sidebar-logo-sub{color:var(--muted);font-size:.75rem;font-weight:600}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--muted);font-weight:600;font-size:.9rem;transition:all .2s var(--ease);text-decoration:none}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--text)}.sidebar-link--active{background:var(--sidebar-active);color:var(--primary-light)}.sidebar-link--active .sidebar-link-icon{color:var(--primary-light)}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-link-label{white-space:nowrap}.sidebar-powered{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-powered-avatar{flex-shrink:0}.sidebar-powered-avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.sidebar-powered-avatar-placeholder{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.sidebar-powered-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-powered-name{color:var(--text);font-weight:700;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-powered-role{color:var(--muted);font-size:.72rem;font-weight:600}.header-dropdown-role{font-size:.78rem;color:var(--muted);font-weight:500}.header-dropdown-divider{height:1px;background:var(--border);margin:0 12px}.header-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:600;color:var(--text);transition:background .15s var(--ease)}.header-dropdown-item:hover{background:var(--light-bg)}.header-dropdown-item--logout{color:var(--danger)}.header-dropdown-item--logout:hover{background:var(--danger-light)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(ellipse at 20% 50%,rgba(43,59,247,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(17,184,141,.06) 0%,transparent 50%),var(--light-bg)}.login-card{width:100%;max-width:400px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center}.login-logo{text-align:center;margin-bottom:28px}.login-logo-mark{width:72px;height:72px;background:var(--primary-light);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2.2rem;margin:0 auto;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease);letter-spacing:-.02em}.login-logo-mark:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.8rem;color:var(--accent-light);margin-bottom:16px}.login-logo-title{font-size:1.4rem;font-weight:800;color:var(--dark)}.login-logo-sub{font-size:.9rem;color:var(--muted);font-weight:500;margin-top:4px}.login-error{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:20px}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-denied{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.login-denied h2{font-size:1.2rem;font-weight:700;color:var(--dark)}.login-denied p{font-size:.9rem;color:var(--muted);line-height:1.6}.login-denied-sub{font-size:.82rem!important}.login-footer{margin-top:24px;font-size:.78rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;transition:all .2s var(--ease);width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:var(--white);box-shadow:0 2px 8px #1620974d}.btn--primary:hover:not(:disabled){box-shadow:0 4px 16px #16209766;transform:translateY(-1px)}.btn--secondary{background:var(--light-bg);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--white);border-color:var(--primary-light);color:var(--primary-dark)}.btn--google{background:var(--white);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn--google:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:#4285f4}.btn--text{background:none;color:var(--muted);padding:8px}.btn--text:hover:not(:disabled){color:var(--primary-dark)}.btn--danger{background:var(--danger);color:var(--white)}.btn--danger:hover:not(:disabled){background:#c53030}.btn--sm{padding:7px 14px;font-size:.82rem;width:auto}.btn--icon{padding:8px;width:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:700;color:var(--text)}.form-input{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;color:var(--text);background:var(--white);outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.form-input::placeholder{color:var(--muted);opacity:.6}.form-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #2b3bf71a}.form-input:disabled{background:var(--light-bg);cursor:not-allowed}.form-select{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;color:var(--text);background:var(--white);outline:none;cursor:pointer;transition:border-color .2s var(--ease)}.form-select:focus{border-color:var(--primary-light)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:1rem;font-weight:700;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-label{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-card-value{font-size:1.8rem;font-weight:800;color:var(--dark);line-height:1.1}.stat-card-value--accent{color:var(--accent)}.stat-card-value--primary{color:var(--primary-light)}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;padding:12px 16px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--light-bg);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#eef1ff80}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge--active,.badge--success{background:var(--success-light);color:#276749}.badge--warning{background:var(--warning-light);color:#975a16}.badge--danger,.badge--expired{background:var(--danger-light);color:#c53030}.badge--free{background:var(--light-bg);color:var(--muted)}.badge--pro{background:#2b3bf71a;color:var(--primary-dark)}.badge--institutional{background:#11b88d1a;color:#0d7a5f}.badge--teacher{background:#2b3bf71a;color:var(--primary-light)}.badge--student{background:var(--light-bg);color:var(--muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);gap:12px}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary-light);border-radius:50%;animation:spin .7s linear infinite}.loading-inline{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--muted);gap:10px}.loading-inline .loading-spinner{width:24px;height:24px;border-width:2.5px}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--muted);gap:8px}.page-placeholder h2{font-size:1.2rem;font-weight:700;color:var(--dark)}.page-placeholder p{font-size:.9rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--muted);gap:12px}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text)}.empty-state-text{font-size:.88rem;max-width:400px}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters-bar .form-input,.filters-bar .form-select{width:auto;min-width:180px;padding:8px 12px;font-size:.85rem}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-sm{font-size:.82rem}.font-bold{font-weight:700}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}@media(max-width:768px){:root{--sidebar-width:0px}.sidebar{transform:translate(-100%);transition:transform .3s var(--ease)}.sidebar.sidebar--open{transform:translate(0);width:260px}.admin-main{margin-left:0}.admin-content{padding:20px 16px}.header{padding:0 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.login-card{padding:32px 24px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.header-user-name{display:none}}.profile-page{max-width:680px;padding:0 0 2rem}.profile-card{background:var(--surface,#fff);border-radius:12px;border:1px solid var(--border,#e8eaed);padding:1.5rem;margin-top:1rem}.profile-avatar-section{display:flex;align-items:center;gap:1.25rem;padding-bottom:1rem}.profile-avatar-large{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-large--placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1e5ca6,#00d4aa);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;flex-shrink:0}.profile-avatar-info h2{margin:0 0 2px;font-size:1.1rem;font-weight:700}.profile-avatar-info p{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary,#666)}.profile-upload-btn{background:none;border:1px solid var(--border,#e8eaed);border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s}.profile-upload-btn:hover{background:var(--bg,#f5f6f8)}.profile-divider{border:none;border-top:1px solid var(--border,#e8eaed);margin:1rem 0}.profile-form{display:flex;flex-direction:column;gap:.75rem}.profile-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#888);margin-bottom:.25rem}.profile-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-primary,#222)}.profile-form input{padding:9px 12px;border:1px solid var(--border,#e8eaed);border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;transition:border .18s}.profile-form input:focus{border-color:#1e5ca6}.profile-form input:disabled{background:var(--bg,#f5f6f8);color:var(--text-secondary,#888)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;z-index:9999;animation:slideUp .25s ease}.toast-success{background:#1d9e75;color:#fff}.toast-error{background:#e53935;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.active{background:#e8f5e9;color:#2e7d32}.badge.inactive{background:#fce4ec;color:#c62828}.badge.plan-free{background:#e8eaf6;color:#283593}.badge.plan-pro{background:#fff8e1;color:#f57f17}.badge.plan-institutional{background:#e0f7fa;color:#006064}.badge.role-student{background:#f3e5f5;color:#6a1b9a}.badge.role-teacher{background:#e1f5fe;color:#01579b}.badge.role-org_admin{background:#fff3e0;color:#bf360c}.badge.role-superadmin{background:var(--primary-dark);color:#fff}.badge.action{background:var(--light-bg);color:var(--primary-dark);border:1px solid var(--border)}.badge.status-delivered{background:#e8f5e9;color:#2e7d32}.badge.status-failed{background:#fce4ec;color:#c62828}.badge.status-pending{background:#fff8e1;color:#f57f17}.btn-primary{padding:.6rem 1.25rem;background:var(--primary-dark);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{padding:.6rem 1.1rem;background:#fff;color:var(--primary-dark);border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn-secondary:hover:not(:disabled){border-color:var(--primary-light);background:var(--light-bg)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{padding:.55rem 1rem;background:none;border:none;color:var(--muted);font-family:inherit;font-size:.875rem;cursor:pointer;border-radius:8px;transition:background .15s}.btn-ghost:hover{background:var(--light-bg);color:var(--text)}.btn-xs{padding:.3rem .7rem;background:var(--light-bg);color:var(--primary-dark);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;text-decoration:none;display:inline-block}.btn-xs:hover{background:var(--border)}.btn-xs.danger{color:#c62828}.btn-xs.danger:hover{background:#fce4ec;border-color:#ef9a9a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--light-bg);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.75rem 1rem;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f7f8ff}.search-input{padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.875rem;color:var(--text);background:#fff;width:260px;transition:border-color .15s,box-shadow .15s}.search-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2b3bf71a}.filters-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;align-items:center}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;z-index:9999;animation:toast-in .2s ease;box-shadow:0 4px 20px #00000026}.toast-success{background:#1b5e20;color:#fff}.toast-error{background:#b71c1c;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-loading{display:flex;align-items:center;gap:.75rem;padding:3rem 0;color:var(--muted);font-size:.9rem}.page-error{padding:1rem 1.25rem;background:#fce4ec;color:#b71c1c;border-radius:10px;font-size:.875rem;font-weight:600}.empty-state{padding:2.5rem;text-align:center;color:var(--muted);font-size:.9rem}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary-light);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.mono{font-family:Courier New,monospace;font-size:.82em}.page-sub{font-size:.875rem;color:var(--muted)}.dashboard-page{padding:2rem;max-width:1200px}.page-header{margin-bottom:2rem}.page-sub{font-size:.9rem;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 16px #1620971a}.stat-card.accent{background:var(--primary-dark);border-color:var(--primary-dark)}.stat-card.accent .stat-label,.stat-card.accent .stat-value,.stat-card.accent .stat-sub{color:#fff}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-dark);line-height:1}.stat-sub{font-size:.8rem;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}}.dash-panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--light-bg)}.panel-header h2{font-size:.95rem;font-weight:700;color:var(--primary-dark);margin:0;text-transform:uppercase;letter-spacing:.05em}.webhook-list{padding:.5rem 0}.webhook-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.5rem;border-bottom:1px solid var(--border)}.webhook-row:last-child{border-bottom:none}.webhook-info{display:flex;flex-direction:column;gap:.15rem}.webhook-name{font-size:.875rem;font-weight:600;color:var(--text)}.empty-state{padding:2rem;text-align:center;color:var(--muted);font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d15548c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0d155440;animation:modal-in .18s ease}.modal-wide{max-width:780px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--light-bg);border-radius:14px 14px 0 0;position:sticky;top:0;z-index:1}.modal-header h3{font-size:1rem;font-weight:700;color:var(--primary-dark);margin:0}.modal-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--muted);padding:.25rem .4rem;border-radius:6px;transition:background .15s}.modal-close:hover{background:var(--border)}.modal-body{padding:1.5rem}.orgs-page{padding:2rem;max-width:1200px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin:0 0 .25rem}.filters-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.filters-bar select{padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.875rem;color:var(--text);background:#fff;cursor:pointer}.table-container{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:auto}.link-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:var(--primary-dark);font-family:inherit;font-size:.875rem}.link-btn:hover strong{text-decoration:underline}.row-actions{display:flex;gap:.4rem}.org-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row label,.org-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;color:var(--text)}.form-row input,.form-row select,.org-form input,.org-form select{padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.875rem;color:var(--text);background:#fff;transition:border-color .15s}.form-row input:focus,.form-row select:focus,.org-form input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2b3bf71a}.req{color:#e53935}.org-detail{display:flex;flex-direction:column;gap:1.25rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start}.detail-header h2{margin:0 0 .2rem;font-size:1.3rem;color:var(--primary-dark)}.detail-actions{display:flex;gap:.5rem;align-items:center}.detail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;background:var(--light-bg);border-radius:10px;padding:1rem 1.25rem;font-size:.875rem}.detail-meta div{display:flex;gap:.4rem;align-items:center;color:var(--text)}.org-detail h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}.users-page{padding:2rem;max-width:1200px}.users-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.users-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin:0 0 .25rem}.filters-wrap{flex-wrap:wrap}.user-edit-form{display:flex;flex-direction:column;gap:1rem}.user-edit-meta{display:flex;flex-direction:column;gap:.2rem;background:var(--light-bg);padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.user-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.user-edit-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;color:var(--text)}.user-edit-form input,.user-edit-form select{padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.875rem;color:var(--text);background:#fff}.user-edit-form input:focus,.user-edit-form select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2b3bf71a}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem!important;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.btn-xs.delete{color:#b71c1c;border:1px solid #b71c1c;background:transparent;font-size:.75rem;padding:.25rem .6rem;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.btn-xs.delete:hover{background:#b71c1c;color:#fff}.btn-xs.reset{color:#c2410c;border:1px solid rgba(194,65,12,.35);background:transparent;font-size:.75rem;padding:.25rem .6rem;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.btn-xs.reset:hover{background:#fff7ed;border-color:#c2410c;color:#c2410c}.btn-xs.reset:disabled{opacity:.55;cursor:not-allowed}.rf{display:flex;flex-direction:column}.rf-section{padding:1.25rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.rf-section:last-of-type{border-bottom:none}.rf-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;display:flex;align-items:center;gap:.5rem}.rf-section-counter{font-size:.75rem;font-weight:600;color:var(--primary-light);background:#1e5ca614;padding:.1rem .5rem;border-radius:100px;text-transform:none;letter-spacing:0}.rf-field{display:flex;flex-direction:column;gap:.35rem}.rf-field--grow{flex:1}.rf-field--half{flex:1;min-width:0}.rf-field--sm{width:90px;flex-shrink:0}.rf-label{font-size:.8rem;font-weight:700;color:var(--text)}.rf-input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.88rem;font-family:inherit;color:var(--text);background:#fff;transition:border-color .15s;box-sizing:border-box}.rf-input:focus{outline:none;border-color:var(--primary-light)}.rf-input:disabled{background:var(--light-bg);color:var(--muted);cursor:not-allowed}.rf-input--mono{font-family:IBM Plex Mono,monospace;font-size:.82rem}.rf-textarea{resize:vertical;min-height:70px}.rf-row{display:flex;gap:.75rem}.rf-row--align{align-items:flex-start}.rf-hint{font-size:.75rem;color:var(--muted)}.rf-hint-inline{font-size:.75rem;color:var(--muted);font-weight:500}.rf-github-row{display:flex;gap:.5rem}.rf-github-row .rf-input{flex:1}.rf-btn-secondary{padding:.5rem 1rem;font-size:.82rem;font-weight:700;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--light-bg);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.rf-btn-secondary:hover:not(:disabled){background:var(--border)}.rf-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.rf-cat-grid{display:flex;flex-wrap:wrap;gap:.45rem}.rf-cat-chip{padding:.32rem .85rem;border-radius:100px;font-size:.8rem;font-weight:600;font-family:inherit;border:1.5px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:all .15s}.rf-cat-chip:hover:not(.rf-cat-chip--disabled):not(.rf-cat-chip--new){border-color:var(--primary-light);color:var(--primary-light);background:#1e5ca60d}.rf-cat-chip--selected{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.rf-cat-chip--selected:hover{background:var(--primary-light)!important;border-color:var(--primary-light)!important;color:#fff!important}.rf-cat-chip--disabled{opacity:.4;cursor:not-allowed}.rf-cat-chip--new{border-style:dashed;color:var(--muted)}.rf-cat-chip--new:hover{border-color:var(--primary-light);color:var(--primary-light);background:#1e5ca60a}.rf-tags-box{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;min-height:38px;align-items:center;cursor:text}.rf-tags-box:focus-within{border-color:var(--primary-light)}.rf-tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary-dark);color:#fff;font-size:.75rem;font-weight:700;padding:.18rem .55rem;border-radius:100px}.rf-tag-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.95rem;line-height:1;padding:0;display:flex;align-items:center}.rf-tag-remove:hover{color:#fff}.rf-tags-input{border:none;outline:none;font-size:.82rem;font-family:inherit;flex:1;min-width:120px;padding:0}.rf-tag-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem}.rf-tag-suggestion{padding:.2rem .65rem;border-radius:100px;font-size:.75rem;font-weight:600;font-family:inherit;border:1.5px solid var(--border);background:var(--light-bg);color:var(--muted);cursor:pointer;transition:all .15s}.rf-tag-suggestion:hover{border-color:var(--primary-light);color:var(--primary-light);background:#1e5ca60f}.rf-checks{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;padding-bottom:.1rem}.rf-check{display:flex;align-items:center;gap:.5rem;font-size:.83rem;font-weight:600;color:var(--text);cursor:pointer}.rf-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--primary-light);flex-shrink:0}.rf-levels{display:flex;flex-direction:column;gap:.5rem}.rf-level-row{display:flex;align-items:center;gap:.6rem}.rf-level-badge{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--light-bg);border:1px solid var(--border);border-radius:100px;padding:.2rem .65rem;white-space:nowrap;color:var(--muted);flex-shrink:0}.rf-thumb-preview{margin-top:.5rem;max-height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover}.rf-msg{font-size:.82rem;font-weight:600;padding:.5rem .75rem;border-radius:var(--radius-sm)}.rf-msg--success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.rf-msg--error{background:var(--danger-light);color:var(--danger);border:1px solid #f5c6c6}.rf-error{font-size:.83rem;font-weight:600;color:var(--danger);background:var(--danger-light);padding:.6rem .8rem;border-radius:var(--radius-sm);margin-top:.5rem}.rf-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:.25rem;border-top:1px solid var(--border)}.rf-btn-cancel{padding:.55rem 1.2rem;font-size:.88rem;font-weight:700;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--muted);cursor:pointer;transition:background .15s}.rf-btn-cancel:hover{background:var(--light-bg)}.rf-btn-primary{padding:.55rem 1.4rem;font-size:.88rem;font-weight:700;font-family:inherit;border:none;border-radius:var(--radius-sm);background:var(--primary-dark);color:#fff;cursor:pointer;transition:opacity .15s}.rf-btn-primary:hover:not(:disabled){opacity:.88}.rf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.recursos-page{padding:2rem;max-width:1100px}.recursos-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.recursos-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin:0 0 .25rem}.resource-title{display:flex;flex-direction:column;gap:.15rem}.resource-title strong{font-size:.875rem}.resource-tags,.resource-cats{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}.resource-tag{font-size:.68rem;font-weight:700;background:var(--light-bg);border:1px solid var(--border);color:var(--muted);padding:.1rem .45rem;border-radius:100px}.resource-cat{font-size:.68rem;font-weight:700;background:#1e5ca614;border:1px solid rgba(30,92,166,.2);color:var(--primary-light);padding:.1rem .5rem;border-radius:100px}.actions-cell{display:flex;gap:.4rem;align-items:center}.toggle-badge{display:inline-block;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit}.toggle-badge:hover:not(:disabled){filter:brightness(.9);transform:scale(.97)}.toggle-badge:disabled{opacity:.6;cursor:not-allowed}.audit-page{padding:2rem;max-width:1200px}.audit-page .page-header{margin-bottom:1.5rem}.audit-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin:0 0 .25rem}.audit-filters{flex-wrap:wrap;align-items:flex-end}.date-range{display:flex;gap:.5rem;align-items:center}.date-range label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--muted)}.date-range input[type=date]{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.8rem;color:var(--text);background:#fff}.audit-table .audit-row{cursor:pointer}.audit-table .audit-row:hover,.audit-table .audit-row.expanded{background:var(--light-bg)}.detail-row td{padding:0!important;background:#f0f4ff}.detail-json{padding:1rem 1.5rem;font-size:.8rem;color:var(--text);line-height:1.6}.detail-json pre{margin:.4rem 0 0;background:#1e1e2e;color:#cdd6f4;padding:.75rem 1rem;border-radius:8px;font-size:.775rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.meta-preview{max-width:240px}.small{font-size:.75rem}.nowrap{white-space:nowrap}