@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dashboard: #F8FAFC;--bg-sidebar: #FFFFFF;--bg-card: #FFFFFF;--bg-header: rgba(255, 255, 255, .8);--bg-input: #FFFFFF;--bg-item-hover: #F3F4F6;--text-primary: #111827;--text-secondary: #4B5563;--text-muted-new: #9CA3AF;--border-color: #E5E7EB;--border-light: #F3F4F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--accent-primary: #7C3AED;--accent-secondary: #8B5CF6;--accent-green: #00693E;--accent-red: #EF4444;--color-primary: 250, 60%, 65%;--color-secondary: 180, 70%, 55%;--color-surface-1: 220, 20%, 10%;--color-surface-2: 220, 20%, 15%;--color-text: 220, 10%, 90%;--color-text-muted: 220, 10%, 60%;--gradient-primary: linear-gradient(135deg, #7C3AED, #00693E);--gradient-premium: linear-gradient(135deg, #6366F1 0%, #A855F7 100%);--spacing-base: 1rem;--container-width: 1400px}[data-theme=dark]{--bg-dashboard: #0A0C14;--bg-sidebar: #121421;--bg-card: #1B1E2E;--bg-header: rgba(10, 12, 20, .85);--bg-input: #24283B;--bg-item-hover: #2D334D;--text-primary: #FFFFFF;--text-secondary: #B9BBC6;--text-muted-new: #6B7280;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-md: 0 12px 24px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .7);--accent-primary: #6366F1;--accent-secondary: #A855F7;--accent-green: #10B981;--accent-red: #F43F5E;--gradient-premium: linear-gradient(135deg, #6366F1 0%, #A855F7 100%)}html{font-size:13.5px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dashboard);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}.premium-table-container{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);overflow:visible;box-shadow:var(--shadow-md);margin-top:1.5rem}.premium-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.premium-table thead th{position:sticky;top:155px;z-index:40;background:var(--bg-card);padding:1.25rem 1.5rem;font-size:.7rem;font-weight:800;color:var(--text-muted-new);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border-light);box-shadow:0 2px 4px #00000005}[data-theme=dark] .premium-table thead th{background:var(--bg-card);color:var(--text-secondary);border-bottom:2px solid rgba(255,255,255,.05)}.premium-table tbody tr{transition:all .2s ease}.premium-table tbody tr:hover{background-color:var(--bg-item-hover)}.premium-table tbody td{padding:1.25rem 1.5rem;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.premium-table tbody tr:last-child td{border-bottom:none}.premium-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.premium-search-wrapper{display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.premium-modal-overlay{position:fixed;inset:0;background:#0a0c14b3;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:modalFadeIn .4s cubic-bezier(.16,1,.3,1)}.premium-modal{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;max-height:92vh;width:100%;overflow-y:auto;border:1px solid var(--border-color);animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .premium-modal{background:#161926;border-color:#ffffff14}.premium-label{font-size:.75rem;font-weight:600;color:var(--text-muted-new);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;display:block}.premium-input{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-primary);outline:none;transition:all .2s ease}.premium-input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #6366f114}.premium-input:disabled{background:var(--bg-item-hover);color:var(--text-muted-new);cursor:not-allowed}select.premium-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-item-hover);border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.modal-close-btn:hover{background:#f43f5e;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #f43f5e4d}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--accent-primary);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.status-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)!important;border-color:var(--border-color)!important}.status-card-hover:active{transform:translateY(-2px) scale(.98)}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-dashboard);font-family:Inter,sans-serif;color:var(--text-primary);transition:all .4s ease}.sidebar{width:16.5rem;background-color:var(--bg-sidebar);padding:.5rem .85rem 1.25rem;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;top:0;left:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color)}.logo-container{height:60px;padding:0 1.5rem;display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.25rem}.sidebar-logo{width:120px;height:auto;object-fit:contain;transition:all .3s ease}[data-theme=dark] .sidebar-logo{filter:invert(1) hue-rotate(180deg) brightness(1.2)}.logo-icon{width:2.5rem;height:2.5rem;background:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{font-weight:800;font-size:1.25rem;color:var(--text-primary);letter-spacing:-.03em;margin-left:1rem}.nav-menu{flex:1;display:flex;flex-direction:column;gap:.2rem;padding:0 .35rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--text-secondary);transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-item:hover{background-color:var(--bg-item-hover);color:var(--accent-primary);transform:translate(4px)}.nav-item.active{background-color:#6366f114;color:var(--accent-primary)}.nav-item.active svg{color:var(--accent-primary)}.nav-item svg{width:19px;height:19px;color:var(--text-muted-new);transition:color .2s ease}.logout-btn{margin-top:auto;margin-bottom:1rem;color:#ef4444}.logout-btn:hover{background-color:#ef444414;color:#ef4444}.main-content{flex:1;margin-left:16.5rem;padding:0;max-width:calc(100vw - 16.5rem);background-color:var(--bg-dashboard);min-height:100vh}.content-body{padding:0 2.5rem 2.5rem}.top-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:var(--bg-sidebar);position:sticky;top:0;z-index:90;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;height:72px}[data-theme=dark] .top-header{background:var(--bg-sidebar)}.page-title h1{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.page-title p{color:var(--text-muted-new);font-size:.9rem;margin:.25rem 0 0}.header-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle-btn{background:var(--bg-item-hover);border:none;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.search-bar{position:relative;width:25rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-item-hover);border:1px solid var(--border-color);border-radius:12px;font-size:.875rem;color:var(--text-primary);outline:none;transition:all .2s}.search-input:focus{background:var(--bg-input);border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted-new);width:1rem;height:1rem}.user-profile{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;border-left:1px solid var(--border-color)}.user-profile .avatar{width:36px;height:36px;border-radius:10px;object-fit:cover;border:2px solid var(--border-color)}.user-info{display:flex;flex-direction:column;justify-content:center}.user-name{display:block;font-weight:700;color:var(--text-primary);font-size:.85rem;line-height:1.2}.user-role{display:block;font-size:.7rem;color:var(--text-muted-new);font-weight:500;line-height:1.2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:20px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#ffffff26}.stat-content{position:relative;z-index:10}.stat-label{color:var(--text-muted-new);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-trend{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.trend-up{color:#10b981}.trend-down{color:var(--accent-red)}.stat-icon-wrapper{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.bg-gradient-purple{background:linear-gradient(135deg,#6366f11a,#a855f71a)}.icon-gradient-purple{background:var(--gradient-premium);box-shadow:0 8px 16px -4px #6366f166}.bg-gradient-green{background:linear-gradient(135deg,#10b9811a,#34d3991a)}.icon-gradient-green{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 6px -1px #10b9814d}.bg-gradient-orange{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a)}.icon-gradient-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 6px -1px #f59e0b4d}.bg-gradient-pink{background:linear-gradient(135deg,#ec48991a,#f472b61a)}.icon-gradient-pink{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 6px -1px #ec48994d}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-card,.card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.see-all{color:var(--accent-secondary);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer}.user-list-item{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.user-list-item:last-child{border-bottom:none}.user-details{flex:1;margin-left:1rem}.user-name{font-weight:600;color:var(--text-primary);display:block}.user-subtitle{font-size:.75rem;color:var(--text-muted-new)}.user-meta{text-align:right}.user-location{font-size:.875rem;color:var(--text-secondary);display:block}.user-time{font-size:.75rem;color:var(--text-muted-new)}.legend-container{margin-top:1rem}.legend-item{display:flex;align-items:center;margin-bottom:.75rem}.legend-color{width:12px;height:12px;border-radius:50%;margin-right:.75rem}.legend-label{flex:1;font-size:.875rem;color:var(--text-secondary)}.legend-value{font-weight:600;color:var(--text-primary);font-size:.875rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--accent-primary);color:#fff;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#6d28d9}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-item-hover);border-color:var(--text-muted-new)}.table-row:hover{background-color:var(--bg-item-hover)!important}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.main-content{margin-left:0;max-width:100vw}.sidebar{display:none}.stats-grid,.charts-grid{grid-template-columns:1fr}.top-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-bar{width:100%}}.icon-btn{position:relative;transition:all .2s}.icon-btn:hover{background-color:var(--bg-item-hover)!important;transform:scale(1.05)}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-red);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);box-shadow:0 1px 2px #0000001a;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:100!important;overflow:hidden}.notif-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notif-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.notif-list{max-height:360px;overflow-y:auto}.notif-item{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;cursor:pointer;transition:background-color .2s}.notif-item:hover{background-color:var(--bg-item-hover)}.notif-item:last-child{border-bottom:none}.notif-icon{width:2.5rem;height:2.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1}.notif-title{font-size:.875rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.notif-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.notif-time{font-size:.7rem;color:var(--text-muted-new);margin-top:.5rem;display:block}.notif-footer{padding:.75rem;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-dashboard)}.notif-footer button{font-size:.75rem;font-weight:600;color:#4f46e5;background:none;border:none;cursor:pointer}.theme-toggle-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--bg-item-hover);transform:rotate(15deg)}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-item-hover);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.action-btn.delete:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.company-master-container{animation:fadeIn .4s ease-out}.btn-add-company{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;box-shadow:0 4px 12px #10b98133;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-add-company:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159;background:linear-gradient(135deg,#059669,#047857)}.btn-add-company:active{transform:translateY(0)}.btn-export{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-export:hover{background:var(--bg-item-hover);color:var(--text-primary);border-color:var(--text-muted-new);transform:translateY(-2px)}.btn-export:active{transform:translateY(0)}.company-search-container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;background:var(--bg-card);padding:1.25rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.company-search-box{position:relative;flex:1;max-width:32rem}.company-search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted-new);width:1.1rem;height:1.1rem}.company-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-item-hover);border:1px solid var(--border-color);border-radius:12px;font-size:.875rem;color:var(--text-primary);outline:none;font-weight:500;transition:all .25s ease}.company-search-input:focus{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11f}.filter-group{display:flex;align-items:center;gap:.75rem}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon-left{position:absolute;left:1rem;color:var(--accent-primary);display:flex;align-items:center;pointer-events:none}.company-select{padding:.75rem 2.5rem;width:180px;border-radius:12px;appearance:none;cursor:pointer;font-weight:600;font-size:.875rem;background:var(--bg-item-hover);border:1px solid var(--border-color);color:var(--text-primary);outline:none;transition:all .25s ease}.company-select:focus{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11f}.select-arrow-right{position:absolute;right:1rem;pointer-events:none;display:flex;align-items:center;gap:.4rem}.select-divider{width:1px;height:16px;background:var(--border-color)}.company-avatar-box{width:40px;height:40px;border-radius:10px;background:var(--bg-item-hover);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);font-weight:800;color:var(--text-muted-new);transition:all .2s ease}.premium-table tbody tr:hover .company-avatar-box{border-color:var(--accent-primary);background:#6366f10d;color:var(--accent-primary)}.badge-status-active{background:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)}.badge-status-expired,.badge-status-inactive{background:#f43f5e1a!important;color:#f43f5e!important;border:1px solid rgba(244,63,94,.2)}.badge-package-premium{background:#6366f11a!important;color:#6366f1!important;border:1px solid rgba(99,102,241,.2)}.btn-action-edit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-action-edit:hover{background:#6366f114;color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px) scale(1.05)}.pagination-btn-nav{padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.85rem;transition:all .2s ease}.pagination-btn-number{min-width:36px;height:36px;padding:0;border-radius:10px;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.company-search-container{flex-direction:column;align-items:stretch;gap:1rem}.company-search-box{max-width:100%}.filter-group{justify-content:space-between}}.training-container{padding:0;max-width:1600px;margin:0 auto;font-family:Inter,sans-serif;color:var(--text-primary);position:relative}.minimal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.minimal-header h1{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;margin:0;background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.minimal-header p{color:var(--text-muted-new);font-size:.95rem;font-weight:500;margin-top:.5rem}.header-actions-group{display:flex;gap:1rem;align-items:center}.minimal-search{position:relative;width:320px}.minimal-search input{width:100%;padding:.75rem 1.25rem .75rem 3rem;border:1px solid var(--border-color);border-radius:16px;font-size:.9rem;background:var(--bg-card);color:var(--text-primary);transition:all .3s ease;box-shadow:var(--shadow-sm)}.minimal-search input:focus{border-color:var(--accent-green);box-shadow:0 0 0 4px #10b9811a;background:var(--bg-input)}.search-icon-minimal{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--text-muted-new)}.minimal-filters-bar{display:flex;gap:2rem;margin-bottom:3rem;padding:1.25rem 2rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.filter-item{display:flex;align-items:center;gap:.75rem}.filter-item label{font-size:.7rem;font-weight:800;color:var(--text-muted-new);text-transform:uppercase;letter-spacing:.1em}.filter-item select{border:none;background:transparent;font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer;outline:none;padding:.25rem 0}.minimal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1200px){.minimal-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.minimal-grid{grid-template-columns:1fr;gap:1.5rem}}.minimal-card{display:flex;flex-direction:column;background:transparent}.minimal-video-container{position:relative;aspect-ratio:16/9;background:#000;border-radius:24px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 10px 30px -10px #0000004d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.minimal-card:hover .minimal-video-container{transform:scale(1.02);box-shadow:0 20px 40px -15px #0006}.minimal-video-container iframe{width:100%;height:100%;border:none}.minimal-card-info{padding:.5rem}.minimal-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.minimal-category{font-size:.7rem;font-weight:800;color:var(--accent-green);text-transform:uppercase;letter-spacing:.1em;background:#10b9811a;padding:.25rem .75rem;border-radius:8px}.minimal-card-actions{display:flex;gap:.5rem;opacity:1;transform:translateY(0);transition:all .2s ease}.action-btn-circle{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.action-btn-circle:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn-circle.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.minimal-title{font-size:1.25rem;font-weight:800;margin:0 0 .75rem;line-height:1.3;color:var(--text-primary);letter-spacing:-.02em}.minimal-meta{display:flex;align-items:center;gap:1.25rem;font-size:.85rem;font-weight:600;color:var(--text-muted-new)}.meta-dot{width:5px;height:5px;background:var(--border-color);border-radius:50%}.minimal-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000b3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:grid!important;place-items:center!important;z-index:999999!important;animation:modalFadeIn .3s ease;padding:2rem}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.minimal-modal{background:var(--bg-card);border-radius:32px;width:100%;max-width:500px;box-shadow:0 30px 60px -12px #0009;position:relative;border:1px solid var(--border-color);animation:modalSlideUp .4s cubic-bezier(.165,.84,.44,1);max-height:95vh;overflow-y:auto;margin:auto!important}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.premium-modal{max-width:900px!important;width:95%!important;padding:0!important;overflow:hidden}.modal-header-fancy{padding:2rem 2.5rem;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header-fancy h2{margin:0!important;font-size:1.5rem!important}.modal-header-fancy p{margin:.25rem 0 0;color:var(--text-muted-new);font-size:.9rem}.close-btn-circle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-dashboard);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn-circle:hover{background:#ef4444;color:#fff;border-color:#ef4444}.modal-grid-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:0}.modal-fields-column{padding:2.5rem;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem}.modal-preview-column{padding:2.5rem;background:var(--bg-dashboard);display:flex;flex-direction:column}.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.minimal-form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.7rem;font-weight:800;color:var(--text-muted-new);text-transform:uppercase;letter-spacing:.05em}.minimal-form-group input,.minimal-form-group select{width:100%;padding:.875rem 1.25rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.minimal-form-group input:focus,.minimal-form-group select:focus{border-color:var(--accent-green);box-shadow:0 0 0 4px #10b9811a;outline:none}.preview-label{font-size:.7rem;font-weight:800;color:var(--text-muted-new);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.preview-card-wrapper{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:auto}.preview-video-box{aspect-ratio:16/9;background:#000}.preview-video-box iframe{width:100%;height:100%}.preview-placeholder{aspect-ratio:16/9;background:var(--bg-item-hover);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted-new);gap:1rem}.preview-placeholder p{font-size:.85rem;font-weight:500}.preview-details{padding:1.25rem}.preview-title{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.preview-meta{font-size:.8rem;color:var(--text-muted-new);font-weight:600}.modal-actions-fancy{display:flex;gap:1rem;margin-top:2rem}.btn-fancy-primary{flex:2;padding:.875rem;border-radius:12px;background:var(--accent-green);color:#fff;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.btn-fancy-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-fancy-secondary{flex:1;padding:.875rem;border-radius:12px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-fancy-secondary:hover{background:var(--bg-item-hover);color:var(--text-primary)}.delete-modal-premium{max-width:450px!important;text-align:center;padding:3rem!important}.delete-icon-wrapper{width:80px;height:80px;border-radius:50%;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.delete-modal-premium h2{font-size:1.5rem!important;margin-bottom:1rem!important}.delete-modal-premium p{color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.btn-fancy-danger{flex:2;padding:.875rem;border-radius:12px;background:#ef4444;color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-fancy-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top right,#1e293b,#0f172a);font-family:Outfit,sans-serif;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);top:-200px;right:-200px}.login-card{background:#1e293bb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3.5rem;width:100%;max-width:420px;text-align:center;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:10}.login-logo{display:flex;justify-content:center;margin-bottom:2.5rem}.login-logo img{max-width:180px;height:auto;filter:drop-shadow(0 0 10px rgba(99,102,241,.2))}.login-title{font-size:1.85rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}.login-subtitle{font-size:.95rem;color:#94a3b8;margin-bottom:3rem;font-weight:500}.form-group{margin-bottom:1.75rem;text-align:left}.form-group label{display:block;font-size:.85rem;font-weight:700;color:#cbd5e1;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:.9rem 1.25rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:.95rem;color:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-group input:focus{border-color:#6366f1;background:#0f172acc;box-shadow:0 0 0 4px #6366f126}.login-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem;box-shadow:0 10px 15px -3px #4f46e54d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #4f46e566;filter:brightness(1.1)}.login-btn:active{transform:translateY(0)}.error-message{background:#f43f5e1a;color:#f43f5e;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem;border-radius:10px;border:1px solid rgba(244,63,94,.2)}