:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#16161f;--bg-hover:#1f1f2a;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--border-color:#2a2a3a;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-card:#fff;--bg-hover:#f1f3f4;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-muted:#9aa0a6;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--border-color:#dadce0;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.15);--shadow-lg:0 8px 32px rgba(0,0,0,.2);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}[data-animations=false]{--transition-fast:none;--transition-normal:none;--transition-slow:none}[data-animations=false] *,[data-animations=false] :after,[data-animations=false] :before{animation:none!important;transition:none!important}[data-compact=true]{--border-radius:8px;--border-radius-sm:6px;--border-radius-lg:12px}[data-compact=true] .page-container{padding:16px}[data-compact=true] .page-header{margin-bottom:20px}[data-compact=true] .page-header .page-title{font-size:24px}[data-compact=true] .page-header .page-subtitle{font-size:14px}[data-compact=true] .application-card,[data-compact=true] .article-card,[data-compact=true] .business-card,[data-compact=true] .employee-card,[data-compact=true] .project-card{border-radius:var(--border-radius-sm);max-width:100%;min-height:auto;padding:8px}[data-compact=true] .application-card .card-header,[data-compact=true] .article-card .card-header,[data-compact=true] .business-card .card-header,[data-compact=true] .employee-card .card-header,[data-compact=true] .project-card .card-header{border-bottom:1px solid var(--border-color);margin-bottom:6px;padding-bottom:6px}[data-compact=true] .application-card .card-content,[data-compact=true] .article-card .card-content,[data-compact=true] .business-card .card-content,[data-compact=true] .employee-card .card-content,[data-compact=true] .project-card .card-content{margin-bottom:8px}[data-compact=true] .application-card .card-content .application-name,[data-compact=true] .application-card .card-content .article-name,[data-compact=true] .application-card .card-content .business-name,[data-compact=true] .application-card .card-content .employee-name,[data-compact=true] .application-card .card-content .project-name,[data-compact=true] .article-card .card-content .application-name,[data-compact=true] .article-card .card-content .article-name,[data-compact=true] .article-card .card-content .business-name,[data-compact=true] .article-card .card-content .employee-name,[data-compact=true] .article-card .card-content .project-name,[data-compact=true] .business-card .card-content .application-name,[data-compact=true] .business-card .card-content .article-name,[data-compact=true] .business-card .card-content .business-name,[data-compact=true] .business-card .card-content .employee-name,[data-compact=true] .business-card .card-content .project-name,[data-compact=true] .employee-card .card-content .application-name,[data-compact=true] .employee-card .card-content .article-name,[data-compact=true] .employee-card .card-content .business-name,[data-compact=true] .employee-card .card-content .employee-name,[data-compact=true] .employee-card .card-content .project-name,[data-compact=true] .project-card .card-content .application-name,[data-compact=true] .project-card .card-content .article-name,[data-compact=true] .project-card .card-content .business-name,[data-compact=true] .project-card .card-content .employee-name,[data-compact=true] .project-card .card-content .project-name{display:-webkit-box;font-size:14px;font-weight:600;-webkit-line-clamp:2;line-height:1.2;margin-bottom:4px;-webkit-box-orient:vertical;overflow:hidden}[data-compact=true] .application-card .card-content .application-description,[data-compact=true] .application-card .card-content .article-description,[data-compact=true] .application-card .card-content .business-description,[data-compact=true] .application-card .card-content .employee-email,[data-compact=true] .application-card .card-content .project-description,[data-compact=true] .article-card .card-content .application-description,[data-compact=true] .article-card .card-content .article-description,[data-compact=true] .article-card .card-content .business-description,[data-compact=true] .article-card .card-content .employee-email,[data-compact=true] .article-card .card-content .project-description,[data-compact=true] .business-card .card-content .application-description,[data-compact=true] .business-card .card-content .article-description,[data-compact=true] .business-card .card-content .business-description,[data-compact=true] .business-card .card-content .employee-email,[data-compact=true] .business-card .card-content .project-description,[data-compact=true] .employee-card .card-content .application-description,[data-compact=true] .employee-card .card-content .article-description,[data-compact=true] .employee-card .card-content .business-description,[data-compact=true] .employee-card .card-content .employee-email,[data-compact=true] .employee-card .card-content .project-description,[data-compact=true] .project-card .card-content .application-description,[data-compact=true] .project-card .card-content .article-description,[data-compact=true] .project-card .card-content .business-description,[data-compact=true] .project-card .card-content .employee-email,[data-compact=true] .project-card .card-content .project-description{color:var(--text-secondary);display:-webkit-box;font-size:11px;-webkit-line-clamp:2;line-height:1.3;margin-bottom:6px;-webkit-box-orient:vertical;overflow:hidden}[data-compact=true] .application-card .card-content .article-code,[data-compact=true] .application-card .card-content .position-badge,[data-compact=true] .article-card .card-content .article-code,[data-compact=true] .article-card .card-content .position-badge,[data-compact=true] .business-card .card-content .article-code,[data-compact=true] .business-card .card-content .position-badge,[data-compact=true] .employee-card .card-content .article-code,[data-compact=true] .employee-card .card-content .position-badge,[data-compact=true] .project-card .card-content .article-code,[data-compact=true] .project-card .card-content .position-badge{font-size:10px;margin-bottom:6px;padding:2px 6px}[data-compact=true] .application-card .card-content .application-meta,[data-compact=true] .application-card .card-content .article-meta,[data-compact=true] .application-card .card-content .business-meta,[data-compact=true] .application-card .card-content .employee-meta,[data-compact=true] .application-card .card-content .project-meta,[data-compact=true] .article-card .card-content .application-meta,[data-compact=true] .article-card .card-content .article-meta,[data-compact=true] .article-card .card-content .business-meta,[data-compact=true] .article-card .card-content .employee-meta,[data-compact=true] .article-card .card-content .project-meta,[data-compact=true] .business-card .card-content .application-meta,[data-compact=true] .business-card .card-content .article-meta,[data-compact=true] .business-card .card-content .business-meta,[data-compact=true] .business-card .card-content .employee-meta,[data-compact=true] .business-card .card-content .project-meta,[data-compact=true] .employee-card .card-content .application-meta,[data-compact=true] .employee-card .card-content .article-meta,[data-compact=true] .employee-card .card-content .business-meta,[data-compact=true] .employee-card .card-content .employee-meta,[data-compact=true] .employee-card .card-content .project-meta,[data-compact=true] .project-card .card-content .application-meta,[data-compact=true] .project-card .card-content .article-meta,[data-compact=true] .project-card .card-content .business-meta,[data-compact=true] .project-card .card-content .employee-meta,[data-compact=true] .project-card .card-content .project-meta{flex-wrap:wrap;gap:4px}[data-compact=true] .application-card .card-content .application-meta .meta-item,[data-compact=true] .application-card .card-content .article-meta .meta-item,[data-compact=true] .application-card .card-content .business-meta .meta-item,[data-compact=true] .application-card .card-content .employee-meta .meta-item,[data-compact=true] .application-card .card-content .project-meta .meta-item,[data-compact=true] .article-card .card-content .application-meta .meta-item,[data-compact=true] .article-card .card-content .article-meta .meta-item,[data-compact=true] .article-card .card-content .business-meta .meta-item,[data-compact=true] .article-card .card-content .employee-meta .meta-item,[data-compact=true] .article-card .card-content .project-meta .meta-item,[data-compact=true] .business-card .card-content .application-meta .meta-item,[data-compact=true] .business-card .card-content .article-meta .meta-item,[data-compact=true] .business-card .card-content .business-meta .meta-item,[data-compact=true] .business-card .card-content .employee-meta .meta-item,[data-compact=true] .business-card .card-content .project-meta .meta-item,[data-compact=true] .employee-card .card-content .application-meta .meta-item,[data-compact=true] .employee-card .card-content .article-meta .meta-item,[data-compact=true] .employee-card .card-content .business-meta .meta-item,[data-compact=true] .employee-card .card-content .employee-meta .meta-item,[data-compact=true] .employee-card .card-content .project-meta .meta-item,[data-compact=true] .project-card .card-content .application-meta .meta-item,[data-compact=true] .project-card .card-content .article-meta .meta-item,[data-compact=true] .project-card .card-content .business-meta .meta-item,[data-compact=true] .project-card .card-content .employee-meta .meta-item,[data-compact=true] .project-card .card-content .project-meta .meta-item{background:var(--bg-tertiary);border-radius:4px;font-size:10px;gap:3px;padding:2px 6px}[data-compact=true] .application-card .card-content .application-meta .meta-item svg,[data-compact=true] .application-card .card-content .article-meta .meta-item svg,[data-compact=true] .application-card .card-content .business-meta .meta-item svg,[data-compact=true] .application-card .card-content .employee-meta .meta-item svg,[data-compact=true] .application-card .card-content .project-meta .meta-item svg,[data-compact=true] .article-card .card-content .application-meta .meta-item svg,[data-compact=true] .article-card .card-content .article-meta .meta-item svg,[data-compact=true] .article-card .card-content .business-meta .meta-item svg,[data-compact=true] .article-card .card-content .employee-meta .meta-item svg,[data-compact=true] .article-card .card-content .project-meta .meta-item svg,[data-compact=true] .business-card .card-content .application-meta .meta-item svg,[data-compact=true] .business-card .card-content .article-meta .meta-item svg,[data-compact=true] .business-card .card-content .business-meta .meta-item svg,[data-compact=true] .business-card .card-content .employee-meta .meta-item svg,[data-compact=true] .business-card .card-content .project-meta .meta-item svg,[data-compact=true] .employee-card .card-content .application-meta .meta-item svg,[data-compact=true] .employee-card .card-content .article-meta .meta-item svg,[data-compact=true] .employee-card .card-content .business-meta .meta-item svg,[data-compact=true] .employee-card .card-content .employee-meta .meta-item svg,[data-compact=true] .employee-card .card-content .project-meta .meta-item svg,[data-compact=true] .project-card .card-content .application-meta .meta-item svg,[data-compact=true] .project-card .card-content .article-meta .meta-item svg,[data-compact=true] .project-card .card-content .business-meta .meta-item svg,[data-compact=true] .project-card .card-content .employee-meta .meta-item svg,[data-compact=true] .project-card .card-content .project-meta .meta-item svg{height:12px;width:12px}[data-compact=true] .application-card .card-footer,[data-compact=true] .article-card .card-footer,[data-compact=true] .business-card .card-footer,[data-compact=true] .employee-card .card-footer,[data-compact=true] .project-card .card-footer{border-top:1px solid var(--border-color);gap:4px;margin-top:6px;padding-top:6px}[data-compact=true] .applications-grid,[data-compact=true] .articles-grid,[data-compact=true] .businesses-grid,[data-compact=true] .employees-grid,[data-compact=true] .projects-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}[data-compact=true] .stat-item{padding:10px 16px}[data-compact=true] .stat-item .stat-value{font-size:18px}[data-compact=true] .stat-item .stat-label{font-size:11px}[data-compact=true] .position-badge{font-size:12px;padding:4px 8px}[data-compact=true] .action-btn{border-radius:6px;height:32px;width:32px}[data-compact=true] .action-btn svg{height:16px;width:16px}[data-compact=true] .employees-btn,[data-compact=true] .fields-btn,[data-compact=true] .links-btn{border-radius:6px;font-size:13px;min-height:32px;padding:6px 12px}[data-compact=true] .employees-btn svg,[data-compact=true] .fields-btn svg,[data-compact=true] .links-btn svg{height:14px;width:14px}[data-compact=true] .base-input,[data-compact=true] .form-input,[data-compact=true] .form-textarea{font-size:13px;height:36px}[data-compact=true] .form-textarea{min-height:60px}[data-compact=true] .modal-container.size-sm{max-width:360px}[data-compact=true] .modal-container.size-md{max-width:480px}[data-compact=true] .modal-container.size-lg{max-width:640px}[data-compact=true] .modal-container.size-xl{max-width:800px}[data-compact=true] .modal-header{padding:16px 20px}[data-compact=true] .modal-header .modal-title{font-size:18px}[data-compact=true] .modal-body{padding:20px}[data-compact=true] .modal-footer{padding:12px 20px}[data-compact=true] .settings-layout{gap:20px}[data-compact=true] .settings-card .card-title{font-size:18px;margin-bottom:16px;padding-bottom:12px}[data-compact=true] .settings-form{gap:16px}[data-compact=true] .form-group{gap:6px}[data-compact=true] .form-group label{font-size:13px}[data-compact=true] .toggle-group{gap:12px}[data-compact=true] .toggle-item{padding:12px}[data-compact=true] .toggle-item .toggle-label{font-size:14px}[data-compact=true] .toggle-item .toggle-desc{font-size:12px}[data-compact=true] .theme-selector{gap:12px}[data-compact=true] .theme-option{padding:12px}[data-compact=true] .theme-option span{font-size:13px}[data-compact=true] .card-footer{margin-top:20px;padding-top:16px}[data-compact=true] .article-icon,[data-compact=true] .business-icon,[data-compact=true] .employee-avatar,[data-compact=true] .project-icon,[data-compact=true] .user-avatar{border-radius:6px;height:32px;width:32px}[data-compact=true] .employee-avatar{border-radius:50%}[data-compact=true] .business-icon,[data-compact=true] .project-icon{height:36px;width:36px}[data-compact=true] .business-icon svg,[data-compact=true] .project-icon svg{height:18px;width:18px}[data-compact=true] .article-icon svg{height:16px;width:16px}[data-compact=true] .article-name,[data-compact=true] .business-name,[data-compact=true] .employee-name,[data-compact=true] .project-name{font-size:14px;font-weight:600}[data-compact=true] .article-description,[data-compact=true] .business-description,[data-compact=true] .employee-email,[data-compact=true] .project-description{color:var(--text-secondary);font-size:11px}[data-compact=true] .article-code,[data-compact=true] .position-badge{border-radius:3px;font-size:10px;margin-bottom:4px;padding:2px 6px}[data-compact=true] .meta-item{font-size:12px}[data-compact=true] .meta-item svg{height:14px;width:14px}[data-compact=true] .links-btn{font-size:13px;padding:4px 8px}[data-compact=true] .empty-state{padding:40px 12px}[data-compact=true] .empty-state svg{height:40px;width:40px}[data-compact=true] .empty-state h3{font-size:14px}[data-compact=true] .empty-state p{font-size:12px}[data-compact=true] .filters-section{margin-bottom:16px}[data-compact=true] .tabs-wrapper{overflow-x:auto}[data-compact=true] .sidebar{width:240px}[data-compact=true] .sidebar.sidebar-collapsed{width:70px}[data-compact=true] .sidebar-content{width:240px}.sidebar-collapsed [data-compact=true] .sidebar-content{width:70px}[data-compact=true] .sidebar-header{padding:16px}[data-compact=true] .sidebar-nav{padding:12px 8px}[data-compact=true] .sidebar-nav .nav-item{font-size:14px;padding:10px 12px}[data-compact=true] .sidebar-nav .nav-item .nav-icon{height:20px;width:20px}[data-compact=true] .sidebar-nav .nav-item .nav-icon svg{height:18px;width:18px}[data-compact=true] .sidebar-footer{padding:12px}[data-compact=true] .main-content{margin-left:240px;padding:16px}.sidebar-collapsed [data-compact=true] .main-content{margin-left:70px}@media(max-width:1024px){[data-compact=true] .main-content{margin-left:0;padding-top:72px}}@media(max-width:640px){[data-compact=true] .page-container{padding:6px}[data-compact=true] .main-content{padding:60px 6px 6px}[data-compact=true] .applications-grid,[data-compact=true] .articles-grid,[data-compact=true] .businesses-grid,[data-compact=true] .employees-grid,[data-compact=true] .projects-grid{gap:6px;grid-template-columns:1fr}[data-compact=true] .application-card,[data-compact=true] .article-card,[data-compact=true] .business-card,[data-compact=true] .employee-card,[data-compact=true] .project-card{border-radius:6px;padding:6px}[data-compact=true] .application-card .card-content,[data-compact=true] .article-card .card-content,[data-compact=true] .business-card .card-content,[data-compact=true] .employee-card .card-content,[data-compact=true] .project-card .card-content{margin-bottom:6px}[data-compact=true] .application-card .card-footer,[data-compact=true] .article-card .card-footer,[data-compact=true] .business-card .card-footer,[data-compact=true] .employee-card .card-footer,[data-compact=true] .project-card .card-footer{margin-top:4px;padding-top:4px}[data-compact=true] .page-title{font-size:20px}[data-compact=true] .page-subtitle{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}.page-enter-active,.page-leave-active{transition:all var(--transition-slow)}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.layout-enter-active,.layout-leave-active{transition:all var(--transition-slow)}.layout-enter-from,.layout-leave-to{filter:blur(4px);opacity:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.pwa-toast{align-items:center;animation:slideIn .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);bottom:24px;box-shadow:var(--shadow-lg);display:flex;gap:16px;padding:16px 20px;position:fixed;right:24px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}