:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1);--primary: #42b983;--primary-dark: #359268;--accent: #667eea}[data-color-theme=blue]{--primary: #3b82f6;--primary-dark: #2563eb}[data-color-theme=purple]{--primary: #8b5cf6;--primary-dark: #7c3aed}[data-color-theme=orange]{--primary: #f97316;--primary-dark: #ea580c}[data-color-theme=red]{--primary: #ef4444;--primary-dark: #dc2626}[data-color-theme=gold]{--primary: #f59e0b;--primary-dark: #d97706}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #4b5563;--border-color: #4b5563;--shadow-color: rgba(0, 0, 0, .3);--primary: #5ecfa0;--primary-dark: #42b983;--accent: #8592f0}[data-theme=dark][data-color-theme=blue]{--primary: #60a5fa;--primary-dark: #3b82f6}[data-theme=dark][data-color-theme=purple]{--primary: #a78bfa;--primary-dark: #8b5cf6}[data-theme=dark][data-color-theme=orange]{--primary: #fb923c;--primary-dark: #f97316}[data-theme=dark][data-color-theme=red]{--primary: #f87171;--primary-dark: #ef4444}[data-theme=dark][data-color-theme=gold]{--primary: #fbbf24;--primary-dark: #f59e0b}html{font-size:16px}html[data-scale="60"]{font-size:9.6px}html[data-scale="70"]{font-size:11.2px}html[data-scale="80"]{font-size:12.8px}html[data-scale="90"]{font-size:14.4px}html[data-scale="100"]{font-size:16px}html[data-scale="110"]{font-size:17.6px}html[data-scale="120"]{font-size:19.2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:.15s ease}a:hover{opacity:.8}ul,ol{padding-left:1.5rem;margin-bottom:1rem}code{font-family:Courier New,Courier,monospace;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}pre{background:var(--bg-tertiary);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit}::selection{background:#42b983;color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[disabled]{cursor:not-allowed;opacity:.6}.master-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b,#0f172a);position:relative;overflow:hidden;color:#f8fafc;padding:1rem}.master-login-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#334155 1px,transparent 1px);background-size:30px 30px;opacity:.1;pointer-events:none}.login-card{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:1.5rem;width:100%;max-width:440px;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 50px #dc262626,0 0 0 1px #dc26261a;position:relative;z-index:10;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:stretch}.login-card:hover{box-shadow:0 0 60px #dc262633,0 0 0 1px #dc262633}.login-card .header{text-align:center;margin-bottom:2.5rem}.login-card .header .icon-wrapper{width:90px;height:90px;background:#dc26261a;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 20px #dc262633;animation:pulse-red 3s infinite}.login-card .header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.login-card .header p{color:#94a3b8;font-size:.95rem;line-height:1.5}.login-form{width:100%;display:flex;flex-direction:column;align-items:stretch}.form-group{margin-bottom:1.75rem;width:100%}.form-group label{display:block;margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative;width:100%}.input-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#0f172a99;border:1px solid rgba(51,65,85,.8);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.input-wrapper input+.input-icon{color:#94a3b8}.input-wrapper input:focus{outline:none;border-color:#ef4444;background:#0f172acc;box-shadow:0 0 0 3px #ef444426}.input-wrapper input:focus+.input-icon{color:#ef4444}.input-wrapper .toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:0;transition:color .2s}.input-wrapper .toggle-password:hover{color:#cbd5e1}.form-actions{width:100%;margin-top:1rem}.btn-login{width:100%;min-height:50px;padding:1rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;letter-spacing:.025em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:.75rem;white-space:nowrap;box-sizing:border-box;box-shadow:0 4px 6px -1px #dc262633,0 2px 4px -1px #dc26261a}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #dc26264d,0 4px 6px -2px #dc262626;background:linear-gradient(135deg,#f87171,#ef4444)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#dc26261a;color:#fca5a5;padding:1rem;border-radius:.75rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border:1px solid rgba(239,68,68,.2);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.footer{text-align:center;margin-top:2rem}.footer a{color:#64748b;text-decoration:none;font-size:.9rem;transition:color .2s}.footer a:hover{color:#94a3b8;text-decoration:underline}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes pulse-red{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 15px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.landing-nav{background:var(--bg-primary);box-shadow:0 .125rem .25rem #00000013;padding:1rem 1.5rem;position:sticky;top:0;z-index:1020;border-bottom:1px solid var(--border-color)}.landing-nav ul{list-style:none;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0}.landing-nav ul li a{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background .3s ease,color .3s ease}.landing-nav ul li a:hover{background:var(--bg-secondary)}.landing-nav ul li a.router-link-active{color:var(--primary);background:var(--bg-secondary)}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem;text-align:center;color:#fff}.landing-hero h1{font-size:3.75rem;margin-bottom:1.5rem;color:#fff}@media(min-width:768px){.landing-hero h1{font-size:3rem}}.landing-hero p{font-size:1.25rem;max-width:600px;margin:0 auto 2rem;color:#ffffffe6}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.landing-features .feature-card{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.landing-features .feature-card:hover{box-shadow:0 .5rem 1rem #00000026}.landing-features .feature-card{text-align:center}.landing-features .feature-card .icon{font-size:3rem;margin-bottom:1rem}.landing-features .feature-card h3{color:var(--text-primary);margin-bottom:.75rem}.landing-features .feature-card p{color:var(--text-secondary);margin-bottom:0}.landing-container{max-width:1200px;margin:0 auto;padding:1.5rem}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.landing-cta:disabled{opacity:.6;cursor:not-allowed}.landing-cta{background:#42b983;color:#fff;padding:1rem 2rem;font-size:1.125rem;border-radius:.75rem;box-shadow:0 .25rem .5rem #0000001a}.landing-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026}.landing-cta:active:not(:disabled){transform:translateY(0)}.login-layout{height:100vh;overflow:hidden;display:flex;flex-direction:column}.login-layout .landing-nav{flex-shrink:0;width:100%;z-index:10}.login-container{flex:1;height:auto;width:100%;display:flex;justify-content:center;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto}@media(min-width:768px){.login-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:2rem;align-items:center}}.login-card{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:2rem;transition:.3s ease}.login-card:hover{box-shadow:0 .5rem 1rem #00000026}.login-card{width:100%;min-width:320px;animation:slideUp .5s ease-out;max-height:90vh;overflow-y:auto}.login-card::-webkit-scrollbar{width:.5rem;height:.5rem}.login-card::-webkit-scrollbar-track{background:var(--bg-secondary)}.login-card::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.login-card::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.login-card{grid-column:1/-1}@media(min-width:768px){.login-card.width-1{grid-column:span 2;max-width:500px}.login-card.align-left.width-1{grid-column:1/span 2}.login-card.align-right.width-1{grid-column:11/span 2}.login-card.align-center.width-1{grid-column:6/span 2}.login-card.width-2{grid-column:span 4;max-width:650px}.login-card.align-left.width-2{grid-column:1/span 4}.login-card.align-right.width-2{grid-column:9/span 4}.login-card.align-center.width-2{grid-column:5/span 4}.login-card.width-3{grid-column:span 6;max-width:800px}.login-card.align-left.width-3{grid-column:1/span 6}.login-card.align-right.width-3{grid-column:7/span 6}.login-card.align-center.width-3{grid-column:4/span 6}.login-card.width-4{grid-column:span 8;max-width:950px}.login-card.align-left.width-4{grid-column:1/span 8}.login-card.align-right.width-4{grid-column:5/span 8}.login-card.align-center.width-4{grid-column:3/span 8}.login-card.width-5{grid-column:span 10;max-width:1100px}.login-card.align-left.width-5{grid-column:1/span 10}.login-card.align-right.width-5{grid-column:3/span 10}.login-card.align-center.width-5{grid-column:2/span 10}.login-card.width-6{grid-column:span 12;max-width:1250px;max-width:none}.login-card.align-left.width-6{grid-column:1/span 12}.login-card.align-left{justify-self:start}.login-card.align-right.width-6{grid-column:1/span 12}.login-card.align-right{justify-self:end}.login-card.align-center{justify-self:center}.login-card.align-center.width-6{grid-column:1/span 12}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h1{font-size:1.875rem;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.875rem;margin-bottom:0}.login-form{display:grid;grid-template-columns:1fr;gap:0 1rem}@media(min-width:768px){.login-form{grid-template-columns:repeat(6,1fr)}}.form-group{margin-bottom:.25rem;display:flex;flex-direction:column;grid-column:1/-1}@media(min-width:768px){.form-group.col-span-6{grid-column:span 6}}@media(min-width:768px){.form-group.col-span-3{grid-column:span 3}}@media(min-width:768px){.form-group.col-span-2{grid-column:span 2}}.form-group.centered label{justify-content:center}.form-group.centered input{text-align:center}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group label .icon{font-size:1.125rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:.3s ease}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #42b9831a}.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=text]::placeholder{color:var(--text-tertiary)}.form-group .error{display:block;color:#ef4444;font-size:.875rem;min-height:1.25rem;margin-top:.25rem;line-height:1.2;transition:opacity .3s ease}.form-group .error:empty{opacity:0;-webkit-user-select:none;user-select:none}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.password-wrapper .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;padding:.25rem;transition:opacity .3s ease,color .3s ease}.password-wrapper .toggle-password:hover{opacity:.7;color:var(--primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{grid-column:1/-1;width:100%;padding:1rem;background:linear-gradient(135deg,#42b983,#359268);color:#fff;font-size:1.125rem;font-weight:600;margin-top:1rem;box-shadow:0 .25rem .5rem #0000001a}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026}.message{grid-column:1/-1;margin-top:1rem;padding:.75rem;border-radius:.5rem;text-align:center;font-weight:500}.message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.login-footer{margin-top:1.5rem;text-align:center}.login-footer .link{color:var(--primary);font-weight:500}.login-footer .link:hover{text-decoration:underline}.login-footer .divider{margin:1rem 0;color:var(--text-tertiary);position:relative}.login-footer .divider:before,.login-footer .divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.login-footer .divider:before{left:0}.login-footer .divider:after{right:0}.login-footer p{color:var(--text-secondary);margin:1rem 0 0}.login-header h1{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.875rem;margin-bottom:.5rem}.label-icon{color:var(--primary)}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group .checkbox-label input[type=checkbox]{width:auto;cursor:pointer;transform:scale(1.2)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem}.message{display:flex;align-items:center;gap:.5rem;justify-content:center}.toggle-password{display:flex;align-items:center;justify-content:center}.layout-dashboard{display:flex;min-height:100vh;background:var(--bg-tertiary);position:relative;overflow:hidden}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;transition:margin-left .3s ease}.main-wrapper.expanded{margin-left:80px}@media(max-width:768px){.main-wrapper{margin-left:0!important;width:100%}}.sidebar-mobile-backdrop{display:none}@media(max-width:768px){.sidebar-mobile-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:899;animation:fadeIn .3s ease-out}}.sidebar{width:260px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;z-index:1020;transition:width .3s ease,transform .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar.collapsed .nav-text,.sidebar.collapsed .brand-text{display:none}.sidebar.collapsed .chevron{display:block;position:absolute;bottom:4px;right:4px;font-size:.75rem;background:var(--bg-primary);border-radius:50%}.sidebar.collapsed .nav-dropdown{position:relative}.sidebar.collapsed .nav-sublist{position:absolute;left:100%;top:0;width:220px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;margin-left:.5rem;z-index:1000}.sidebar.collapsed .nav-sublist .nav-subitem{padding:.5rem .75rem}.sidebar.collapsed .nav-sublist .nav-subitem .nav-text{display:block;font-size:.875rem}.sidebar.collapsed .nav-sublist .nav-subitem:hover{background:var(--bg-secondary)}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.sidebar.collapsed .nav-item .icon-wrapper{margin:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem 0}@media(max-width:768px){.sidebar.collapsed{width:260px;transform:translate(-100%)}.sidebar.collapsed .nav-text,.sidebar.collapsed .brand-text,.sidebar.collapsed .chevron{display:block}.sidebar.collapsed .nav-sublist{position:static;width:auto;box-shadow:none;background:none;border:none;padding-left:1rem}}.sidebar-header{height:80px;display:flex;align-items:center;padding:0 1.5rem;margin-bottom:.5rem}.sidebar-header .brand{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--primary);font-size:1.25rem;text-decoration:none}.sidebar-nav{flex:1;padding:0 .75rem;overflow-y:auto}.sidebar-nav .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav .nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease,background .3s ease,transform .3s ease;border-radius:.75rem;font-weight:500}.sidebar-nav .nav-item:hover{color:var(--primary);background:var(--bg-secondary);transform:translate(4px)}.sidebar-nav .nav-item.active{color:#fff;background:var(--primary);box-shadow:0 .125rem .25rem #00000013}.sidebar-nav .nav-item.active:hover{transform:none;background:var(--primary)}.sidebar-nav .nav-item .icon-wrapper{display:flex;align-items:center;justify-content:center}.nav-dropdown{display:flex;flex-direction:column}.nav-dropdown .dropdown-toggle{width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}.chevron{transition:transform .3s ease;margin-left:auto}.chevron.rotate{transform:rotate(180deg)}.nav-sublist{display:flex;flex-direction:column;padding-left:1rem;gap:.25rem;overflow:hidden;animation:slideDown .2s ease-out}.nav-subitem{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9em;border-radius:.5rem;transition:all .2s}.nav-subitem .nav-text{font-size:.875rem}.nav-subitem:hover{color:var(--primary);background:var(--bg-secondary)}.nav-subitem.active{color:var(--primary);background:var(--bg-secondary);font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:900}.dashboard-header .header-left{display:flex;align-items:center;gap:1rem}.dashboard-header .toggle-sidebar-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);border-radius:.5rem;transition:background .3s ease}.dashboard-header .toggle-sidebar-btn:hover{background:var(--bg-secondary);color:var(--primary)}.dashboard-header .page-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.dashboard-header .header-right{display:flex;align-items:center;gap:.75rem;position:relative}.dashboard-header .header-right .user-profile-header{display:flex;align-items:center;gap:.75rem;margin:0 .5rem;padding:.25rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .3s ease;border:1px solid transparent}.dashboard-header .header-right .user-profile-header:hover,.dashboard-header .header-right .user-profile-header.active{background:var(--bg-secondary);border-color:var(--border-color)}.dashboard-header .header-right .user-profile-header .user-info{text-align:right;display:none}@media(min-width:640px){.dashboard-header .header-right .user-profile-header .user-info{display:flex;flex-direction:column}}.dashboard-header .header-right .user-profile-header .user-info .name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.dashboard-header .header-right .user-profile-header .user-info .role{font-size:.75rem;color:var(--text-tertiary)}.dashboard-header .header-right .user-profile-header .avatar{width:38px;height:38px;border-radius:9999px;background:var(--primary);color:#fff;display:flex;justify-content:center;align-items:center}.dashboard-header .header-right .user-profile-header .chevron{color:var(--text-tertiary);transition:transform .3s ease}.dashboard-header .header-right .user-profile-header .chevron.rotate{transform:rotate(180deg)}.dashboard-header .header-right .user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;width:220px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 .5rem 1rem #00000026;z-index:1000;overflow:visible;display:flex;flex-direction:column;animation:slideDownFade .2s ease-out}.dashboard-header .header-right .user-dropdown-menu .menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.dashboard-header .header-right .user-dropdown-menu .menu-header .label{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.dashboard-header .header-right .user-dropdown-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;width:100%;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:.875rem;transition:background .3s ease,color .3s ease}.dashboard-header .header-right .user-dropdown-menu .menu-item:hover{background:var(--bg-secondary);color:var(--primary)}.dashboard-header .header-right .user-dropdown-menu .menu-item.danger{color:#ef4444}.dashboard-header .header-right .user-dropdown-menu .menu-item.danger:hover{background:#ef44441a}.dashboard-header .header-right .user-dropdown-menu .menu-item-wrapper{position:relative}.dashboard-header .header-right .user-dropdown-menu .chevron{color:var(--text-tertiary);transition:transform .3s ease}.dashboard-header .header-right .user-dropdown-menu .chevron.rotate{transform:rotate(180deg)}.dashboard-header .header-right .user-dropdown-menu .chevron.rotate-minus-90{transform:rotate(90deg)}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;margin-right:0;width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 1.25rem 1.5rem #0003;padding:.25rem;z-index:1002;overflow:hidden}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-header{display:none}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:.875rem;border-radius:.25rem;margin-bottom:0;transition:all .3s ease}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item:hover{color:var(--primary);background:var(--bg-secondary);transform:none}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item.active{color:#fff;background:var(--primary);font-weight:500;box-shadow:none}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item.active:hover{opacity:1}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item.active .check-icon{color:#fff}.dashboard-header .header-right .user-dropdown-menu .submenu-options.floating-menu .submenu-item .check-icon{color:var(--primary)}.dashboard-header .header-right .user-dropdown-menu .menu-divider{height:1px;background:var(--border-color);margin:.25rem 0}.dashboard-header .header-right .menu-backdrop{position:fixed;inset:0;z-index:999;cursor:default}.dashboard-header .color-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .2s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-center{flex:1;display:flex;justify-content:center;position:relative;max-width:500px;margin:0 1.25rem}@media(max-width:768px){.header-center{display:none}.header-center.mobile-open{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;align-items:flex-start;padding:1.5rem 1rem;margin:0;max-width:100%;animation:fadeIn .2s ease-out}.header-center.mobile-open .navbar-search-container{width:100%;max-width:600px;margin:0 auto;margin-top:10vh;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1024px){.header-center{margin:0 .5rem;max-width:300px}}.mobile-search-toggle{display:none;background:none;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;border-radius:.5rem;transition:background .2s}.mobile-search-toggle:hover{background:var(--bg-secondary);color:var(--primary)}@media(max-width:768px){.mobile-search-toggle{display:flex;align-items:center;justify-content:center}}.back-btn-mobile{background:none;border:none;color:var(--text-secondary);padding:.5rem;margin-right:.5rem;cursor:pointer;display:flex;align-items:center;border-radius:.5rem}.back-btn-mobile:hover{background:var(--bg-tertiary)}.navbar-search-container{width:100%;position:relative}.navbar-search-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:.75rem;padding:0 .75rem;height:40px;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar-search-wrapper.focused{background:var(--bg-primary);box-shadow:0 0 0 2px rgba(var(--primary),.2)}.navbar-search-wrapper .search-icon{color:var(--text-tertiary);margin-right:.5rem}.navbar-search-wrapper input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.navbar-search-wrapper input::placeholder{color:var(--text-muted)}.navbar-search-wrapper .clear-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:9999px}.navbar-search-wrapper .clear-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.search-results-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1.25rem 1.5rem #0003;overflow:hidden;z-index:1000}.search-results-dropdown ul{list-style:none;padding:.25rem;margin:0;max-height:300px;overflow-y:auto}.search-results-dropdown ul::-webkit-scrollbar{width:.5rem;height:.5rem}.search-results-dropdown ul::-webkit-scrollbar-track{background:var(--bg-secondary)}.search-results-dropdown ul::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.search-results-dropdown ul::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.search-results-dropdown li{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;border-radius:.5rem;transition:background .1s ease}.search-results-dropdown li:hover,.search-results-dropdown li.selected{background:rgba(var(--primary),.1);background:var(--bg-secondary)}.search-results-dropdown li .result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border-radius:.5rem;margin-right:.75rem;color:var(--primary)}.search-results-dropdown li .result-info{flex:1;display:flex;flex-direction:column}.search-results-dropdown li .result-info .result-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.search-results-dropdown li .result-info .result-path{font-size:.75rem;color:var(--text-tertiary)}.search-results-dropdown li .result-arrow{opacity:0;transition:opacity .2s;color:var(--text-muted)}.search-results-dropdown li:hover .result-arrow,.search-results-dropdown li.selected .result-arrow{opacity:1}.search-results-dropdown .no-results{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.breadcrumbs-nav{padding:.75rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0;margin:0}@media(max-width:768px){.breadcrumbs-nav{padding:.5rem .75rem}}.breadcrumbs-nav .breadcrumbs-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:.75rem;font-size:.875rem;color:var(--text-tertiary)}.breadcrumbs-nav .breadcrumb-item{display:flex;align-items:center;gap:.75rem}.breadcrumbs-nav .breadcrumb-item .home-link,.breadcrumbs-nav .breadcrumb-item .breadcrumb-link{color:var(--text-tertiary);text-decoration:none;transition:color .3s ease,transform .3s ease;display:flex;align-items:center}.breadcrumbs-nav .breadcrumb-item .home-link:hover,.breadcrumbs-nav .breadcrumb-item .breadcrumb-link:hover{color:var(--primary);transform:translateY(-1px)}.breadcrumbs-nav .breadcrumb-item .separator{color:var(--text-tertiary);font-weight:500;opacity:.8;font-size:1.1em}.breadcrumbs-nav .breadcrumb-item .breadcrumb-current{color:var(--text-primary);font-weight:600}.dashboard-content{flex:1;padding:1.5rem;overflow-y:auto}@media(max-width:768px){.dashboard-content{padding:.75rem}}.dashboard-module{padding:.5rem 0 1.5rem}@media(max-width:768px){.dashboard-module{padding:.5rem 0}}.dashboard-module .sticky-tabs-container{position:sticky;top:0;z-index:95;background:var(--bg-tertiary);padding:.25rem 1.5rem 0;margin:-1.5rem -1.5rem 1.5rem;padding-bottom:0;border-bottom:1px solid var(--border-color);display:flex}@media(max-width:768px){.dashboard-module .sticky-tabs-container{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem;padding:.5rem .75rem;overflow-x:auto}.dashboard-module .sticky-tabs-container::-webkit-scrollbar{display:none}.dashboard-module .sticky-tabs-container{-ms-overflow-style:none;scrollbar-width:none}}.dashboard-module .sticky-tabs-container .module-tabs{margin-bottom:.25rem;margin-top:0}.dashboard-module .module-header{margin-bottom:1.5rem}.dashboard-module .module-header .module-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard-module .empty-state{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.dashboard-module .empty-state:hover{box-shadow:0 .5rem 1rem #00000026}.dashboard-module .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem}.dashboard-module .empty-state .empty-icon{color:var(--primary);margin-bottom:1rem;opacity:.5}.dashboard-module .empty-state h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.dashboard-module .empty-state p{color:var(--text-secondary)}.module-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}@media(max-width:768px){.module-shortcuts-grid{grid-template-columns:1fr}}.module-shortcuts-grid .shortcut-card{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.module-shortcuts-grid .shortcut-card:hover{box-shadow:0 .5rem 1rem #00000026}.module-shortcuts-grid .shortcut-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid var(--border-color)}.module-shortcuts-grid .shortcut-card:hover{transform:translateY(-4px);box-shadow:0 1.25rem 1.5rem #0003;border-color:var(--primary)}.module-shortcuts-grid .shortcut-card:hover .shortcut-icon-wrapper{background:var(--primary);color:#fff}.module-shortcuts-grid .shortcut-card .shortcut-icon-wrapper{width:70px;height:70px;border-radius:1rem;background:var(--bg-secondary);color:var(--primary);display:flex;justify-content:center;align-items:center;transition:background .3s ease,color .3s ease}.module-shortcuts-grid .shortcut-card .shortcut-content{flex:1}.module-shortcuts-grid .shortcut-card .shortcut-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;margin-bottom:.25rem}.module-shortcuts-grid .shortcut-card .shortcut-content p{font-size:.875rem;color:var(--text-tertiary);line-height:1.5;margin:0}.main-wrapper.fit-screen .dashboard-content{display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.main-wrapper.fit-screen .dashboard-content .dashboard-module,.main-wrapper.fit-screen .dashboard-content .gestion-usuarios-container,.main-wrapper.fit-screen .dashboard-content .users-list,.main-wrapper.fit-screen .dashboard-content .file-explorer,.main-wrapper.fit-screen .dashboard-content .icon-manager-container{flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%}.main-wrapper.fit-screen .dashboard-content .module-tabs{flex-shrink:0}.dashboard-footer{flex-shrink:0;padding:0 1.5rem .75rem;background:var(--bg-primary);z-index:10}.table-card{background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 .125rem .25rem #00000013;overflow:hidden;margin-bottom:1.5rem;display:flex;flex-direction:column;max-height:calc(100vh - 16rem)}.table-card .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem;flex-shrink:0}.table-card .table-header .title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:768px){.table-card .table-header .title{width:100%;margin-bottom:.5rem;text-align:left}}.table-card .table-header .actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.table-card .table-header .actions .search-input-wrapper{position:relative}@media(max-width:768px){.table-card .table-header .actions .search-input-wrapper{width:100%;order:10}}.table-card .table-header .actions .search-input-wrapper input{padding:.5rem .75rem .5rem 2rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);width:250px;transition:border-color .3s ease,box-shadow .3s ease}.table-card .table-header .actions .search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}@media(max-width:768px){.table-card .table-header .actions .search-input-wrapper input{width:100%}}.table-card .table-header .actions .search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.table-card .table-header .actions .view-toggle{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:.5rem;border:1px solid var(--border-color);gap:4px}.table-card .table-header .actions .view-toggle .toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.25rem;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .3s ease}.table-card .table-header .actions .view-toggle .toggle-btn:hover{color:var(--text-secondary)}.table-card .table-header .actions .view-toggle .toggle-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 .125rem .25rem #00000013}@media(max-width:768px){.table-card .table-header .actions{width:100%;justify-content:space-between}.table-card .table-header .actions .header-pagination{border-right:none;margin-right:0;padding-right:0}}.table-card .header-pagination{margin-right:1rem;border-right:1px solid var(--border-color);padding-right:1rem}.table-card .header-pagination .pagination-simple-controls{display:flex;align-items:center;gap:.75rem}.table-card .header-pagination .pagination-simple-controls .compact-per-page .compact-select{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding-right:.5rem}.table-card .header-pagination .pagination-simple-controls .compact-per-page .compact-select:focus{outline:none;color:var(--primary)}.table-card .header-pagination .pagination-simple-controls .compact-per-page .compact-select option{background:var(--bg-primary);color:var(--text-primary)}.table-card .header-pagination .pagination-simple-controls .separator{width:1px;height:16px;background:var(--border-color)}.table-card .header-pagination .pagination-simple-controls .control-btn{background:transparent;border:1px solid transparent;border-radius:.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.table-card .header-pagination .pagination-simple-controls .control-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary)}.table-card .header-pagination .pagination-simple-controls .control-btn:disabled{opacity:.3;cursor:not-allowed}.table-card .header-pagination .pagination-simple-controls .page-info{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:40px;text-align:center;font-feature-settings:"tnum"}.table-card .table-wrapper{width:100%;overflow-x:auto;flex:0 1 auto;min-height:0;overflow-y:auto;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column}.table-card .table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-card .table-wrapper::-webkit-scrollbar-track{background:transparent}.table-card .table-wrapper::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:9999px;border:2px solid var(--bg-primary)}.table-card .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:global(.main-wrapper.fit-screen) .table-card .table-wrapper,:global(.main-wrapper.fit-screen) .table-card .grid-view-wrapper{height:auto!important;flex:0 1 auto;min-height:0}.table-card table{width:100%;border-collapse:separate;border-spacing:0}.table-card table thead{position:sticky;top:0;z-index:10;background:var(--bg-tertiary)}.table-card table thead th{color:var(--primary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;white-space:nowrap;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}@media(max-width:768px){.table-card table thead th{padding:.75rem .5rem}}.table-card table thead th:last-child{border-right:none}.table-card table thead th.text-right{text-align:right}.table-card table thead th.text-center{text-align:center}.table-card table thead th.compact{padding:.75rem .5rem;width:1%}.table-card table tbody tr{border-bottom:1px solid var(--border-color);transition:background .3s ease}.table-card table tbody tr:nth-child(2n){background-color:#00000005}@media(prefers-color-scheme:dark){.table-card table tbody tr:nth-child(2n){background-color:#ffffff08}}[data-theme=dark] .table-card table tbody tr:nth-child(2n){background-color:#ffffff08}.table-card table tbody tr:last-child{border-bottom:none}.table-card table tbody tr:hover{background:var(--bg-secondary)!important}.table-card table tbody tr td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.table-card table tbody tr td{padding:.75rem .5rem}}.table-card table tbody tr td{color:var(--text-secondary);font-size:.875rem;vertical-align:middle;background:inherit}.table-card table tbody tr td .main-text{color:var(--text-primary);font-weight:500}.table-card table tbody tr td .sub-text{color:var(--text-tertiary);font-size:.75rem;display:block;margin-top:2px}.table-card .table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-primary);gap:1rem;flex-wrap:wrap}.table-card .table-footer .footer-left{display:flex;align-items:center;gap:1.5rem}.table-card .table-footer .pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.table-card .table-footer .items-per-page{display:flex;align-items:center;gap:.5rem}.table-card .table-footer .items-per-page .label{font-size:.875rem;color:var(--text-tertiary)}.table-card .table-footer .items-per-page .per-page-select{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-input);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.table-card .table-footer .items-per-page .per-page-select:focus{border-color:var(--primary);outline:none}.table-card .table-footer .pagination-controls{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;margin-left:auto;-webkit-user-select:none;user-select:none}.table-card .table-footer .pagination-controls button{background:var(--bg-primary);border:none;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:background .3s ease,color .3s ease;border-right:1px solid var(--border-color)}.table-card .table-footer .pagination-controls button:last-child{border-right:none}.table-card .table-footer .pagination-controls button:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary)}.table-card .table-footer .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.table-card .table-footer .pagination-controls button.active{background:var(--primary);color:#fff;font-weight:700;border-color:var(--primary)}.table-card .table-footer .pagination-controls .pagination-dots{padding:0 .75rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:.875rem;background:var(--bg-primary);border-right:1px solid var(--border-color);align-self:stretch;-webkit-user-select:none;user-select:none}.table-card .grid-view-wrapper{padding:1.5rem 1.5rem 2.5rem;flex:1;min-height:0;overflow-y:auto;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.table-card .grid-view-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-card .grid-view-wrapper::-webkit-scrollbar-track{background:transparent}.table-card .grid-view-wrapper::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:9999px;border:2px solid var(--bg-secondary)}.table-card .grid-view-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.table-card .grid-view-wrapper .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.table-card .grid-view-wrapper .data-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;overflow:visible;position:relative;transition:all .3s ease}.table-card .grid-view-wrapper .data-card:hover{transform:translateY(-2px);box-shadow:0 .25rem .5rem #0000001a;border-color:var(--primary)}.table-card .grid-view-wrapper .data-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border-top-left-radius:1rem;border-top-right-radius:1rem}.table-card .grid-view-wrapper .data-card .card-header .card-title{font-weight:700;color:var(--primary);font-size:1rem}.table-card .grid-view-wrapper .data-card .card-header .card-actions{position:relative;margin-left:.5rem;z-index:20}.table-card .grid-view-wrapper .data-card .card-header .card-actions .action-btn.dots{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.table-card .grid-view-wrapper .data-card .card-header .card-actions .action-btn.dots:hover{background:var(--bg-secondary);color:var(--primary);transform:scale(1.05);box-shadow:0 .125rem .25rem #00000013}.table-card .grid-view-wrapper .data-card .card-header .card-actions .card-dropdown{position:absolute;left:auto!important;right:0;top:100%;margin-top:.5rem;box-shadow:0 1.25rem 1.5rem #0003;z-index:100;min-width:140px;background:var(--bg-secondary)}.table-card .grid-view-wrapper .data-card .card-header .card-actions .card-dropdown:before{left:auto;right:12px;top:-6px;transform:rotate(45deg);background:var(--bg-secondary);border-right:none;border-bottom:none;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color)}.table-card .grid-view-wrapper .data-card .card-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.table-card .grid-view-wrapper .data-card .card-body .card-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.table-card .grid-view-wrapper .data-card .card-body .card-row:last-child{border-bottom:none;padding-bottom:0}.table-card .grid-view-wrapper .data-card .card-body .card-row .card-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:700}.table-card .grid-view-wrapper .data-card .card-body .card-row .card-value{font-size:.875rem;color:var(--text-secondary);text-align:right;word-break:break-word}.table-card .grid-view-wrapper .empty-state-grid{text-align:center;padding:2.5rem;color:var(--text-tertiary)}.btn-solid-dark{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.btn-solid-dark:hover{opacity:.9;transform:translateY(-1px)}.actions-wrapper{position:relative;display:flex;justify-content:flex-start}.actions-wrapper .action-btn.dots{background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.5rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease}.actions-wrapper .action-btn.dots:hover{background:var(--bg-secondary);color:var(--primary)}.actions-wrapper .actions-dropdown-menu{position:absolute;top:-8px;left:100%;z-index:50;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;min-width:160px;padding:.25rem;margin-left:.75rem;margin-top:0}.actions-wrapper .actions-dropdown-menu:before{content:"";position:absolute;top:14px;left:-6px;width:12px;height:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);transform:rotate(45deg)}.actions-wrapper .actions-dropdown-menu.dropup{top:auto;bottom:-8px;margin-top:0;margin-bottom:0;transform-origin:bottom left}.actions-wrapper .actions-dropdown-menu.dropup:before{top:auto;bottom:14px;border-top:none;border-right:none;border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;border-radius:.25rem;transition:background .3s ease,color .3s ease}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--primary)}.dropdown-item.delete:hover{color:#ef4444;background:#ef44441a}.table-wrapper{position:relative}.loading-overlay{position:absolute;inset:0;background:#000000b3;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.loading-text{color:var(--text-primary);font-size:.875rem;font-weight:500;letter-spacing:.5px;animation:pulse 1.5s infinite ease-in-out}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}[data-theme=dark] .per-page-select option,[data-theme=dark] .compact-select option{background-color:#1e293b;color:#f8fafc}.file-explorer{color:var(--text-primary);position:relative;overflow:hidden;height:100%;min-height:0;display:flex;flex-direction:column}.file-explorer .explorer-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.file-explorer .hidden-file-input{display:none}.file-explorer .custom-icon-wrapper{display:flex;align-items:center;justify-content:center}.file-explorer .custom-icon-wrapper svg{width:100%;height:100%}.file-explorer .custom-icon-wrapper.main{width:48px;height:48px}.file-explorer .custom-icon-wrapper.list{width:20px;height:20px}.file-explorer .table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-wrap:wrap;gap:1rem;border-top-left-radius:12px;border-top-right-radius:12px}.file-explorer .table-header .header-content{display:flex;align-items:center;flex:1;min-width:0}.file-explorer .table-header .breadcrumb-container{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.file-explorer .table-header .breadcrumb-container .breadcrumb-item{background:transparent;border:none;color:var(--text-tertiary);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;padding:6px 10px;border-radius:8px;transition:all .2s ease;white-space:nowrap}.file-explorer .table-header .breadcrumb-container .breadcrumb-item:hover{background:var(--bg-tertiary);color:var(--primary)}.file-explorer .table-header .breadcrumb-container .breadcrumb-item.active{color:var(--primary);font-weight:700;background:rgba(var(--primary-rgb),.05)}.file-explorer .table-header .breadcrumb-container .breadcrumb-item.home{color:var(--primary);font-weight:600}.file-explorer .table-header .breadcrumb-container .separator{color:var(--text-muted);font-size:.8rem;opacity:.5}.file-explorer .table-header .actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}@media(max-width:768px){.file-explorer .table-header .actions{width:100%;justify-content:space-between}}.file-explorer .table-header .actions .view-toggle{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:10px;border:1px solid var(--border-color);gap:4px}.file-explorer .table-header .actions .view-toggle .toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.file-explorer .table-header .actions .view-toggle .toggle-btn:hover{color:var(--text-secondary)}.file-explorer .table-header .actions .view-toggle .toggle-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 2px 4px #0000001a}.file-explorer .table-header .actions .search-input-wrapper{position:relative}@media(max-width:600px){.file-explorer .table-header .actions .search-input-wrapper{width:100%;order:2}}.file-explorer .table-header .actions .search-input-wrapper input{padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--border-color);border-radius:10px;font-size:.85rem;color:var(--text-primary);background:var(--bg-input);width:240px;transition:all .2s ease}.file-explorer .table-header .actions .search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none;width:280px}@media(max-width:768px){.file-explorer .table-header .actions .search-input-wrapper input:focus{width:100%}}@media(max-width:768px){.file-explorer .table-header .actions .search-input-wrapper input{width:100%}}.file-explorer .table-header .actions .search-input-wrapper .search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.file-explorer .table-header .actions .btn-solid-dark{background:var(--primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-size:.75rem;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.file-explorer .table-header .actions .btn-solid-dark:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 15px rgba(var(--primary-rgb),.3)}.file-explorer .table-header .actions .btn-solid-dark:active{transform:translateY(0)}.file-explorer .table-header .actions .explorer-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.file-explorer .explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:max-content;align-items:stretch;gap:1.5rem;padding:1.5rem;flex:1;overflow-y:auto;min-height:0;align-content:start}.file-explorer .explorer-grid::-webkit-scrollbar{width:.5rem;height:.5rem}.file-explorer .explorer-grid::-webkit-scrollbar-track{background:var(--bg-secondary)}.file-explorer .explorer-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.file-explorer .explorer-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.file-explorer .explorer-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-explorer .explorer-item:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 20px -5px var(--shadow-color)}.file-explorer .explorer-item:hover .item-actions{opacity:1}.file-explorer .explorer-item .item-icon{position:relative;margin-bottom:1rem;color:var(--primary);width:56px;height:56px;display:flex;align-items:center;justify-content:center;line-height:1}.file-explorer .explorer-item .item-icon>.icon{width:48px;height:48px;flex-shrink:0}.file-explorer .explorer-item .item-icon .custom-icon-wrapper.main{width:48px;height:48px;flex-shrink:0}.file-explorer .explorer-item .item-icon .status-indicator{position:absolute;bottom:-6px;right:-6px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 3px 6px #00000026;transition:all .2s ease}.file-explorer .explorer-item .item-icon .status-indicator .is-public{color:#4caf50}.file-explorer .explorer-item .item-icon .status-indicator .is-shared{color:#3b82f6}.file-explorer .explorer-item .item-icon .status-indicator .is-link{color:var(--primary)}.file-explorer .explorer-item .item-info .item-name{display:block;font-weight:600;font-size:.9rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.file-explorer .explorer-item .item-info .item-owner{font-size:.75rem;color:var(--text-tertiary)}.file-explorer .explorer-item .item-actions{position:absolute;top:.75rem;right:.75rem;opacity:0;transition:opacity .2s ease;z-index:10}.file-explorer .explorer-item .item-actions .action-dropdown{position:relative}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.5rem;min-width:140px;box-shadow:0 10px 25px -5px #0000004d;z-index:100}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:10px;height:10px;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);transform:rotate(45deg)}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item.disabled{opacity:.5!important;cursor:not-allowed!important;filter:grayscale(1) brightness(.5)!important;background:#0000004d!important;color:#555!important}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item.disabled:hover{opacity:.5!important;background:#0000004d!important;color:#555!important;transform:none!important}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item.disabled *{pointer-events:none!important}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item:hover:not(.disabled){background:var(--bg-tertiary);color:var(--primary)}.file-explorer .explorer-item .item-actions .action-dropdown .dropdown-menu .dropdown-item.delete:hover:not(.disabled){background:rgba(var(--error-rgb),.1);color:var(--error)}.file-explorer .explorer-list{padding:0;flex:1;overflow-y:auto;min-height:0}.file-explorer .explorer-list::-webkit-scrollbar{width:.5rem;height:.5rem}.file-explorer .explorer-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.file-explorer .explorer-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.file-explorer .explorer-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.file-explorer .explorer-list .list-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.file-explorer .explorer-list .list-table th{text-align:left;padding:1rem 1.5rem;background:var(--bg-secondary);color:var(--primary);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.file-explorer .explorer-list .list-table th:first-child{border-top-left-radius:12px}.file-explorer .explorer-list .list-table th:last-child{border-top-right-radius:12px}.file-explorer .explorer-list .list-table .list-row{transition:all .2s ease;cursor:pointer;border-bottom:1px solid var(--border-color)}.file-explorer .explorer-list .list-table .list-row:hover{background:var(--bg-tertiary)!important}.file-explorer .explorer-list .list-table .list-row:hover .folder-name-text{color:var(--primary)}.file-explorer .explorer-list .list-table .list-row:hover .folder-icon{transform:scale(1.1)}.file-explorer .explorer-list .list-table .list-row.active{background:rgba(var(--primary-rgb),.05)}.file-explorer .explorer-list .list-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.file-explorer .explorer-list .list-table .list-row:last-child td{border-bottom:none}.file-explorer .explorer-list .list-table .list-row:last-child td:first-child{border-bottom-left-radius:12px}.file-explorer .explorer-list .list-table .list-row:last-child td:last-child{border-bottom-right-radius:12px}.file-explorer .explorer-list .list-table .row-clickable{cursor:pointer;transition:background .2s ease}.file-explorer .explorer-list .list-table .row-clickable:hover{background:rgba(var(--primary-rgb),.02)}.file-explorer .explorer-list .list-table .row-clickable:hover .name-wrapper span{color:var(--primary)}.file-explorer .explorer-list .list-table .name-wrapper{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary)}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary);width:24px;height:24px;line-height:1;flex-shrink:0}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper>.icon{width:20px;height:20px;flex-shrink:0}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper .custom-icon-wrapper.list{width:20px;height:20px;flex-shrink:0}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper .status-lock{position:absolute;bottom:-4px;right:-4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);box-shadow:0 2px 4px #0000001a}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper .status-lock.is-public{display:none}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper .status-lock.is-shared{color:#3b82f6}.file-explorer .explorer-list .list-table .name-wrapper .list-icon-wrapper .status-lock.is-link{color:var(--primary)}.file-explorer .explorer-list .list-table .name-wrapper .folder-name-text{color:var(--text-primary);transition:color .2s ease}.file-explorer .explorer-list .list-table .text-muted{color:var(--text-tertiary);font-size:.85rem}.file-explorer .explorer-list .list-table .col-actions{text-align:left;width:60px;padding-left:1.5rem!important}.file-explorer .explorer-list .list-table .col-actions .action-dropdown{display:inline-block;position:relative}.file-explorer .explorer-list .list-table .col-actions .action-dropdown .dropdown-menu.list-mode{position:absolute;top:-8px;left:100%;margin-left:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:.5rem;min-width:140px;box-shadow:0 10px 25px -5px #0000004d;z-index:100;text-align:left}.file-explorer .explorer-list .list-table .col-actions .action-dropdown .dropdown-menu.list-mode:before{content:"";position:absolute;top:14px;left:-6px;width:10px;height:10px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);transform:rotate(45deg)}.file-explorer .explorer-list .list-table .col-actions .action-dropdown .dropdown-menu.list-mode .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.file-explorer .explorer-list .list-table .col-actions .action-dropdown .dropdown-menu.list-mode .dropdown-item:hover{background:var(--bg-tertiary);color:var(--primary)}.file-explorer .explorer-list .list-table .col-actions .action-dropdown .dropdown-menu.list-mode .dropdown-item.delete:hover{background:rgba(var(--error-rgb),.1);color:var(--error)}.file-explorer .explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;color:var(--text-tertiary);text-align:center}.file-explorer .explorer-empty h3{margin-top:1rem;color:var(--text-secondary)}.file-explorer .explorer-empty p{font-size:.9rem}.file-explorer .explorer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;gap:1rem;color:var(--text-secondary)}.file-explorer .explorer-loading .loader{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-explorer .upload-fab{width:46px;height:46px;border-radius:50%;border:1px solid var(--primary);background:var(--primary);color:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 10px 20px -8px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}.file-explorer .upload-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 24px -10px var(--shadow-color)}.file-explorer .upload-fab:active{transform:scale(.98)}.file-explorer .btn-icon.dots{color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-color);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-explorer .btn-icon.dots:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-secondary);transform:scale(1.05)}.file-explorer .action-dropdown.active .btn-icon.dots{color:var(--primary)!important;border-color:var(--primary)!important;background:var(--bg-secondary)!important;transform:scale(1.05)}.file-explorer .dropdown-fade-enter-active,.file-explorer .dropdown-fade-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.file-explorer .dropdown-fade-enter-from,.file-explorer .dropdown-fade-leave-to{opacity:0;transform:translateY(-10px) scale(.95)}.settings-section{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.settings-section:hover{box-shadow:0 .5rem 1rem #00000026}.settings-section{padding:1.5rem}.settings-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.settings-section .setting-item{margin-bottom:1rem}.settings-section .setting-item label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.settings-section .setting-item .scale-options{display:flex;flex-wrap:wrap;gap:.5rem}.settings-section .setting-item .scale-options .scale-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:.5rem;cursor:pointer;transition:all .2s}.settings-section .setting-item .scale-options .scale-btn:hover{background:var(--bg-secondary)}.settings-section .setting-item .scale-options .scale-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.modal-overlay.modal-fade-enter-from,.modal-overlay.modal-fade-leave-to{opacity:0}.modal-container{width:100%;max-width:32rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;background-color:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden;transform:scale(1);transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.modal-container.modal-sm{max-width:24rem}.modal-container.modal-md{max-width:32rem}.modal-container.modal-lg{max-width:48rem}.modal-container.modal-xl{max-width:64rem}.modal-container.modal-full{max-width:95%;height:95%}.modal-fade-enter-from .modal-container,.modal-fade-leave-to .modal-container{transform:scale(.9) translateY(20px);opacity:0}.modal-header{flex-shrink:0;position:relative;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between}.modal-header .header-content{display:flex;align-items:center;gap:.75rem}.modal-header .modal-title{font-size:1.1rem;font-weight:600;letter-spacing:.01em;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .header-icon{display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:#fff3;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.modal-header .close-btn{display:flex;align-items:center;justify-content:center;color:#ffffffe6;padding:.25rem;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background-color:#ffffff1a}.modal-header .close-btn:hover{background-color:#fff;color:#ef4444;transform:rotate(90deg) scale(1.1);box-shadow:0 2px 4px #0000001a}.modal-body{padding:1.25rem 1.5rem;max-height:70vh;overflow-y:auto;flex-grow:1}.modal-body.grid-layout{display:grid;gap:1.5rem}.modal-body.grid-layout.cols-1{grid-template-columns:repeat(1,1fr)}.modal-body.grid-layout.cols-2{grid-template-columns:repeat(2,1fr)}.modal-body.grid-layout.cols-3{grid-template-columns:repeat(3,1fr)}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.modal-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:1rem;background-color:var(--bg-secondary)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-full{grid-column:1/-1}.info-grid{display:flex;flex-direction:column;gap:0}.info-item{display:flex;flex-direction:column;padding:.875rem 0;border-bottom:1px solid var(--border-color)}.info-item:first-child{padding-top:0}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item .info-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.25rem;opacity:.9}.info-item .info-value{font-size:.95rem;font-weight:500;color:var(--text-primary);line-height:1.4;background:transparent;padding:0;border:none}.modal-body select,.form-grid select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .2s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.modal-body select:hover,.form-grid select:hover{border-color:var(--primary);background-color:var(--bg-tertiary)}.modal-body select:focus,.form-grid select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.modal-body select:disabled,.form-grid select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}.modal-body select option,.form-grid select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.modal-body select option:hover,.form-grid select option:hover{background-color:var(--primary);color:#fff}.modal-body select option:disabled,.form-grid select option:disabled{color:var(--text-tertiary);font-style:italic}.maintenance-container{max-width:800px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.maintenance-container .header{text-align:center;margin-bottom:2rem}.maintenance-container .header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.maintenance-container .header .subtitle{font-size:1.125rem;color:var(--text-secondary)}.maintenance-container .content-card{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:2rem;transition:.3s ease}.maintenance-container .content-card:hover{box-shadow:0 .5rem 1rem #00000026}.maintenance-container .content-card{border-radius:1rem;box-shadow:0 .5rem 1rem #00000026;background:var(--bg-card);transition:transform .3s ease,box-shadow .3s ease}.maintenance-container .content-card:hover{transform:translateY(-2px);box-shadow:0 1.25rem 1.5rem #0003}.maintenance-container .content-card .status-indicator{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:.75rem;background:var(--bg-secondary);margin-bottom:2rem;border:1px solid var(--border-color);transition:all .3s ease}.maintenance-container .content-card .status-indicator.active{background:#f59e0b1a;border-color:#f59e0b4d}.maintenance-container .content-card .status-indicator.active .icon{color:#f59e0b;filter:drop-shadow(0 0 10px rgba(245,158,11,.4))}.maintenance-container .content-card .status-indicator .icon{font-size:3rem;transition:color .3s ease}.maintenance-container .content-card .status-indicator .icon.text-success{color:#10b981}.maintenance-container .content-card .status-indicator .status-text h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.maintenance-container .content-card .status-indicator .status-text p{margin:0;color:var(--text-secondary);line-height:1.6}.maintenance-container .action-area{margin-bottom:1.5rem}.maintenance-container .action-area .toggle-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.maintenance-container .action-area .toggle-wrapper .label{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.maintenance-container .action-area .toggle-wrapper .switch{position:relative;display:inline-block;width:60px;height:34px}.maintenance-container .action-area .toggle-wrapper .switch input{opacity:0;width:0;height:0}.maintenance-container .action-area .toggle-wrapper .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.4s;border-radius:34px;border:1px solid var(--border-color)}.maintenance-container .action-area .toggle-wrapper .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.maintenance-container .action-area .toggle-wrapper .switch input:checked+.slider{background-color:var(--primary);border-color:var(--primary)}.maintenance-container .action-area .toggle-wrapper .switch input:focus+.slider{box-shadow:0 0 1px var(--primary)}.maintenance-container .action-area .toggle-wrapper .switch input:checked+.slider:before{transform:translate(26px)}.maintenance-container .action-area .message-wrapper{background:var(--bg-secondary);padding:1.5rem;border-radius:.75rem;margin-top:1rem;border:1px solid var(--border-color)}.maintenance-container .action-area .message-wrapper label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--text-primary)}.maintenance-container .action-area .message-wrapper textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:.3s ease}.maintenance-container .action-area .message-wrapper textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #42b9831a}.maintenance-container .action-area .message-wrapper textarea::placeholder{color:var(--text-tertiary)}.maintenance-container .action-area .message-wrapper textarea{width:100%;min-height:120px;resize:vertical;font-family:inherit;line-height:1.6}.maintenance-container .action-area .message-wrapper button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.maintenance-container .action-area .message-wrapper button:disabled{opacity:.6;cursor:not-allowed}.maintenance-container .action-area .message-wrapper button{width:100%;margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a;display:flex;justify-content:center;align-items:center}.maintenance-container .action-area .message-wrapper button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026}.maintenance-container .action-area .message-wrapper button:disabled{opacity:.7;cursor:not-allowed}.maintenance-container .info-box{display:flex;gap:1rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;line-height:1.6;align-items:flex-start}.maintenance-container .info-box .icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.maintenance-container .info-box p{margin:0;color:var(--text-secondary)}.maintenance-container .info-box code{background:#0000000d;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-weight:600;color:var(--primary)}.maintenance-container .info-box .update-message-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.maintenance-container .info-box .update-message-btn:disabled{opacity:.6;cursor:not-allowed}.maintenance-container .info-box .update-message-btn{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem}.maintenance-container .info-box .update-message-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.chatbot-container{height:calc(100vh - 260px);display:flex;flex-direction:column;background:var(--bg-primary);border-radius:.75rem;box-shadow:0 .25rem .5rem #0000001a;overflow:hidden;position:relative;border:1px solid var(--border-color)}@media(max-width:768px){.chatbot-container{height:calc(100vh - 200px)}}.chatbot-container .chat-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.chatbot-container .chat-header .agent-info{display:flex;align-items:center;gap:.75rem}.chatbot-container .chat-header .agent-info .agent-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 5px #0000001a}.chatbot-container .chat-header .agent-info .agent-avatar .icon{width:1.25rem;height:1.25rem}.chatbot-container .chat-header .agent-info .agent-details h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.chatbot-container .chat-header .agent-info .agent-details .status{font-size:.75rem;color:#10b981;display:flex;align-items:center;gap:.25rem}.chatbot-container .chat-header .agent-info .agent-details .status:before{content:"";display:block;width:6px;height:6px;background:currentColor;border-radius:50%}.chatbot-container .chat-header .chat-actions{display:flex;gap:.5rem}.chatbot-container .chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--bg-primary);scroll-behavior:smooth}.chatbot-container .chat-messages::-webkit-scrollbar{width:.5rem;height:.5rem}.chatbot-container .chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chatbot-container .chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.chatbot-container .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.chatbot-container .chat-messages .message{display:flex;align-items:flex-end;gap:.5rem;max-width:80%;animation:fadeIn .3s ease}.chatbot-container .chat-messages .message.message-agent{align-self:flex-start}.chatbot-container .chat-messages .message.message-agent .message-bubble{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:0;border:1px solid var(--border-color)}.chatbot-container .chat-messages .message.message-user{align-self:flex-end;flex-direction:row-reverse}.chatbot-container .chat-messages .message.message-user .message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:0}.chatbot-container .chat-messages .message.message-user .message-time{text-align:right}.chatbot-container .chat-messages .message.message-system{align-self:center;max-width:90%}.chatbot-container .chat-messages .message.message-system .message-bubble{background:transparent;color:var(--text-tertiary);font-size:.875rem;font-style:italic;padding:.25rem .75rem;box-shadow:none;text-align:center}.chatbot-container .chat-messages .message .message-bubble{padding:.75rem 1rem;border-radius:1rem;font-size:1rem;line-height:1.5;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;text-align:left}.chatbot-container .chat-messages .message .message-bubble .markdown-content>p:last-child{margin-bottom:0}.chatbot-container .chat-messages .message .message-bubble .markdown-content p{margin-bottom:.5rem}.chatbot-container .chat-messages .message .message-bubble .markdown-content pre{background:#0d1117;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0;border:1px solid var(--border-color)}.chatbot-container .chat-messages .message .message-bubble .markdown-content pre code{background:transparent;padding:0;border-radius:0;color:#c9d1d9;font-size:.875em;font-family:Fira Code,monospace}.chatbot-container .chat-messages .message .message-bubble .markdown-content code{background:#0003;padding:.1rem .3rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.chatbot-container .chat-messages .message .message-bubble .markdown-content ul,.chatbot-container .chat-messages .message .message-bubble .markdown-content ol{margin-left:1.5rem;margin-bottom:.5rem}.chatbot-container .chat-messages .message .message-bubble .markdown-content li{margin-bottom:.25rem}.chatbot-container .chat-messages .message .message-bubble p{margin:0}.chatbot-container .chat-messages .message .message-time{font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem;min-width:3.5rem}.chatbot-container .typing-indicator{padding:.5rem 1.5rem;color:var(--text-tertiary);font-size:.875rem;display:flex;align-items:center;gap:.25rem;font-style:italic;min-height:2rem}.chatbot-container .typing-indicator span{animation:blink 1.4s infinite both}.chatbot-container .typing-indicator span:nth-child(2){animation-delay:.2s}.chatbot-container .typing-indicator span:nth-child(3){animation-delay:.4s}.chatbot-container .chat-input-area{padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;align-items:flex-end}.chatbot-container .chat-input-area .input-wrapper{flex:1;position:relative}.chatbot-container .chat-input-area .input-wrapper textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.5rem;padding:.75rem 3rem .75rem 1.25rem;resize:none;max-height:150px;min-height:46px;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .3s ease,box-shadow .3s ease}.chatbot-container .chat-input-area .input-wrapper textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.chatbot-container .chat-input-area .input-wrapper textarea::placeholder{color:var(--text-tertiary)}.chatbot-container .chat-input-area .btn-send{width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background .3s ease;flex-shrink:0}.chatbot-container .chat-input-area .btn-send:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.chatbot-container .chat-input-area .btn-send:active:not(:disabled){transform:scale(.95)}.chatbot-container .chat-input-area .btn-send:disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.7}.chatbot-container .chat-input-area .btn-send .icon{width:1.25rem;height:1.25rem}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.icon-preview-cell{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto}.icon-preview-cell svg{width:100%;height:100%;color:var(--primary)}.input-method-toggle{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color);overflow:hidden}.input-method-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-weight:500}.input-method-toggle .toggle-btn:hover{color:var(--text-primary);background:#ffffff0d}.input-method-toggle .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0000001a}.file-upload-wrapper{width:100%}.file-input-hidden{display:none}.file-upload-label{display:block;width:100%;border:2px dashed var(--border-color);border-radius:.5rem;background:var(--bg-secondary);cursor:pointer;transition:all .3s ease;padding:2rem 1rem}.file-upload-label:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);background:var(--bg-tertiary)}.file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);text-align:center}.file-upload-text{font-size:.95rem;font-weight:500;color:var(--text-primary)}.file-upload-hint{font-size:.8rem;opacity:.7}.icon-preview-box{position:relative;min-height:150px;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.icon-preview-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icon-preview-large{width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.icon-preview-large svg{max-width:100%;max-height:100%;color:var(--primary)}.zoom-controls{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);padding:.25rem .5rem;border-radius:999px;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;z-index:10}.zoom-controls .zoom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-secondary);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s}.zoom-controls .zoom-btn:hover{background:var(--primary);color:#fff}.zoom-controls .zoom-level{font-size:.75rem;font-weight:500;min-width:32px;text-align:center}.empty-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted)}.icon-details{display:flex;flex-direction:column;gap:1.5rem}.icon-display{display:flex;justify-content:center;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.code-block{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.85rem}.badge{display:inline-block;padding:.25rem .75rem;color:#fff;border-radius:var(--radius-sm);font-size:.85rem}.color-customization-section{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.colors-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.color-row{display:flex;align-items:center;gap:1rem;padding:.5rem;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.color-indicator{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a;flex-shrink:0}.color-info{flex:1;font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.color-actions{display:flex;align-items:center;gap:.75rem}.color-picker-wrapper{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .2s ease;overflow:hidden}.color-picker-wrapper:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.color-picker-wrapper .picker-icon{color:var(--text-secondary);z-index:1;pointer-events:none}.color-picker-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;padding:0;margin:0;border:none}.preset-swatches{display:flex;gap:.25rem}.preset-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s}.preset-swatch:hover{transform:scale(1.1);z-index:1}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ef4444;border:1px solid #ef4444;transition:.4s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:1px;bottom:1px;background-color:#fff;transition:.4s;border-radius:50%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ef4444"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:12px}.switch input:checked+.slider{background-color:#10b981;border-color:#10b981}.switch input:focus+.slider{box-shadow:0 0 1px #10b981}.switch input:checked+.slider:before{transform:translate(16px);background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2310b981"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>')}.dashboard-home{animation:fadeIn .3s ease-out}.welcome-section{margin-bottom:2rem}.welcome-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.private-layout{display:flex;min-height:100vh;background:var(--bg-secondary)}.private-sidebar{width:250px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:1.5rem 1rem;position:fixed;height:100vh;overflow-y:auto}.private-sidebar::-webkit-scrollbar{width:.5rem;height:.5rem}.private-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.private-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.private-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(min-width:768px){.private-sidebar{width:200px}}.private-sidebar .logo{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:2rem;text-align:center}.private-sidebar nav ul{list-style:none;padding:0}.private-sidebar nav ul li{margin-bottom:.5rem}.private-sidebar nav ul li a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);font-weight:500;transition:background .3s ease,color .3s ease}.private-sidebar nav ul li a .icon{font-size:1.125rem}.private-sidebar nav ul li a:hover{background:var(--bg-secondary);color:var(--text-primary)}.private-sidebar nav ul li a.router-link-active{background:var(--primary);color:#fff}.private-main{flex:1;margin-left:250px;padding:1.5rem}@media(min-width:768px){.private-main{margin-left:200px}}.private-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem;box-shadow:0 .125rem .25rem #00000013}.private-topbar .search-box{flex:1;max-width:400px}.private-topbar .search-box input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:.3s ease}.private-topbar .search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #42b9831a}.private-topbar .search-box input::placeholder{color:var(--text-tertiary)}.private-topbar .search-box input{padding-left:2.5rem}.private-topbar .user-menu{display:flex;justify-content:center;align-items:center;gap:1rem}.private-topbar .user-menu .avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:var(--primary);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;cursor:pointer;transition:transform .3s ease}.private-topbar .user-menu .avatar:hover{transform:scale(1.1)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.stat-card:hover{box-shadow:0 .5rem 1rem #00000026}.stat-card .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-card .stat-header .icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.stat-card .stat-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-card .stat-label{color:var(--text-secondary);font-size:.875rem}.data-table{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1.5rem;transition:.3s ease}.data-table:hover{box-shadow:0 .5rem 1rem #00000026}.data-table{overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table table thead{background:var(--bg-secondary)}.data-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.data-table table tbody tr{border-bottom:1px solid var(--border-color);transition:background .3s ease}.data-table table tbody tr:hover{background:var(--bg-secondary)}.data-table table tbody tr td{padding:1rem;color:var(--text-secondary)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#ed2828}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#0ea774}.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-solid:disabled{opacity:.6;cursor:not-allowed}.btn-solid{background:var(--primary);color:#fff;border:1px solid transparent}.btn-solid:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-solid:active:not(:disabled){transform:translateY(0)}.btn-text-primary{background:transparent;border:none;color:var(--primary);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;padding:0}.btn-text-primary:hover{opacity:.8;text-decoration:underline}.btn-text-primary:active{transform:scale(.98)}.map-action-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9999px;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.map-action-pill:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.map-action-pill:active{transform:translateY(0)}.map-action-link{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:all .2s ease;opacity:.8}.map-action-link:hover{color:var(--primary);opacity:1;text-decoration:underline}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:.4px solid transparent;border-color:#f0f8ff}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-secondary)}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid}.alert.alert-success{background:#10b9811a;border-color:#10b981;color:#10b981}.alert.alert-error{background:#ef44441a;border-color:#ef4444;color:#ef4444}.alert.alert-warning{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.alert.alert-info{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;width:350px;max-width:calc(100vw - 2rem)}.toast-container .toast-item{pointer-events:auto}.toast-item{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:1rem;transition:.3s ease}.toast-item:hover{box-shadow:0 .5rem 1rem #00000026}.toast-item{display:flex;align-items:center;gap:.75rem;box-shadow:0 .5rem 1rem #00000026;border-left:4px solid transparent;position:relative;overflow:hidden;cursor:pointer}.toast-item.success{border-left-color:#10b981}.toast-item.success .icon-wrapper{color:#10b981}.toast-item.error{border-left-color:#ef4444}.toast-item.error .icon-wrapper{color:#ef4444}.toast-item.warning{border-left-color:#f59e0b}.toast-item.warning .icon-wrapper{color:#f59e0b}.toast-item.info{border-left-color:#3b82f6}.toast-item.info .icon-wrapper{color:#3b82f6}.toast-item .toast-content{flex:1}.toast-item .toast-content h4{font-size:.875rem;font-weight:600;margin:0;color:var(--text-primary)}.toast-item .toast-content p{font-size:.75rem;margin:.25rem 0 0;color:var(--text-secondary)}.toast-item .toast-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;transition:color .3s ease}.toast-item .toast-close:hover{color:var(--text-primary)}.alert-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12000;display:flex;justify-content:center;align-items:center;padding:1rem}.alert-modal{background:var(--bg-primary);border-radius:1rem;box-shadow:0 .25rem .5rem #0000001a;padding:2rem;transition:.3s ease}.alert-modal:hover{box-shadow:0 .5rem 1rem #00000026}.alert-modal{width:100%;max-width:400px;text-align:center;box-shadow:0 1.25rem 1.5rem #0003}.alert-modal .modal-icon{width:80px;height:80px;border-radius:9999px;display:flex;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2.25rem;position:relative}.alert-modal .modal-icon.success{background:#10b9811a;color:#10b981;border:2px solid rgba(16,185,129,.2)}.alert-modal .modal-icon.error{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.2)}.alert-modal .modal-icon.warning{background:#f59e0b1a;color:#f59e0b;border:2px solid rgba(245,158,11,.2)}.alert-modal .modal-icon.info{background:#3b82f61a;color:#3b82f6;border:2px solid rgba(59,130,246,.2)}.alert-modal h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.alert-modal p{color:var(--text-secondary);margin-bottom:1.5rem}.alert-modal .modal-actions{display:flex;gap:.75rem;justify-content:center}.alert-modal .modal-actions button{min-width:100px;transition:all .2s ease}.alert-modal .modal-actions button:hover{transform:translateY(-1px)}.alert-modal .modal-actions button:active{transform:translateY(0)}.alert-modal .modal-actions button.btn-confirm{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.alert-modal .modal-actions button.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.alert-modal .modal-actions button.btn-confirm{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 6px 14px -8px var(--shadow-color)}.alert-modal .modal-actions button.btn-confirm:hover{filter:brightness(1.05);box-shadow:0 10px 16px -10px var(--shadow-color)}.alert-modal .modal-actions button.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.alert-modal .modal-actions button.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.alert-modal .modal-actions button.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.alert-modal .modal-actions button.btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.alert-modal .modal-actions button.btn-neutral{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s ease;text-decoration:none}.alert-modal .modal-actions button.btn-neutral:disabled{opacity:.6;cursor:not-allowed}.alert-modal .modal-actions button.btn-neutral{background:var(--bg-secondary);color:var(--primary);border:1px solid var(--primary)}.alert-modal .modal-actions button.btn-neutral:hover{background:var(--bg-tertiary);filter:brightness(1.03)}.toast-enter-active,.toast-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(30px)}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .alert-modal,.modal-leave-active .alert-modal{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .alert-modal,.modal-leave-to .alert-modal{transform:scale(.9) translateY(10px)}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:9999px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 .5rem 1rem #0003;transition:all .3s ease;z-index:9999}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 .75rem 1.5rem #0000004d}.theme-toggle:active{transform:scale(.95)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.card{background:var(--bg-primary);border-radius:1rem;padding:1.5rem;box-shadow:0 .25rem .5rem #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 .5rem 1rem #00000026}