@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--skn-green: #009739;--skn-red: #C8102E;--skn-yellow: #FFCD00;--skn-black: #000000;--skn-white: #FFFFFF;--color-primary: #009739;--color-primary-hover: #007a2e;--color-primary-light: #e6f5ec;--color-primary-dark: #006628;--color-secondary: #C8102E;--color-secondary-hover: #a30d25;--color-accent: #FFCD00;--color-accent-hover: #e6b800;--color-success: #009739;--color-warning: #FFCD00;--color-error: #C8102E;--color-info: #0077b6;--color-bg: #f8faf9;--color-bg-secondary: #f1f5f3;--color-bg-tertiary: #e8eeeb;--color-bg-card: #ffffff;--color-bg-sidebar: #0a1f12;--color-bg-header: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f0f5f2;--color-bg-active: #e0ebe4;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text: #0f1a13;--color-text-secondary: #3d5245;--color-text-muted: #7a9484;--color-text-inverse: #ffffff;--color-text-sidebar: #b0cfb8;--color-text-sidebar-active: #ffffff;--color-border: #d4e0d8;--color-border-focus: #009739;--shadow-sm: 0 1px 2px rgba(0, 151, 57, .04), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 151, 57, .06), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px -5px rgba(0, 151, 57, .08), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 40px -8px rgba(0, 151, 57, .1), 0 8px 16px -4px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(0, 151, 57, .2);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em}[data-theme=dark]{--color-primary-light: #0d3d1c;--color-primary-dark: #4ddb7e;--color-bg: #0a1210;--color-bg-secondary: #111d17;--color-bg-tertiary: #1a2b22;--color-bg-card: #132019;--color-bg-sidebar: #060e09;--color-bg-header: #132019;--color-bg-input: #1a2b22;--color-bg-hover: #1a2b22;--color-bg-active: #243a2e;--color-text: #e8f0eb;--color-text-secondary: #9ab5a3;--color-text-muted: #5e7d68;--color-text-sidebar: #7a9f85;--color-border: #1e3327;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px -8px rgba(0, 0, 0, .6);--focus-ring: 0 0 0 3px rgba(77, 219, 126, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;letter-spacing:var(--tracking-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;font-size:var(--text-base);color:var(--color-text-secondary)}.loading-screen__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite}.app-layout{display:flex;min-height:100vh}.app-layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.app-layout__main--collapsed{margin-left:var(--sidebar-collapsed-width)}.app-layout__content{flex:1;padding:24px;margin-top:var(--header-height)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--color-bg-sidebar) 0%,#061a0d 100%);color:var(--color-text-sidebar);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--header-height)}.sidebar__brand-logo{width:36px;height:24px;border-radius:4px;flex-shrink:0;object-fit:cover;box-shadow:0 2px 6px #0000004d}.sidebar__brand-name{font-size:var(--text-lg);font-weight:700;color:var(--color-text-inverse);white-space:nowrap;letter-spacing:var(--tracking-tight)}.sidebar--collapsed .sidebar__brand-name{display:none}.sidebar__nav{flex:1;overflow-y:auto;padding:12px 8px}.sidebar__nav-group{margin-bottom:8px}.sidebar__nav-label{padding:8px 12px 4px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sidebar--collapsed .sidebar__nav-label{display:none}.sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-sidebar);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative}.sidebar__nav-item:hover{background:#ffffff14;color:var(--color-text-sidebar-active);text-decoration:none}.sidebar__nav-item--active{background:#00973926;color:#4ddb7e}.sidebar__nav-item--active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.sidebar__nav-item--active:hover{background:#00973933}.sidebar__nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.sidebar--collapsed .sidebar__nav-text{display:none}.sidebar__footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border:none;background:transparent;color:var(--color-text-sidebar);border-radius:var(--radius-md);cursor:pointer}.sidebar__toggle:hover{background:#ffffff1a}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:#f8faf9d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:90;transition:left var(--transition-normal)}[data-theme=dark] .header{background:#132019d9}.header--collapsed{left:var(--sidebar-collapsed-width)}.header__left{display:flex;align-items:center;gap:16px}.header__breadcrumbs{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-secondary)}.header__breadcrumb-separator{color:var(--color-text-muted)}.header__breadcrumb-link{color:var(--color-text-secondary)}.header__breadcrumb-current{color:var(--color-text);font-weight:500}.header__right{display:flex;align-items:center;gap:12px}.header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xl);transition:all var(--transition-fast)}.header__icon-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.header__badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.header__user-menu{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer}.header__user-menu:hover{background:var(--color-bg-hover)}.header__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);overflow:hidden}.header__avatar img{width:100%;height:100%;object-fit:cover}.header__user-info{text-align:left}.header__user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.header__user-role{font-size:var(--text-xs);color:var(--color-text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:var(--tracking-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:4px;line-height:1.5}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar__left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar__right{display:flex;align-items:center;gap:8px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card__header{padding:18px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card__title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight)}.card__body{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;align-items:flex-start;gap:16px;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:transform var(--transition-fast)}.stat-card:hover .stat-card__icon{transform:scale(1.05)}.stat-card__icon--primary{background:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--success{background:#d1fae5;color:var(--color-success)}.stat-card__icon--warning,.stat-card__icon--accent{background:#fef3c7;color:#b45309}.stat-card__icon--info{background:#dbeafe;color:var(--color-info)}.stat-card__icon--error{background:#fee2e2;color:var(--color-error)}.stat-card__value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:1.2}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:4px}.stat-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;margin-top:6px;padding:2px 8px;border-radius:var(--radius-full)}.stat-card__trend--up{background:#d1fae5;color:#065f46}.stat-card__trend--down{background:#fee2e2;color:#991b1b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #00973933}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px #00973940;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #00973933}.btn--secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn--success{background:var(--color-success);color:#fff;box-shadow:0 1px 2px #00973933}.btn--success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #00973940;transform:translateY(-1px)}.btn--danger{background:var(--color-error);color:#fff;box-shadow:0 1px 2px #c8102e33}.btn--danger:hover:not(:disabled){background:var(--color-secondary-hover);box-shadow:0 4px 12px #c8102e40;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.btn--outline-primary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn--sm{padding:6px 14px;font-size:var(--text-xs)}.btn--lg{padding:14px 28px;font-size:var(--text-base)}.btn--full{width:100%}.btn--icon{padding:8px;width:40px;height:40px}.btn--loading{pointer-events:none;opacity:.7}.btn--loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-secondary);position:sticky;top:0;z-index:1}.data-table td{font-size:var(--text-sm);color:var(--color-text)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em}.badge--success{background:#d1fae5;color:#065f46}.badge--warning{background:#fef3c7;color:#92400e}.badge--error{background:#fee2e2;color:#991b1b}.badge--info{background:#dbeafe;color:#1e40af}.badge--neutral{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.toast-container{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background:#065f46;color:#fff}.toast--error{background:#991b1b;color:#fff}.toast--warning{background:#92400e;color:#fff}.toast--info{background:#1e40af;color:#fff}.toast__message{flex:1;font-size:var(--text-sm)}.toast__close{background:none;border:none;color:inherit;opacity:.7;font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1}.toast__close:hover{opacity:1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-primary-light) 50%,var(--color-bg) 100%);position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;width:40%;height:40%;background:radial-gradient(circle at 80% 20%,rgba(0,151,57,.06) 0%,transparent 60%);pointer-events:none}.auth-card{width:100%;max-width:440px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:44px;position:relative;z-index:1}.auth-card__logo{text-align:center;margin-bottom:36px}.auth-card__logo-icon{width:72px;height:48px;object-fit:cover;border-radius:6px;margin-bottom:16px;box-shadow:0 4px 12px #0000001f}.auth-card__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:6px;letter-spacing:var(--tracking-tight)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.auth-card__footer{margin-top:24px;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-card__footer a{font-weight:500}.auth-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:16px}.auth-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.auth-alert--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.offline-alert{position:fixed;bottom:0;left:0;right:0;background:var(--color-error);color:#fff;padding:8px 16px;text-align:center;font-size:var(--text-sm);font-weight:500;z-index:9999;display:flex;align-items:center;justify-content:center;gap:12px}.offline-alert--sync{background:var(--color-warning, #f59e0b);color:#1a1a1a}.offline-alert--synced{background:var(--color-success, #10b981);animation:fadeOut 3s ease-in-out 2s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(100%)}}.offline-alert__queue{opacity:.9}.offline-alert__btn{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:inherit;padding:4px 12px;border-radius:4px;font-size:var(--text-sm);cursor:pointer;font-weight:500}.offline-alert__btn:hover{background:#ffffff59}.offline-alert__btn:disabled{opacity:.6;cursor:not-allowed}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:16px 24px;z-index:9998;box-shadow:0 -2px 8px #0000001a}.cookie-consent__content{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:16px}.cookie-consent__text{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.cookie-consent__link{color:var(--color-primary);text-decoration:underline}.legal-page{min-height:100vh;background:var(--color-bg);padding:40px 24px}.legal-page__container{max-width:760px;margin:0 auto}.legal-page__back{display:inline-block;color:var(--color-primary);font-size:var(--text-sm);margin-bottom:24px;text-decoration:none}.legal-page__back:hover{text-decoration:underline}.legal-page__title{font-size:var(--text-2xl, 1.5rem);font-weight:700;margin-bottom:8px}.legal-page__updated{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:32px}.legal-page__section{margin-bottom:28px}.legal-page__section h2{font-size:var(--text-lg);font-weight:600;margin-bottom:12px;color:var(--color-text)}.legal-page__section h3{font-size:var(--text-base, 1rem);font-weight:600;margin-bottom:8px;color:var(--color-text)}.legal-page__section p{font-size:var(--text-base, 1rem);line-height:1.7;color:var(--color-text-secondary);margin-bottom:12px}.legal-page__section ul{padding-left:24px;margin-bottom:12px}.legal-page__section li{font-size:var(--text-base, 1rem);line-height:1.7;color:var(--color-text-secondary);margin-bottom:4px}.form-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.form-checkbox input[type=checkbox]{margin-top:3px;flex-shrink:0}.form-checkbox__label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.form-checkbox__label a{color:var(--color-primary);text-decoration:underline}.consent-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-bg)}.consent-gate__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0,0,0,.1));max-width:600px;width:100%;overflow:hidden}.consent-gate__header{padding:24px;border-bottom:1px solid var(--color-border);background:var(--color-primary-light, #f0f6ff)}.consent-gate__title{font-size:var(--text-xl, 1.25rem);font-weight:700;margin-bottom:8px}.consent-gate__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.consent-gate__body{padding:24px}.consent-gate__section-title{font-size:var(--text-base, 1rem);font-weight:600;margin-bottom:8px;margin-top:16px}.consent-gate__section-title:first-child{margin-top:0}.consent-gate__list{padding-left:20px;margin-bottom:12px}.consent-gate__list li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:4px}.consent-gate__legal{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:16px;margin-bottom:12px}.consent-gate__legal a{color:var(--color-primary);text-decoration:underline}.consent-gate__children{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}.consent-gate__child{padding:4px 0;font-size:var(--text-sm)}.consent-gate__relationship{color:var(--color-text-secondary);margin-left:4px}.empty-state{text-align:center;padding:60px 24px;color:var(--color-text-secondary)}.empty-state__icon{font-size:48px;margin-bottom:20px;opacity:.4;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-bg-secondary);border-radius:var(--radius-full);margin-left:auto;margin-right:auto}.empty-state__title{font-size:var(--text-lg);font-weight:600;margin-bottom:8px;color:var(--color-text)}.empty-state__description{font-size:var(--text-sm);max-width:400px;margin:0 auto;line-height:1.6}.empty-state__action{margin-top:20px}.dropdown{position:relative}.dropdown__menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;padding:6px;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;text-align:left}.dropdown__item:hover{background:var(--color-bg-hover)}.dropdown__item--danger{color:var(--color-error)}.dropdown__divider{height:1px;background:var(--color-border);margin:4px 0}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:24px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:modal-slide-in .25s ease-out}@keyframes modal-slide-in{0%{transform:translateY(-16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight)}.modal__close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{color:var(--color-text);background:var(--color-bg-hover)}.modal__body{padding:24px}.modal__footer{padding:18px 24px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.pagination__info{font-size:var(--text-sm);color:var(--color-text-secondary)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton--text{height:14px;width:80%;margin-bottom:10px}.skeleton--text-sm{height:12px;width:60%}.skeleton--heading{height:24px;width:50%;margin-bottom:16px}.skeleton--avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton--card{height:120px;width:100%}.skeleton--stat{height:100px;width:100%;border-radius:var(--radius-lg)}.skeleton--row{height:52px;width:100%;margin-bottom:2px}.divider{height:1px;background:var(--color-border);margin:20px 0}.divider--with-text{display:flex;align-items:center;gap:16px;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.divider--with-text:before,.divider--with-text:after{content:"";flex:1;height:1px;background:var(--color-border)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;border:1px solid}.alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert__icon{flex-shrink:0;font-size:var(--text-lg)}.alert__content{flex:1}.alert__title{font-weight:600;margin-bottom:2px}.progress{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .5s ease-out}.progress__bar--success{background:var(--color-success)}.progress__bar--warning{background:var(--color-warning)}.progress__bar--error{background:var(--color-error)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:300}[data-tooltip]:hover:after{opacity:1}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-base);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-textarea::placeholder{color:var(--color-text-muted)}.form-input--error{border-color:var(--color-error)}.form-error{margin-top:4px;font-size:var(--text-xs);color:var(--color-error)}.form-hint{margin-top:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.form-select{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.search-input{position:relative;max-width:320px}.search-input__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.search-input__field{padding-left:36px}.filter-select{padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;outline:none;min-width:140px}.filter-select:focus{border-color:var(--color-border-focus)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.app-layout__main{margin-left:0}.header{left:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.content-hub__header{flex-direction:column;align-items:flex-start;gap:12px}.content-hub__tabs{gap:0}.content-hub__tab{padding:10px 12px;font-size:var(--text-xs)}}.content-hub__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.content-hub__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 4px;letter-spacing:var(--tracking-tight)}.content-hub__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.content-hub__ai-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),#00b347);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #00973940}.content-hub__ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00973959}.content-hub__ai-btn--active{background:var(--color-text-secondary);box-shadow:none}.content-hub__ai-btn--active:hover{background:var(--color-text);box-shadow:none;transform:none}.content-hub__ai-panel{margin-bottom:24px;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.content-hub__tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--color-border);overflow-x:auto}.content-hub__tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color .15s,border-color .15s}.content-hub__tab:hover{color:var(--color-text)}.content-hub__tab--active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.content-hub__tab-icon{display:flex;align-items:center}.content-hub__content{min-height:200px}.animate-spin{animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}