@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #0A66C2;--color-primary-hover: #0056B3;--color-primary-light: #E6F2FF;--color-success: #218838;--color-success-light: #E6F4EA;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-danger: #DC3545;--color-danger-light: #FBE7E9;--color-accent: #4A90E2;--color-shop: #FF9900;--color-shop-hover: #E68A00;--color-vip: #FFD700;--color-vip-deep: #FFB300;--color-legendary: #6A0DAD;--indigo-50: #E6F2FF;--indigo-100: #C2DCF5;--indigo-200: #8FBFEC;--indigo-400: #0A66C2;--indigo-600: #0056B3;--indigo-800: #003D80;--indigo-900: #002B5C;--green-50: #E6F4EA;--green-200: #7BD08F;--green-400: #218838;--green-600: #1A6E2D;--green-800: #124E20;--amber-50: #FFFBEB;--amber-200: #FDD96A;--amber-400: #F59E0B;--amber-600: #D97706;--amber-800: #925200;--amber-900: #633800;--coral-50: #FBE7E9;--coral-200: #F1959E;--coral-400: #DC3545;--coral-800: #7A1820;--color-bg: #FFFFFF;--color-surface: #F4F5F7;--color-border: #ECEEF5;--color-surface-legal: #F0FFF8;--color-bg-dark: #111827;--color-surface-dark: #1E293B;--color-bg-cancel: #121212;--color-overlay: rgba(17, 24, 39, .7);--color-text: #111827;--color-text-body: #374151;--color-text-muted: #6B7280;--color-ink: #0B1220;--color-text-on-dark: #C7D0E0;--color-xp: #0A66C2;--color-gold: #FFD700;--color-gold-light: #FFE680;--color-silver: #9095A8;--color-silver-light: #E8ECF2;--color-bronze: #C77B3C;--color-bronze-light: #F0D9C0;--color-chest-common: #D97706;--color-chest-rare: #7B6EDD;--color-chest-epic: #0A66C2;--color-chest-legend: #FFD700;--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-heading: "Poppins", system-ui, -apple-system, sans-serif;--font-ui: "Inter", 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(10, 102, 194, .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: #218838;--prog-bar-partial: #0A66C2;--prog-bar-height: 6px;--prog-bar-radius: 3px;--xp-bar-fill: #0A66C2;--xp-bar-bg: #ECEEF5;--xp-bar-height: 8px;--editor-bg: #FFFFFF;--editor-border: #ECEEF5;--editor-header-bg: #F4F5F7;--editor-header-text: #374151;--terminal-bg: #0B1220;--terminal-text: #F0F2FF;--terminal-accent: #218838;--output-success: #218838;--output-error: #DC3545;--output-warning: #F59E0B}[data-theme=dark]{--color-bg: #0F1422;--color-surface: #1B2538;--color-border: #2A3650;--color-text: #EAF0FA;--color-text-body: #AEB9CE;--color-text-muted: #7C879F;--color-ink: #F4F7FC;--color-text-on-dark: #AEB9CE;--color-primary: #4D9BE6;--color-primary-hover: #6FB0EE;--color-primary-light: #15233A;--color-success: #2FBE57;--color-success-light: #122A1B;--color-warning: #F2A93B;--color-warning-light: #2E2310;--color-danger: #EF5C6B;--color-danger-light: #351A1E;--color-accent: #6BA6E8;--color-shop: #FF9D33;--color-shop-hover: #FFB259;--color-vip: #FFD700;--color-vip-deep: #FFC233;--color-legendary: #B57BE8;--color-surface-legal: #13241D;--indigo-50: #15233A;--indigo-100: #1B3450;--indigo-200: #2E5680;--indigo-400: #4D9BE6;--indigo-600: #6FB0EE;--indigo-800: #9CC8F2;--indigo-900: #C7E0F9;--green-50: #122A1B;--green-400: #2FBE57;--coral-50: #351A1E;--coral-400: #EF5C6B;--color-xp: #4D9BE6;--color-silver-light: #2A3650;--color-chest-epic: #4D9BE6;--color-overlay: rgba(0, 0, 0, .72);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-hover: 0 6px 24px rgba(0, 0, 0, .55);--prog-bar-bg: #2A3650;--xp-bar-bg: #2A3650;--editor-bg: #1B2538;--editor-border: #2A3650;--editor-header-bg: #0F1422;--editor-header-text: #AEB9CE}[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}}.vk-avatar-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vk-avatar-ring__avatar{position:absolute;border-radius:50%;overflow:hidden;background:var(--color-surface);display:flex;align-items:center;justify-content:center;z-index:1}.vk-avatar-ring__avatar img{width:100%;height:100%;object-fit:cover;display:block}.vk-avatar-ring__fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-success));color:#fff;font-weight:800;font-size:1.4em;display:flex;align-items:center;justify-content:center}.vk-avatar-ring__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;object-fit:contain}.vk-avatar-ring--sm .vk-avatar-ring__fallback{font-size:1rem}.vk-avatar-ring--md .vk-avatar-ring__fallback{font-size:1.6rem}.vk-avatar-ring--lg .vk-avatar-ring__fallback{font-size:2.4rem}.vk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--vk-overlay, rgba(13, 15, 26, .55));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 24px;overflow-y:auto;animation:vk-fade-in .2s ease}.vk-modal-overlay--centered{align-items:center;padding:16px;overflow-y:hidden}.vk-modal{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0d0f1a2e;display:flex;flex-direction:column;overflow:hidden;animation:vk-scale-in .24s cubic-bezier(.34,1.56,.64,1);margin:0 auto}.vk-modal--sm{width:100%;max-width:380px}.vk-modal--md{width:100%;max-width:480px;padding:28px 28px 24px}.vk-modal--lg{width:100%;max-width:720px}.vk-modal--upgrade{width:100%;max-width:440px;padding:32px 28px 24px;text-align:center}.vk-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.vk-modal__title{font-size:1.1rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em;margin:0}.vk-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.vk-modal__close:hover{background:var(--color-surface);color:var(--color-text)}.vk-modal__close--corner{position:absolute;top:14px;right:14px;z-index:1}.vk-modal__body{padding:20px 24px;overflow-y:auto;flex:1}@keyframes vk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vk-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.vk-picker__filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--color-border)}.vk-picker__filter{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-body);font-family:var(--font-ui);font-size:.78rem;font-weight:700;letter-spacing:.02em;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;text-transform:capitalize;transition:background .15s ease,color .15s ease,border-color .15s ease}.vk-picker__filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.vk-picker__filter--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.vk-picker__loading{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-size:.9rem}.vk-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.vk-picker__item{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 8px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;font-family:var(--font-ui)}.vk-picker__item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.vk-picker__item--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.vk-picker__item--locked{opacity:.55}.vk-picker__item--locked:hover{border-color:var(--color-warning);opacity:.85}.vk-picker__item-image{position:relative;width:80px;height:80px;border-radius:50%;background:var(--color-surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.vk-picker__item-image--frame{border-radius:var(--radius-md);overflow:visible}.vk-picker__item-image img{width:100%;height:100%;object-fit:contain}.vk-picker__item-lock{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.65rem;font-weight:800;letter-spacing:.05em;border-radius:inherit}.vk-picker__item-check{position:absolute;top:4px;right:4px;width:22px;height:22px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0d0f1a33}.vk-picker__item-name{font-size:.75rem;font-weight:700;color:var(--color-text);text-align:center;line-height:1.2}.vk-pref-panel{display:flex;flex-direction:column;gap:24px}.vk-pref-panel__loading{padding:24px;text-align:center;color:var(--color-text-muted);font-size:.9rem}.vk-pref-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px}.vk-pref-section__title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 12px}.vk-pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;cursor:pointer}.vk-pref-row+.vk-pref-row{border-top:1px solid var(--color-border)}.vk-pref-row__text{display:flex;flex-direction:column;gap:2px}.vk-pref-row__label{font-size:.9rem;font-weight:700;color:var(--color-text)}.vk-pref-row__desc{font-size:.78rem;color:var(--color-text-muted);line-height:1.4}.vk-pref-select{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;outline:none;transition:border-color .15s ease}.vk-pref-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0a66c226}.vk-toggle{position:relative;display:inline-flex;flex-shrink:0}.vk-toggle input{position:absolute;opacity:0;width:0;height:0}.vk-toggle__track{display:inline-block;width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-pill);position:relative;transition:background .2s ease}.vk-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-bg);border-radius:50%;box-shadow:0 2px 4px #0d0f1a2e;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.vk-toggle--on .vk-toggle__track{background:var(--color-primary)}.vk-toggle--on .vk-toggle__thumb{transform:translate(20px)}.vk-upgrade__preview{width:96px;height:96px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.vk-upgrade__preview-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--color-surface)}.vk-upgrade__preview-frame{width:100%;height:100%;object-fit:contain}.vk-upgrade__badge{display:inline-block;background:var(--color-warning);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:14px}.vk-upgrade__title{font-size:1.4rem;font-weight:900;color:var(--color-text);margin:0 0 8px;letter-spacing:-.02em}.vk-upgrade__desc{font-size:.9rem;color:var(--color-text-body);line-height:1.5;margin:0 0 20px}.vk-upgrade__benefits{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.vk-upgrade__benefits li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--color-text);font-weight:600}.vk-upgrade__benefits svg{color:var(--color-success);flex-shrink:0}.vk-upgrade__pricing{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:20px}.vk-upgrade__price{font-size:2rem;font-weight:900;color:var(--color-primary);letter-spacing:-.02em}.vk-upgrade__period{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.vk-upgrade__actions{display:flex;gap:10px;margin-top:8px}.vk-upgrade__actions .vk-btn{flex:1}.vk-badge-detail__image,.vk-cert-detail__icon{width:120px;height:120px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-xl);overflow:hidden}.vk-badge-detail__image img{width:100%;height:100%;object-fit:contain}.vk-badge-detail__placeholder,.vk-cert-detail__icon{color:var(--color-primary)}.vk-cert-detail__icon{background:var(--color-success-light);color:var(--color-success)}.vk-badge-detail__title,.vk-cert-detail__title{font-size:1.3rem;font-weight:900;color:var(--color-text);margin:0 0 4px;text-align:center;letter-spacing:-.02em}.vk-badge-detail__desc,.vk-cert-detail__subtitle{font-size:.85rem;color:var(--color-text-body);text-align:center;line-height:1.5;margin:0 0 18px}.vk-badge-detail__meta,.vk-cert-detail__meta{background:var(--color-surface);border-radius:var(--radius-md);padding:14px 16px;margin:0 0 18px;display:grid;grid-template-columns:1fr;gap:10px}.vk-badge-detail__meta dt,.vk-cert-detail__meta dt{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.vk-badge-detail__meta dd,.vk-cert-detail__meta dd{font-size:.88rem;color:var(--color-text);font-weight:600;margin:0}.vk-cert-detail__strong{font-weight:800!important;font-size:1rem!important}.vk-cert-detail__code{font-family:var(--font-code);font-size:.78rem!important;letter-spacing:.05em;color:var(--color-primary)!important}.vk-badge-detail__skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.vk-badge-detail__skill{background:var(--color-bg);border:1px solid var(--color-border);font-size:.72rem;font-weight:700;color:var(--color-text-body);padding:4px 10px;border-radius:var(--radius-pill)}.vk-cert-detail__verify{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-success-light);color:var(--color-success);font-size:.82rem;font-weight:800;padding:10px 14px;border-radius:var(--radius-md);margin:0 0 18px}.vk-badge-detail__actions,.vk-cert-detail__actions{display:flex;gap:10px}.vk-cert-detail__actions .vk-btn{flex:1}.vk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:800;font-size:.88rem;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease;letter-spacing:.01em;white-space:nowrap}.vk-btn:disabled{opacity:.5;cursor:not-allowed}.vk-btn--primary{background:var(--color-primary);color:#fff}.vk-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.vk-btn--ghost{background:var(--color-bg);color:var(--color-text-body);border-color:var(--color-border)}.vk-btn--ghost:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.vk-btn--full{width:100%}.vk-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:vk-spin .7s linear infinite}@keyframes vk-spin{to{transform:rotate(360deg)}}.vk-dashboard-shell{max-width:var(--vk-dashboard-max-width, 1200px);margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--vk-dashboard-gap, 20px)}.vk-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vk-dashboard-title{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;color:var(--color-text);margin:0}.vk-dashboard-header__trailing{display:inline-flex;align-items:center;gap:8px}.vk-dashboard-stats{display:grid;gap:12px}.vk-dashboard-stats--3{grid-template-columns:repeat(3,1fr)}.vk-dashboard-stats--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.vk-dashboard-stats--3,.vk-dashboard-stats--4{grid-template-columns:repeat(2,1fr)}}.vk-stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:16px;position:relative;transition:box-shadow var(--anim-ui),transform var(--anim-ui)}.vk-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vk-stat-card__icon{font-size:1.25rem;margin-bottom:8px;opacity:.85}.vk-stat-card__label{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-muted);text-transform:uppercase;margin:0 0 4px}.vk-stat-card__value{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;color:var(--color-text);margin:0;line-height:1.1}.vk-stat-card__subtitle{font-size:.75rem;color:var(--color-text-muted);margin:4px 0 0}.vk-stat-card--success .vk-stat-card__value{color:var(--color-success)}.vk-stat-card--danger .vk-stat-card__value{color:var(--color-danger)}.vk-stat-card--primary .vk-stat-card__value{color:var(--color-primary)}.vk-dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.vk-dashboard-row{grid-template-columns:1fr}}.vk-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm)}.vk-dashboard-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.vk-dashboard-panel__title{font-size:.95rem;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.01em}.vk-dashboard-panel__link{font-size:.78rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color var(--anim-ui);background:none;border:none;cursor:pointer;font-family:var(--font-ui);padding:0}.vk-dashboard-panel__link:hover{color:var(--color-primary-hover)}.vk-dashboard-panel__hint{font-size:.85rem;color:var(--color-text-muted);margin:0}.vk-empty-state{text-align:center;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.vk-empty-state__icon{font-size:2.5rem;margin-bottom:12px}.vk-empty-state__title{font-size:1rem;font-weight:800;color:var(--color-text);margin:0 0 6px}.vk-empty-state__desc{font-size:.85rem;color:var(--color-text-muted);margin:0;max-width:280px}.vk-cancel-overlay{background:#002b5ca6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vk-cancel-overlay--top{z-index:1100}.vk-cancel-modal{width:100%;max-width:480px;padding:32px 28px 24px;border-radius:24px;background:var(--color-bg, #fff);box-shadow:0 24px 80px #002b5c4d;text-align:center;position:relative;animation:vk-cancel-modal-in .25s ease-out}@keyframes vk-cancel-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.vk-cancel-modal__mascot{display:flex;justify-content:center;margin:-8px auto 8px;position:relative}.vk-cancel-modal__title{font-size:22px;font-weight:900;color:var(--color-text);margin:0 0 8px;line-height:1.25}.vk-cancel-modal__subtitle{font-size:14px;color:var(--color-text-muted);margin:0 auto 24px;max-width:380px;line-height:1.5}.vk-cancel-modal__section{text-align:left;margin-bottom:20px}.vk-cancel-modal__section-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin:0 0 10px}.vk-cancel-reasons{display:flex;flex-direction:column;gap:8px}.vk-cancel-reason{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:12px;background:transparent;cursor:pointer;transition:all .18s ease}.vk-cancel-reason:hover{background:var(--color-surface);border-color:var(--color-primary)}.vk-cancel-reason--active{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 3px #0a66c21f}.vk-cancel-reason input[type=radio]{accent-color:var(--color-primary);cursor:pointer;margin:0}.vk-cancel-reason__label{font-size:14px;font-weight:700;color:var(--color-text);flex:1}.vk-cancel-modal__textarea{width:100%;margin-top:10px;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:12px;font-family:inherit;font-size:14px;resize:vertical;background:var(--color-bg);color:var(--color-text);transition:border-color .18s ease}.vk-cancel-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a66c226}.vk-cancel-commitments{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.vk-cancel-commitments li{position:relative}.vk-cancel-commitment{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-surface);border:1.5px solid transparent;border-radius:12px;cursor:pointer;transition:all .18s ease}.vk-cancel-commitment:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.vk-cancel-commitment input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.vk-cancel-commitment__box{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border);background:var(--color-bg);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .18s ease;margin-top:1px}.vk-cancel-commitment input[type=checkbox]:checked+.vk-cancel-commitment__box{background:var(--color-primary);border-color:var(--color-primary)}.vk-cancel-commitment__text{font-size:14px;line-height:1.45;color:var(--color-text);font-weight:600;text-align:left}.vk-cancel-modal__hint{font-size:13px;color:var(--color-text-muted);font-style:italic;margin:20px 0 0;padding:10px 14px;background:var(--color-surface);border-radius:10px}.vk-cancel-modal__actions{display:flex;flex-direction:column-reverse;gap:10px;margin-top:20px}@media(min-width:520px){.vk-cancel-modal__actions{flex-direction:row;justify-content:space-between;gap:12px}.vk-cancel-modal__actions .vk-cancel-btn{flex:1}}.vk-cancel-btn{padding:14px 18px;border-radius:100px;font-family:inherit;font-size:15px;font-weight:800;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.vk-cancel-btn:disabled{cursor:not-allowed;opacity:.55}.vk-cancel-btn--stay{background:var(--color-danger, #F04F42);color:#fff;box-shadow:0 4px 16px #dc354552}.vk-cancel-btn--stay:hover{background:var(--color-danger, #F04F42);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #dc354566}.vk-cancel-btn--proceed{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.vk-cancel-btn--proceed-ready{background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 4px 16px #0a66c252;animation:vk-cancel-btn-ready .4s ease-out}@keyframes vk-cancel-btn-ready{0%{transform:scale(1);box-shadow:0 0 #0a66c200}50%{transform:scale(1.04);box-shadow:0 0 0 8px #0a66c229}to{transform:scale(1);box-shadow:0 4px 16px #0a66c252}}.vk-cancel-btn--proceed-ready:hover{background:var(--color-primary);filter:brightness(1.05);transform:translateY(-1px)}.vk-cancel-losses-modal{width:100%;max-width:560px;padding:32px 28px 24px;border-radius:24px;background:var(--color-bg, #fff);box-shadow:0 32px 80px #002b5c66;text-align:center;animation:vk-cancel-modal-in .25s ease-out}.vk-cancel-losses__header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.vk-cancel-losses__warning-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffe7cc,#ffc380);color:#b45309;display:flex;align-items:center;justify-content:center;margin:0 auto}.vk-cancel-losses__title{font-size:22px;font-weight:900;color:var(--color-text);margin:0}.vk-cancel-losses__subtitle{font-size:14px;color:var(--color-text-muted);margin:0;max-width:420px;line-height:1.5}.vk-cancel-losses__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px;text-align:left}@media(min-width:560px){.vk-cancel-losses__grid{grid-template-columns:1fr 1fr}}.vk-cancel-losses-card{padding:18px 16px;border-radius:16px;border:1.5px solid}.vk-cancel-losses-card--loss{background:linear-gradient(135deg,#fff1f0,#ffe0dd);border-color:var(--color-danger)}.vk-cancel-losses-card--keep{background:linear-gradient(135deg,#e6f9f0,#c8f0dc);border-color:var(--color-success)}.vk-cancel-losses-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.vk-cancel-losses-card__emoji{font-size:20px}.vk-cancel-losses-card__title{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin:0}.vk-cancel-losses-card--loss .vk-cancel-losses-card__title{color:#7f1d1d}.vk-cancel-losses-card--keep .vk-cancel-losses-card__title{color:#14532d}.vk-cancel-losses-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.vk-cancel-losses-card__list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45}.vk-cancel-losses-card--loss li{color:#7f1d1d}.vk-cancel-losses-card--keep li{color:#14532d}.vk-cancel-losses-card__icon{font-size:17px;flex-shrink:0}.vk-cancel-losses__policy{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--color-surface);border-left:3px solid var(--color-danger);border-radius:8px;text-align:left;margin-bottom:18px}.vk-cancel-losses__policy-icon{font-size:18px;flex-shrink:0}.vk-cancel-losses__policy p{font-size:13px;margin:0;color:var(--color-text-body);line-height:1.5}.vk-cancel-losses__final-question{font-size:16px;font-weight:800;color:var(--color-text);margin:0 0 14px}.vk-cancel-losses__error{padding:10px 14px;background:var(--color-danger-light);color:var(--color-danger);border-radius:10px;font-size:13px;font-weight:700;margin-bottom:14px}.vk-cancel-losses__actions{display:flex;flex-direction:column;gap:10px}@media(min-width:520px){.vk-cancel-losses__actions{flex-direction:row;justify-content:space-between}.vk-cancel-losses__actions .vk-cancel-btn{flex:1}}.vk-cancel-btn--ghost{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-muted)}.vk-cancel-btn--ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-muted)}.vk-cancel-btn--confirm-final{background:var(--color-danger);color:#fff;box-shadow:0 4px 16px #dc354552}.vk-cancel-btn--confirm-final:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.vk-cancel-btn--primary{background:var(--color-primary);color:#fff}.vk-cancel-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.vk-cancel-btn--full{width:100%}.vk-cancel-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:vk-cancel-spin .7s linear infinite}@keyframes vk-cancel-spin{to{transform:rotate(360deg)}}.vk-cancel-success-modal{width:100%;max-width:420px;padding:36px 28px 28px;border-radius:24px;background:var(--color-bg, #fff);box-shadow:0 24px 80px #002b5c4d;text-align:center;animation:vk-cancel-modal-in .25s ease-out}.vk-cancel-success__icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#E6F9F0,var(--color-success));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #21883859}.vk-cancel-success__title{font-size:22px;font-weight:900;color:var(--color-text);margin:0 0 12px}.vk-cancel-success__message{font-size:14px;color:var(--color-text-body);margin:0 0 12px;line-height:1.55}.vk-cancel-success__hint{font-size:13px;color:var(--color-text-muted);margin:0 0 22px;font-style:italic}.vk-mascot-crying{display:inline-block}.vk-mascot-crying .vk-mascot-body{animation:vk-mascot-bob 3s ease-in-out infinite;transform-origin:center}@keyframes vk-mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.vk-tear{opacity:.85;animation:vk-tear-fade 2.4s ease-in-out infinite}.vk-tear--right{animation-delay:.6s}.vk-tear-drop{opacity:0;animation:vk-tear-drop 2.4s ease-in infinite}.vk-tear-drop--right{animation-delay:.6s}@keyframes vk-tear-fade{0%,90%,to{opacity:.85;transform:translateY(0)}95%{opacity:0;transform:translateY(8px)}}@keyframes vk-tear-drop{0%,70%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.vk-novedad{font-family:var(--font-ui);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text)}.vk-novedad--noticia{--nv: var(--color-primary);--nv-soft: var(--color-primary-light)}.vk-novedad--recurso{--nv: var(--color-success);--nv-soft: var(--color-success-light)}.vk-novedad--temporada{--nv: var(--color-warning);--nv-soft: var(--color-warning-light)}.vk-novedad__mascot{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nv-soft);overflow:hidden;flex:0 0 auto}.vk-novedad__mascot img{width:78%;height:78%;object-fit:contain}.vk-novedad__tag{display:inline-block;background:var(--nv-soft);color:var(--nv);font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-pill)}.vk-novedad__title{font-size:1rem;font-weight:900;color:var(--color-text);letter-spacing:-.01em;margin:6px 0 2px}.vk-novedad__body{font-size:.85rem;color:var(--color-text-body);line-height:1.55;margin:0}.vk-novedad__date{font-size:.72rem;color:var(--color-text-muted);margin:6px 0 0}.vk-novedad__image{display:block;overflow:hidden;background:var(--color-surface)}.vk-novedad__image img{width:100%;height:100%;object-fit:cover;display:block}.vk-novedad--featured{padding:24px;text-align:center}.vk-novedad--featured .vk-novedad__mascot{width:64px;height:64px;margin:0 auto 12px}.vk-novedad--featured .vk-novedad__title{font-size:1.15rem;margin:8px 0 4px}.vk-novedad--featured .vk-novedad__body{max-width:46ch;margin:0 auto 14px}.vk-novedad--featured .vk-novedad__image{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);margin:0 0 14px}.vk-novedad--featured .vk-novedad__date{margin-top:12px}.vk-novedad__more{display:inline-block;background:var(--nv);color:#fff;font-weight:800;font-size:.85rem;text-decoration:none;padding:9px 18px;border-radius:var(--radius-pill)}.vk-novedad__more:hover{filter:brightness(.95)}.vk-novedad--list{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}.vk-novedad--list .vk-novedad__mascot{width:52px;height:52px}.vk-novedad--list .vk-novedad__main{flex:1 1 auto;min-width:0}.vk-novedad--list .vk-novedad__body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vk-novedad--list .vk-novedad__image{flex:0 0 auto;width:96px;height:72px;border-radius:var(--radius-md)}a.vk-novedad--link{text-decoration:none;transition:border-color .15s ease,transform .15s ease}a.vk-novedad--link:hover{border-color:var(--nv)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--navy: var(--color-text);--blue: var(--color-primary);--blue-light: var(--color-primary-hover);--turquoise: var(--color-success);--turquoise-dk: #0D9950;--orange: #F59E0B;--bg: var(--color-surface);--surface: #FFFFFF;--surface-2: #F0F2F8;--border: var(--color-border);--border-light: #F5F6FA;--text: var(--color-text);--text-2: var(--color-text-body);--text-3: var(--color-text-muted);--muted: var(--color-text-muted);--sidebar-bg: #FFFFFF;--sidebar-w: 285px;--header-h: 64px;--success: var(--color-success);--success-bg: #EDFFF4;--warning: #F59E0B;--warning-bg: #FFFBEB;--danger: var(--color-danger);--danger-bg: #FFF0F0;--info: var(--color-primary);--info-bg: var(--color-primary-light);--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--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);--ease: cubic-bezier(.4, 0, .2, 1)}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--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-w);display:flex;flex-direction:column;min-height:100vh}.admin-content{flex:1;padding:28px 32px;overflow-y:auto;max-width:1200px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;overflow-y:auto;border-right:1px solid var(--border)}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:.875rem;transition:all .18s var(--ease)}.sidebar-link:hover{background:var(--bg);color:var(--text)}.sidebar-link--active{background:var(--info-bg);color:var(--blue)}.sidebar-link--active .sidebar-link-icon{color:var(--blue)}.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-logo{width:31px;height:31px;border-radius:var(--r-md);background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;flex-shrink:0}.sidebar-powered-text{font-size:.72rem;color:var(--text-3);line-height:1.4}.sidebar-powered-text strong{color:var(--text-2);font-weight:700}.sidebar-org{display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px;border-bottom:1px solid var(--border);gap:10px;text-align:center}.sidebar-org-logo{width:90px;height:90px;flex-shrink:0}.sidebar-org-logo-img{width:90px;height:90px;object-fit:contain;background:var(--surface);border-radius:50%;padding:10px;border:1px solid var(--border)}.sidebar-org-logo-placeholder{width:90px;height:90px;background:linear-gradient(135deg,var(--blue),var(--turquoise));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.sidebar-org-info{display:flex;flex-direction:column;gap:3px}.sidebar-org-name{font-size:1.1rem;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.01em}.sidebar-org-slogan{font-size:.82rem;color:var(--text-3);font-style:italic;line-height:1.3}.header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;box-shadow:var(--shadow-sm)}.header-title{font-size:1.1rem;font-weight:700;color:var(--navy)}.header-right{position:relative}.header-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-md);transition:background .15s;color:var(--text)}.header-user-btn:hover{background:var(--surface-2)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-avatar--placeholder{background:linear-gradient(135deg,var(--blue),var(--turquoise));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.header-user-name{font-weight:600;font-size:.9rem}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:fadeDown .15s var(--ease)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-info{padding:14px 16px 10px;display:flex;flex-direction:column;gap:2px}.header-dropdown-email{font-size:.85rem;font-weight:600;color:var(--text);word-break:break-all}.header-dropdown-role{font-size:.75rem;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:.875rem;font-weight:600;color:var(--text);transition:background .15s}.header-dropdown-item:hover{background:var(--surface-2)}.header-dropdown-item--logout{color:var(--danger)}.header-dropdown-item--logout:hover{background:var(--danger-bg)}.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(30,92,166,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(0,212,170,.08) 0%,transparent 50%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-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-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.8rem;color:var(--turquoise);margin-bottom:16px}.login-logo-mark{width:72px;height:72px;background:var(--blue);color:#fff;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2.2rem;margin:0 auto 14px;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-title{font-size:1.6rem;font-weight:900;color:var(--text);letter-spacing:-.02em}.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-bg);color:var(--danger);border-radius:var(--r-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(--navy)}.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(--r-md);font-weight:700;font-size:.9rem;transition:all .18s var(--ease);width:100%;border:none;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 2px 8px #1e5ca64d}.btn--primary:hover:not(:disabled){box-shadow:0 4px 16px #1e5ca666;transform:translateY(-1px)}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--surface);border-color:var(--blue);color:var(--blue)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:var(--r-md);font-weight:700;font-size:.875rem;cursor:pointer;border:none;transition:all .18s var(--ease);box-shadow:0 2px 8px #1e5ca640}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #1e5ca659;transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s var(--ease)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--blue);color:var(--blue)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:var(--text-2);border-radius:var(--r-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:var(--surface-2);color:var(--blue)}.btn-xs{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-sm);font-size:.78rem;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:all .15s;white-space:nowrap}.btn-xs:hover{background:var(--surface-2);border-color:var(--blue);color:var(--blue)}.btn-xs.danger{color:var(--danger);border-color:#fecaca}.btn-xs.danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-xs.delete{color:#991b1b;border-color:#fecaca}.btn-xs.delete:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.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(--r-sm);font-size:.9rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .18s,box-shadow .18s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5ca61a}.form-input:disabled{background:var(--surface-2);cursor:not-allowed}.form-select{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.9rem;color:var(--text);background:var(--surface);outline:none;cursor:pointer;transition:border-color .18s}.form-select:focus{border-color:var(--blue)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:.72rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.badge.active,.badge.status-active{background:var(--success-bg);color:#065f46}.badge.inactive,.badge.status-inactive{background:var(--surface-2);color:var(--text-2)}.badge.status-suspended{background:var(--warning-bg);color:#92400e}.badge.status-expired{background:var(--danger-bg);color:#991b1b}.badge.plan-free{background:var(--surface-2);color:var(--text-2)}.badge.plan-pro{background:var(--info-bg);color:#1e40af}.badge.plan-institutional{background:#00d4aa1a;color:var(--turquoise-dk)}.badge.role-student{background:var(--surface-2);color:var(--text-2)}.badge.role-teacher{background:#1e5ca61a;color:var(--blue)}.badge.role-org_admin{background:#ff6b351a;color:var(--orange)}.badge.role-superadmin{background:#0b1a2e14;color:var(--navy)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:12px 16px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f4f7fbb3}.row-actions{display:flex;gap:6px}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.82em}.small{font-size:.82em}.muted{color:var(--muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px}.page-header h1{font-size:1.6rem;font-weight:800;color:var(--navy);margin:0 0 4px}.page-sub{font-size:.85rem;color:var(--muted);font-weight:500}.page-loading{display:flex;align-items:center;gap:10px;padding:40px;color:var(--muted);font-weight:500}.spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.page-error{padding:14px 18px;background:var(--danger-bg);color:var(--danger);border-radius:var(--r-md);font-size:.875rem;font-weight:600;border:1px solid #FECACA}.page-success{padding:14px 18px;background:var(--success-bg);color:#065f46;border-radius:var(--r-md);font-size:.875rem;font-weight:600;border:1px solid #A7F3D0}.empty-state{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted);font-size:.9rem;font-weight:500}.empty-state-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center;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(--blue);border-radius:50%;animation:spin .7s linear infinite}.filters-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filters-bar input,.filters-bar select,.search-input{padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:inherit;font-size:.875rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;min-width:160px}.filters-bar input:focus,.filters-bar select:focus,.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5ca614}.search-input{min-width:220px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:var(--r-md);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .2s var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--navy);color:#fff}.toast-error{background:var(--danger);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1a2e80;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeDown .2s var(--ease)}.modal-box--wide{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem;font-weight:700;color:var(--navy)}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--muted);font-size:.9rem;transition:background .15s}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal-body label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:var(--text)}.modal-body label input,.modal-body label select{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:inherit;font-size:.875rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.modal-body label input:focus,.modal-body label select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5ca614}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--border)}.org-dashboard{max-width:900px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);transition:box-shadow .18s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card--accent{border-color:var(--danger);background:var(--danger-bg)}.stat-label{font-size:.75rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.9rem;font-weight:800;color:var(--navy);line-height:1.1}.stat-dash{color:var(--muted)}.stat-sub{font-size:.78rem;color:var(--muted);font-weight:500}.license-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.license-banner--warning{background:var(--warning-bg);border-color:#fcd34d}.license-info{display:flex;flex-direction:column;gap:2px}.license-label{font-size:.75rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.license-dates{font-size:.9rem;font-weight:600;color:var(--navy)}.license-days{font-size:.875rem;font-weight:700}.text-warning{color:var(--warning)}.text-muted{color:var(--muted)}.seats-bar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.seats-bar-header{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--text)}.seats-bar-track{height:8px;background:var(--surface-2);border-radius:var(--r-full);overflow:hidden}.seats-bar-fill{height:100%;background:linear-gradient(90deg,var(--turquoise),var(--blue));border-radius:var(--r-full);transition:width .4s var(--ease)}.seats-bar-fill--warning{background:linear-gradient(90deg,var(--warning),#FBBF24)}.seats-bar-fill--danger{background:linear-gradient(90deg,var(--danger),#F87171)}.seats-bar-alert{font-size:.82rem;color:var(--danger);font-weight:600}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}.contact-card h3{font-size:.85rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-grid>div{display:flex;flex-direction:column;gap:2px}.contact-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.members-page{max-width:1000px}.user-edit-meta{background:var(--surface-2);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:.875rem}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.groups-page{max-width:900px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:all .18s var(--ease);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.group-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue);transform:translateY(-2px)}.group-card-name{font-size:1rem;font-weight:700;color:var(--navy)}.group-card-desc{font-size:.82rem}.group-card-action{margin-top:8px;font-size:.8rem;font-weight:700;color:var(--blue)}.group-add-member{display:flex;gap:10px;margin-bottom:16px}.group-add-member select{flex:1;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:inherit;font-size:.875rem;background:var(--surface);color:var(--text);outline:none}.group-add-member select:focus{border-color:var(--blue)}.upload-page{max-width:760px}.tab-bar{display:flex;gap:4px;background:var(--surface-2);border-radius:var(--r-md);padding:4px;margin-bottom:24px;border:1px solid var(--border)}.tab-btn{flex:1;padding:9px 16px;border-radius:calc(var(--r-md) - 2px);font-size:.875rem;font-weight:600;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:all .18s var(--ease)}.tab-btn.active{background:var(--surface);color:var(--navy);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){color:var(--text)}.tab-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm)}.single-form,.csv-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.single-form label,.csv-form label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:var(--text)}.form-grid input,.form-grid select,.single-form input,.single-form select,.csv-form input,.csv-form select{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:inherit;font-size:.875rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.form-grid input:focus,.form-grid select:focus,.single-form input:focus,.single-form select:focus,.csv-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5ca614}.required{color:var(--danger)}.csv-instructions{background:var(--surface-2);border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:.875rem;border:1px solid var(--border)}.csv-example{color:var(--blue);font-weight:600;font-size:.82rem;text-decoration:underline;cursor:pointer;display:inline-block;margin-top:4px}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--border);border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s;background:var(--surface-2)}.file-upload-btn:hover{border-color:var(--blue);color:var(--blue);background:#1e5ca60a}.csv-errors{display:flex;flex-direction:column;gap:4px}.csv-error-row{font-size:.82rem;color:var(--danger);font-weight:500}.csv-preview-header{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--text-2)}.csv-preview{max-height:300px;overflow-y:auto}.upload-results{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border)}.results-summary{display:flex;gap:16px;font-weight:700;font-size:.9rem}.result-ok{color:#065f46}.result-fail{color:var(--danger)}.result-error-row{font-size:.82rem;color:var(--danger)}.progress-page{max-width:1000px}.profile-page{max-width:600px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar-large{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border);flex-shrink:0}.profile-avatar-large--placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:#fff;border:3px solid var(--border);flex-shrink:0}.profile-avatar-info{display:flex;flex-direction:column;gap:4px}.profile-avatar-info h2{font-size:1.2rem;font-weight:800;color:var(--navy)}.profile-avatar-info p{font-size:.85rem;color:var(--muted)}.profile-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.82rem;font-weight:600;color:var(--text-2);cursor:pointer;background:var(--surface);transition:all .15s;margin-top:6px}.profile-upload-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--surface-2)}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-form label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:var(--text)}.profile-form input{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:inherit;font-size:.9rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.profile-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e5ca614}.profile-form input:disabled{background:var(--surface-2);cursor:not-allowed;color:var(--muted)}.profile-divider{height:1px;background:var(--border);margin:4px 0}.profile-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:-8px}.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(--navy)}.btn-xs.reset{color:var(--orange);border-color:#ff6b3559}.btn-xs.reset:hover{background:#ff6b3514;border-color:var(--orange);color:var(--orange)}.btn-xs.reset:disabled{opacity:.55;cursor:not-allowed}.help-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-top:20px;box-shadow:var(--shadow-sm)}.help-card-info{display:flex;flex-direction:column;gap:4px}.help-card-title{font-size:.9rem;font-weight:700;color:var(--navy)}.help-card-sub{font-size:.82rem;color:var(--muted);max-width:520px;line-height:1.5}.btn-help{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:var(--surface-2);color:var(--blue);border:1.5px solid var(--blue);border-radius:var(--r-md);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s var(--ease)}.btn-help:hover{background:var(--blue);color:#fff}@media(max-width:768px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-100%);transition:transform .3s var(--ease)}.sidebar.sidebar--open{transform:translate(0);width:285px}.admin-main{margin-left:0}.admin-content{padding:20px 16px}.header{padding:0 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.contact-grid{grid-template-columns:1fr}.login-card{padding:32px 24px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.header-user-name{display:none}}.profile-avatar-role{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-light);padding:3px 10px;border-radius:var(--radius-pill);margin-top:4px;width:fit-content}.profile-avatar-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.profile-action-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-body);font-family:var(--font-ui);font-size:.8rem;font-weight:700;padding:7px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.profile-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.settings-subtitle-inline{font-size:.82rem;color:var(--color-text-muted, var(--muted));font-weight:500}@media(max-width:700px){.settings-subtitle-inline{display:none}}.settings-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}}@media(min-width:901px){.settings-hero-col{position:sticky;top:20px}}.settings-forms-col{display:flex;flex-direction:column;gap:16px}.settings-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:28px 20px}.settings-hero__name{font-size:1.1rem;font-weight:800;color:var(--color-text, var(--navy));margin:0}.settings-hero__email{font-size:.85rem;color:var(--color-text-muted, var(--muted));margin:4px 0 0}.settings-hero__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.settings-plan-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full, 999px);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--color-surface, var(--surface-2));color:var(--color-text-muted, var(--muted))}.settings-plan-badge--pro{background:var(--color-success-light, rgba(33, 136, 56, .1));color:var(--green-800, var(--turquoise-dk))}.settings-field{margin-bottom:12px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted, var(--muted));margin-bottom:6px}.settings-hint{font-size:.72rem;color:var(--color-text-muted, var(--muted));margin:4px 0 0;line-height:1.4}.settings-forms-col .vk-dashboard-panel{display:flex;flex-direction:column;gap:12px}.settings-org-layout{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:start}@media(max-width:700px){.settings-org-layout{grid-template-columns:1fr;align-items:center;text-align:center}.settings-org-logo-col{justify-self:center}}.settings-org-logo-col{display:flex;flex-direction:column;align-items:center;gap:10px}.settings-org-form-col{display:flex;flex-direction:column;gap:12px}.vk-input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border, var(--border));border-radius:var(--radius-md, var(--r-sm));font-family:inherit;font-size:.9rem;color:var(--color-text, var(--text));background:var(--color-bg, var(--surface));outline:none;transition:border-color var(--anim-ui, .16s) ease,box-shadow var(--anim-ui, .16s) ease}.vk-input:focus{border-color:var(--color-primary, var(--blue));box-shadow:0 0 0 3px #0a66c21f}.vk-input:disabled{background:var(--color-surface, var(--surface-2));cursor:not-allowed;color:var(--color-text-muted, var(--muted))}.vk-input::placeholder{color:var(--color-text-muted, var(--muted));opacity:.7}.org-dashboard-sub{font-size:.85rem;color:var(--color-text-muted, var(--muted));margin:-8px 0 0}.license-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.license-info{display:flex;flex-direction:column;gap:4px}.license-label{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted, var(--muted))}.license-dates{font-size:.95rem;font-weight:700;color:var(--color-text, var(--navy))}.license-days{font-size:.88rem;font-weight:700}.text-warning{color:var(--color-warning)}.license-panel--warning{border-color:var(--amber-200, #FBBF24)!important;background:var(--amber-50, #FFFBEB)!important}.seats-bar-header{display:flex;justify-content:flex-end;margin-bottom:8px;font-size:.85rem}.seats-bar-track{height:8px;background:var(--color-surface, var(--surface-2));border-radius:999px;overflow:hidden}.seats-bar-fill{height:100%;background:var(--color-success);border-radius:999px;transition:width .3s ease}.seats-bar-fill--warning{background:var(--color-warning)}.seats-bar-fill--danger{background:var(--color-danger)}.seats-bar-alert{font-size:.82rem;color:var(--color-warning);margin:10px 0 0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-grid>div{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted, var(--muted))}@media(max-width:600px){.contact-grid{grid-template-columns:1fr}}.help-card-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.help-card-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.help-card-title{font-size:.95rem;font-weight:800;color:var(--color-text, var(--navy))}.help-card-sub{font-size:.85rem;color:var(--color-text-muted, var(--muted))}.btn-help{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--color-border, var(--border));border-radius:8px;background:var(--color-primary-light, rgba(10, 102, 194, .1));color:var(--color-primary, var(--blue));font-weight:700;font-size:.88rem;cursor:pointer;transition:all .16s ease}.btn-help:hover{background:var(--color-primary, var(--blue));color:#fff;border-color:var(--color-primary, var(--blue))}