body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-container{background:#140f2d;box-shadow:0 2px 12px #0000004d;padding:0 32px}.header-left,.header-logo{flex-shrink:0}.header-logo{height:52px;width:auto}.header-title{color:#a78bfa;font-size:16px;font-weight:700;letter-spacing:.3px}.header-right{flex-shrink:0;gap:16px}.theme-switch{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px}.theme-btn{color:#ffffff80;height:38px;width:38px}.theme-btn.active{background:linear-gradient(135deg,#8a40da,#6a2fb8);box-shadow:0 2px 8px #8a40da66}.theme-btn:hover:not(.active){background:#ffffff14;color:#fffc}.user-box{border:2px solid #8a40da4d;height:46px;width:46px}.user-box:hover{border-color:#8a40da80;box-shadow:0 0 0 3px #8a40da33;transform:scale(1.05)}.user-box.active{border-color:#8a40da99;box-shadow:0 0 0 3px #8a40da66}.user-avatar{font-size:16px;letter-spacing:.5px}.profile-dropdown-menu{background:#1a1435;border:1px solid #8a40da4d;box-shadow:0 10px 40px #00000080}.dropdown-header{background:linear-gradient(135deg,#8a40da1a,#8a40da0d);border-bottom:1px solid #8a40da33;gap:16px;padding:24px}.header-avatar{border:2px solid #8a40da4d;box-shadow:0 4px 12px #8a40da66;font-size:22px;height:60px;width:60px}.header-name{color:#fff;font-size:18px;margin:0 0 8px}.role-badge{border-radius:8px;letter-spacing:.8px;padding:5px 14px}.role-badge-admin{box-shadow:0 2px 6px #ef44444d}.role-badge-manager{box-shadow:0 2px 6px #f59e0b4d}.role-badge-user{box-shadow:0 2px 6px #10b9814d}.dropdown-details{padding:20px 24px}.detail-item{border-bottom:1px solid #8a40da1a;gap:14px;padding:14px 0}.detail-label{color:#ffffff80;font-weight:700;letter-spacing:.8px}.detail-value{color:#ffffffe6}.dropdown-divider{background:linear-gradient(90deg,#0000,#8a40da4d,#0000);margin:12px 0}.dropdown-actions{gap:6px;padding:16px}.action-button{border-radius:10px;color:#fffc}.action-button:hover{background:#8a40da1a;color:#fff}.logout-action{background:#ef44441a;border:1px solid #ef444433}.logout-action:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.support-btn{background:linear-gradient(135deg,#8a40da,#6a2fb8);box-shadow:0 2px 8px #8a40da4d;font-weight:600;gap:10px;padding:10px 22px}.support-btn:hover{background:linear-gradient(135deg,#9d52ed,#7a3ec5);box-shadow:0 4px 12px #8a40da80}.logout-btn{background:#0000!important;border:2px solid #8a40da!important;box-shadow:none!important;color:#a78bfa!important;gap:10px;padding:10px 22px}.logout-btn:hover{background:#8a40da1a!important;border-color:#9d52ed!important;box-shadow:0 4px 12px #8a40da33!important;color:#c4b5fd!important}body.dark .header-title{color:#a78bfa}body.dark .theme-switch{background:#ffffff0d;border-color:#ffffff1a}body.dark .theme-btn{color:#ffffff80}body:not(.dark) .header-container{background:#dbe6f8;box-shadow:0 2px 8px #00000014}body:not(.dark) .header-title{color:#1d172c}body:not(.dark) .theme-switch{background:#f8f7fc;border-color:#e6e6e6}body:not(.dark) .theme-btn{color:#7a7a7a}body:not(.dark) .theme-btn.active{background:linear-gradient(90deg,#3a3c6e,#8a41e7);color:#fff}body:not(.dark) .user-box{border-color:#8a40da33}body:not(.dark) .profile-dropdown-menu{background:#fff;border-color:#e5e7eb}body:not(.dark) .dropdown-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom-color:#e5e7eb}body:not(.dark) .header-name{color:#1a1a1a}body:not(.dark) .detail-item{border-bottom-color:#f3f4f6}body:not(.dark) .detail-label{color:#6b7280}body:not(.dark) .detail-value{color:#1a1a1a}body:not(.dark) .dropdown-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000)}body:not(.dark) .action-button{color:#374151}body:not(.dark) .action-button:hover{background:#f9fafb;color:#8a40da}body:not(.dark) .logout-action{background:#fef2f2;border-color:#fecaca;color:#ef4444}body:not(.dark) .logout-action:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}body:not(.dark) .logout-btn{background:#fff!important;border-color:#8a41e7!important;color:#8a41e7!important}body:not(.dark) .logout-btn:hover{background:#f3e8ff!important;border-color:#7c3aed!important;color:#7c3aed!important}@media (max-width:768px){.header-container{height:64px;padding:0 20px}.header-right{gap:12px}.header-logo{height:44px}.header-title{font-size:18px}.user-box{height:40px;width:40px}.user-avatar{font-size:14px}.profile-dropdown-menu{right:-50px;width:280px}.logout-btn,.support-btn{font-size:13px;padding:8px 16px}.logout-btn svg,.support-btn svg{height:16px;width:16px}}@media (max-width:480px){.header-container{padding:0 16px}.header-logo{height:40px}.header-title{font-size:16px}.header-right{gap:10px}.theme-switch{padding:3px}.theme-btn{height:34px;width:34px}.user-box{height:38px;width:38px}.user-avatar{font-size:13px}.profile-dropdown-menu{right:-100px;width:calc(100vw - 32px)}.logout-btn,.support-btn{padding:8px 12px}.logout-btn span,.support-btn span{display:none}}.sidebar-container{background:linear-gradient(180deg,#273268,#8a40da);box-shadow:2px 0 20px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 72px);left:0;overflow-x:hidden;overflow-y:auto;padding:12px 0 16px;position:fixed;top:72px;transition:width .3s ease,background .3s ease;width:260px;z-index:900}.sidebar-container.collapsed{padding-top:12px;width:70px}.sidebar-container.collapsed .nav-item{align-items:center;gap:0;justify-content:center;margin:0 8px 6px;padding:14px 0;position:relative}.sidebar-container.collapsed .nav-item-text{display:none}.sidebar-toggle-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:0;color:#ffffffe6;cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;margin-bottom:12px;padding:0;transition:all .3s ease;width:100%;z-index:10}.sidebar-toggle-btn:hover{background:#ffffff1f;border-color:#ffffff26}.sidebar-toggle-btn:active{background:#ffffff26}.toggle-icon{stroke:#ffffffd9;stroke-width:2;flex-shrink:0;height:22px;transition:transform .3s ease;width:22px}.sidebar-container.collapsed .toggle-icon{transform:rotate(180deg)}.sidebar-container::-webkit-scrollbar{width:6px}.sidebar-container::-webkit-scrollbar-track{background:#0000;border-radius:10px;margin:8px 0}.sidebar-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-container::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar-container{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:4px 0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sidebar-section{display:flex;flex-direction:column;gap:6px;padding:0 12px}.sidebar-container.collapsed .sidebar-section{padding:0 6px}.section-title{color:#ffffff61;font-size:10px;letter-spacing:1.2px;line-height:1;margin:10px 4px 2px;padding:0;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar-section:first-child .section-title{margin-top:2px}.section-divider{background:#ffffff1f;border-radius:1px;height:1px;margin:8px 4px 4px}.sidebar-section:first-child .section-divider{display:none}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;margin-bottom:0;overflow:visible;padding:10px 12px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:hover{background:#ffffff1f;color:#fff}.sidebar-container.collapsed .nav-item:hover{background:#ffffff1f;transform:none}.nav-item.active{background:#ffffff26;box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.nav-item.active:before{background:#fff;border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-container.collapsed .nav-item.active:before{display:none}.nav-item:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.nav-icon{stroke:currentColor;stroke-width:2;flex-shrink:0;height:20px;opacity:.9;transition:all .25s ease;width:20px}.nav-item:hover .nav-icon{opacity:1;transform:scale(1.08)}.nav-item.active .nav-icon{color:#fff;opacity:1}.nav-item-text{flex:1 1;letter-spacing:.25px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:10px;box-shadow:0 2px 6px #ff475766;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:8px;top:6px;z-index:2}.sidebar-container.collapsed .nav-item-badge{font-size:10px;height:18px;min-width:18px;padding:0 4px;right:2px;top:2px}.nav-item-badge.appear{animation:badgeAppear .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgeAppear{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.nav-item-badge.disappear{animation:badgeDisappear .3s ease forwards}@keyframes badgeDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.nav-item[title]{position:relative}.sidebar-container.collapsed .nav-item:hover{background:#ffffff1a}.sidebar-container.collapsed .nav-item:hover:after{animation:tooltipSlideIn .2s ease;background:#000000eb;border-radius:8px;color:#fff;content:attr(title);font-size:12px;font-weight:600;left:100%;margin-left:12px;opacity:1;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}.sidebar-container.collapsed .nav-item.active:after{animation:none;background:#fff;border-radius:0 4px 4px 0;content:"";height:70%;left:0;margin-left:0;opacity:1;padding:0;top:50%;transform:translateY(-50%);width:4px}body.dark .sidebar-container{background:linear-gradient(165deg,#2d1b69,#1a1038 50%,#0d0820);box-shadow:2px 0 25px #0006}body.dark .sidebar-toggle-btn{background:#ffffff0d;border-color:#ffffff14}body.dark .sidebar-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff1f}body.dark .nav-item{color:#ffffffd9}body.dark .section-title{color:#ffffff47}body.dark .section-divider{background:#ffffff14}body.dark .nav-item:hover{background:#ffffff1a}body.dark .nav-item.active{background:#ffffff24;box-shadow:0 2px 10px #0000004d}body.dark .toggle-icon{stroke:#fffc}body.dark .sidebar-content::-webkit-scrollbar-thumb{background:#3b82f64d}body.dark .sidebar-content::-webkit-scrollbar-thumb:hover{background:#3b82f673}body.dark .nav-item-badge{background:linear-gradient(135deg,#ff3838,#ff6b6b);box-shadow:0 2px 8px #ff383880}@media (max-width:1024px){.sidebar-container{width:240px}.sidebar-container.collapsed{width:70px}.nav-item{font-size:13px;gap:12px;padding:10px 12px}.nav-icon{height:19px;width:19px}.nav-item-badge{font-size:10px;height:18px;min-width:18px}}@media (max-width:768px){.sidebar-container{box-shadow:4px 0 20px #0003;padding:10px 0 14px;transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar-container.open{transform:translateX(0)}.sidebar-container.collapsed{padding-top:10px;width:280px}.sidebar-toggle-btn{display:none}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:72px;transition:opacity .3s ease;z-index:899}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-section{gap:5px}.sidebar-content{padding:2px 0}}@media (max-width:480px){.sidebar-container{max-width:300px;padding:10px 0 12px;width:100%}.nav-item{padding:11px 12px}.sidebar-section{gap:4px}}.sidebar-container.animate-in .nav-item{animation:slideInFromLeft .4s ease forwards;opacity:0}.sidebar-container.animate-in .nav-item:first-child{animation-delay:.05s}.sidebar-container.animate-in .nav-item:nth-child(2){animation-delay:.1s}.sidebar-container.animate-in .nav-item:nth-child(3){animation-delay:.15s}.sidebar-container.animate-in .nav-item:nth-child(4){animation-delay:.2s}.sidebar-container.animate-in .nav-item:nth-child(5){animation-delay:.25s}.sidebar-container.animate-in .nav-item:nth-child(6){animation-delay:.3s}.sidebar-container.animate-in .nav-item:nth-child(7){animation-delay:.35s}.sidebar-container.animate-in .nav-item:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.nav-icon,.nav-item,.nav-item-badge,.sidebar-container,.sidebar-toggle-btn{animation:none!important;transition:none!important}}body,html{height:100%;width:100%}.login-wrapper{align-items:center;background:linear-gradient(135deg,#24004a,#0b001f);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.particle-bg{position:absolute}.particle-bg span{animation:float var(--i) * .5s infinite;background:#ffffff1a;box-shadow:0 0 8px #b48cff4d;height:2px;width:2px}.login-container{align-items:center;display:flex;gap:60px;height:100vh;justify-content:space-between;padding:0 8%;position:relative;width:100%;z-index:2}.left-section{flex:0 0 auto}.left-section .logo{cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.left-section .logo:hover{transform:scale(1.08) rotateY(5deg)}.left-section h2{color:#ffffffd9;text-transform:uppercase}.left-section h1{animation:slideInDown .8s ease-out .1s both}.left-section .subtitle{animation:fadeIn .8s ease-out .2s both}.right-section{flex:0 0 auto;gap:30px}.login-mode-switch{animation:slideInDown .6s ease-out;opacity:1;transition:opacity .3s ease}.login-mode-switch.animating{opacity:.7}.switch-container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#14003266;border:1px solid #a06eff40;border-radius:60px;box-shadow:0 8px 25px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;gap:12px;padding:8px;transition:all .3s ease}.switch-container:hover{border-color:#a06eff66;box-shadow:0 12px 35px #0006,inset 0 1px 0 #ffffff26}.switch-btn{align-items:center;background:#0000;border:none;border-radius:50px;color:#fff9;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase}.switch-btn,.switch-btn svg{transition:all .35s cubic-bezier(.4,0,.2,1)}.switch-btn svg{height:18px;width:18px}.switch-btn:hover:not(:disabled){color:#ffffffe6;transform:translateY(-2px)}.switch-btn:hover:not(:disabled) svg{transform:scale(1.2)}.switch-btn:disabled{cursor:not-allowed;opacity:.5}.switch-btn:focus{outline:2px solid #d5b6ff;outline-offset:-2px}.switch-btn.user-btn.active{background:linear-gradient(135deg,#5b9cf5,#4a8df0);box-shadow:0 6px 20px #4a8df066,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px)}.switch-btn.user-btn.active:before{animation:shimmer .6s ease;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.switch-btn.admin-btn.active{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 6px 20px #9333ea66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px)}.switch-btn.admin-btn.active:before{animation:shimmer .6s ease;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.login-box{animation:fadeIn .6s ease .1s both;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#1400328c;border:1px solid #a06eff40;border-radius:22px;box-shadow:0 0 35px #000000a6,0 15px 35px #00000073,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:45px 38px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:420px}.login-box.user-mode{border:1px solid #4a8df059}.login-box.user-mode:before{animation:slideRight 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4a8df080,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-box.admin-mode{border:1px solid #a855f759}.login-box.admin-mode:before{animation:slideRight 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a855f780,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes slideRight{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.login-box:hover{border-color:#a06eff66;box-shadow:0 0 50px #000c,0 25px 50px #0009,inset 0 1px 0 #fff3;transform:translateY(-8px)}.login-box .title{color:#fffffff2;font-size:20px;font-weight:600;letter-spacing:.5px;margin-bottom:32px;text-align:center;text-transform:uppercase}.input-field{animation:fadeIn .6s ease-out}.input-field label{font-size:12px;font-weight:500;text-transform:uppercase;transition:all .2s ease}.input-field:focus-within label{transform:translateY(-2px)}.input-field input{border:1.5px solid #a578ff73;letter-spacing:.3px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.input-field input::placeholder{color:#ffffff80;font-weight:300}.input-field input:hover:not(:disabled){box-shadow:0 0 10px #b48cff26}.input-field input:focus{background:#6e46be8c;box-shadow:0 0 20px #b48cff59,inset 0 0 10px #b48cff1a;transform:translateY(-2px)}.input-field input:disabled{opacity:.5}.input-field input:-webkit-autofill,.input-field input:-webkit-autofill:focus,.input-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #6e46be59!important;caret-color:#fff}.eye,.pass-wrapper{align-items:center;display:flex}.eye{background:#ffffff1f;border:none;border-radius:10px;color:#ffffffbf;cursor:pointer;font-size:15px;justify-content:center;padding:8px 10px;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;z-index:10}.eye:hover{background:#ffffff38;color:#fffffff2;transform:translateY(-50%) scale(1.1)}.eye:focus{outline:2px solid #d5b6ff;outline-offset:2px}.eye:active{transform:translateY(-50%) scale(.95)}.login-btn{animation:fadeIn .6s ease-out .2s both;border:none;border-radius:50px;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:10px;overflow:hidden;padding:15px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.login-box.user-mode .login-btn,.login-btn{background:linear-gradient(135deg,#5b9cf5,#4a8df0);box-shadow:0 5px 15px #4a8df04d}.login-box.user-mode .login-btn{color:#fff}.login-box.admin-mode .login-btn{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 5px 15px #9333ea4d;color:#fff}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){box-shadow:0 15px 35px #0006;transform:translateY(-4px)}.login-box.user-mode .login-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a8df0,#3978d9)}.login-box.admin-mode .login-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.login-btn:active:not(:disabled){box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn:focus{outline:2px solid #d5b6ff;outline-offset:2px}.error-msg,.success-msg{font-weight:500}.success-msg{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#27ae6026;border:1px solid #27ae604d;border-radius:8px;color:#4ade80;font-size:14px;margin-bottom:15px;padding:12px;text-align:center}.login-footer{animation:fadeIn .8s ease-out .3s both;border-top:1px solid #a06eff26;margin-top:32px;padding-top:20px;text-align:center}.login-footer .copyright{color:#ffffff80;font-size:12px;letter-spacing:.3px;line-height:1.5;margin-bottom:6px}.login-footer .copyright strong{color:#ffffffb3;font-weight:700}.login-footer .developer{color:#ffffffbf;font-size:11px;letter-spacing:.3px;line-height:1.5}.login-footer .dev-name{color:#7bb4ff;cursor:pointer;font-weight:700;transition:all .2s ease}.login-footer .dev-name:hover{color:#9dc9ff;text-shadow:0 0 10px #7bb4ff80}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.skip-link{background:#d5b6ff;color:#24004a;font-weight:600;left:0;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-link:focus{top:0}.cant-login-wrapper{margin-bottom:8px;margin-top:4px;text-align:center}.cant-login-btn{align-items:center;background:none;border:none;border-radius:20px;color:#d5b6ffb3;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;letter-spacing:.3px;padding:6px 10px;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;text-underline-offset:3px;transition:all .25s ease}.cant-login-btn:hover:not(:disabled){background:#a06eff1f;color:#d5b6ff;-webkit-text-decoration-color:#d5b6ff80;text-decoration-color:#d5b6ff80}.cant-login-btn:disabled{cursor:not-allowed;opacity:.4}.support-modal-overlay{align-items:center;animation:overlayIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050014bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.support-modal{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);background:#12042cf2;border:1px solid #a06eff59;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff0d,0 32px 80px #0009,0 0 60px #8a41e726;max-height:90vh;max-width:400px;overflow-y:auto;padding:24px 26px 22px;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.support-modal-close{align-items:center;background:#a06eff1f;border:1px solid #a06eff33;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.support-modal-close:hover:not(:disabled){background:#a06eff40;color:#fff;transform:rotate(90deg)}.support-modal-close:disabled{cursor:not-allowed;opacity:.4}.support-modal-header{margin-bottom:16px;text-align:center}.support-modal-icon{align-items:center;background:linear-gradient(135deg,#8a41e74d,#3a3c6e4d);border:1px solid #a06eff4d;border-radius:12px;color:#c084fc;display:flex;height:44px;justify-content:center;margin:0 auto 10px;width:44px}.support-modal-title{color:#fffffff2;font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 5px}.support-modal-subtitle{color:#ffffff8c;font-size:12px;line-height:1.4;margin:0}.support-modal-body{display:flex;flex-direction:column;gap:12px}.support-modal-error{align-items:center;animation:shake .4s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;display:flex;font-size:13px;gap:8px;padding:10px 14px}.support-modal-field{display:flex;flex-direction:column;gap:4px}.support-modal-field label{color:#ffffffbf;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.support-modal-field input,.support-modal-field select,.support-modal-field textarea{background:#6e46be33;border:1.5px solid #a578ff4d;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:13px;outline:none;padding:9px 13px;transition:all .25s ease;width:100%}.support-modal-field input::placeholder,.support-modal-field textarea::placeholder{color:#ffffff4d}.support-modal-field input:focus,.support-modal-field select:focus,.support-modal-field textarea:focus{background:#6e46be4d;border-color:#a855f7b3;box-shadow:0 0 0 3px #8a41e726}.support-modal-field input.has-error,.support-modal-field select.has-error,.support-modal-field textarea.has-error{border-color:#ef444499}.support-modal-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c084fc' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:40px}.support-modal-field select option{background:#12042c;color:#fff}.support-modal-field textarea{line-height:1.5;min-height:72px;resize:vertical}.support-char-count{color:#ffffff59;font-size:12px;text-align:right}.support-field-error{color:#fca5a5;font-size:12px;font-weight:500}.support-modal-submit{align-items:center;background:linear-gradient(135deg,#8a41e7,#3a3c6e);border:none;border-radius:10px;box-shadow:0 4px 15px #8a41e74d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:11px 20px;transition:all .3s ease;width:100%}.support-modal-submit:hover:not(:disabled){box-shadow:0 8px 24px #8a41e773;transform:translateY(-2px)}.support-modal-submit:disabled{cursor:not-allowed;opacity:.7}.support-spinner{animation:spinAnim .8s linear infinite}@keyframes spinAnim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.support-modal-success{align-items:center;animation:fadeIn .4s ease;display:flex;flex-direction:column;gap:16px;padding:20px 0 10px;text-align:center}.support-modal-success p{color:#fffc;font-size:15px;line-height:1.6}@media (max-width:1200px){.login-container{gap:40px;padding:0 5%}.login-box{width:400px}.left-section{max-width:400px}.left-section h1{font-size:48px}}@media (max-width:980px){.login-container{flex-direction:column;gap:40px;height:auto;justify-content:center;min-height:100vh;padding:40px 20px}.left-section{max-width:100%;order:1;text-align:center}.left-section h1{font-size:46px}.left-section h2{font-size:36px}.right-section{order:2;width:100%}.login-box{max-width:420px;width:100%}}@media (max-width:768px){.login-wrapper{min-height:auto;padding:40px 0}.login-container{gap:30px;height:auto;min-height:auto;padding:20px}.left-section h1{font-size:42px}.left-section h2{font-size:30px}.left-section .logo{width:180px}.login-box{border-radius:20px;padding:40px 30px;width:100%}.input-field input{font-size:16px;padding:14px 18px}.login-btn{font-size:16px;padding:14px}}@media (max-width:480px){.login-box{border-radius:18px;padding:30px 20px;width:100%}.left-section h1{font-size:36px}.left-section h2{font-size:28px}.left-section .logo{margin-bottom:20px;width:150px}.left-section .subtitle{font-size:14px}.login-box .title{font-size:18px;margin-bottom:24px}.input-field{margin-bottom:20px}.input-field label{font-size:11px}.input-field input{font-size:16px;padding:12px 16px}.login-btn{font-size:14px;letter-spacing:.5px;padding:12px}.switch-container{gap:6px;padding:5px;width:100%}.switch-btn{flex:1 1;font-size:12px;gap:6px;padding:10px 14px}.switch-btn svg{height:16px;width:16px}.eye{font-size:14px;padding:6px 8px}.login-footer{margin-top:24px;padding-top:16px}.login-footer .copyright{font-size:11px}.login-footer .developer{font-size:10px}}@media (prefers-contrast:high){.login-box{background:#140032cc;border:2px solid #a06eff99}.input-field input{background:#6e46be80;border:2px solid #a578ffb3}.login-btn{border:2px solid #4a8df099;font-weight:800}.switch-container{border:2px solid #a06eff80}}@media print{.login-container,.login-wrapper{display:none}}.particle-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle-bg span{animation:floatUp linear infinite;background:#b482ffcc;border-radius:50%;box-shadow:0 0 6px #c8a0ffe6;filter:blur(1px);height:4px;opacity:0;position:absolute;width:4px;will-change:transform,opacity}.particle-bg span:nth-child(2n){background:#8c5affe6;box-shadow:0 0 10px #aa78ffe6;height:6px;width:6px}.particle-bg span:nth-child(3n){box-shadow:0 0 12px #c8a0ff}.particle-bg span:nth-child(5n){animation-duration:calc(10s + var(--i)*.3s);background:#ffc8ffe6;box-shadow:0 0 15px #ffdcfff2}.particle-bg span:nth-child(7n){animation-name:floatUpPulse}@keyframes floatUp{0%{opacity:0;transform:translateY(120vh) translateX(0) scale(.2)}15%{opacity:.8}50%{transform:translateY(50vh) translateX(20px) scale(1)}80%{opacity:.4}to{opacity:0;transform:translateY(-20vh) translateX(-20px) scale(1.1)}}@keyframes floatUpPulse{0%{opacity:0;transform:translateY(120vh) translateX(0) scale(.2)}15%{opacity:.8;transform:translateY(90vh) translateX(10px) scale(.6)}30%{opacity:.9;transform:translateY(70vh) translateX(15px) scale(1.2)}50%{opacity:.7;transform:translateY(50vh) translateX(20px) scale(.8)}70%{opacity:.5;transform:translateY(30vh) translateX(10px) scale(1.1)}80%{opacity:.3}to{opacity:0;transform:translateY(-20vh) translateX(-20px) scale(1.3)}}.particle-bg span{animation-delay:calc(var(--i)*.25s);animation-duration:calc(12s + var(--i)*.4s);left:calc(5%*var(--i))}.particle-bg span:nth-child(2n){animation-timing-function:ease-in-out}.particle-bg span:nth-child(3n){animation-timing-function:cubic-bezier(.4,0,.6,1)}@media (max-width:980px){.particle-bg span:nth-child(n+61){display:none}.particle-bg span{animation-duration:calc(14s + var(--i)*.5s)}}@media (max-width:768px){.particle-bg span:nth-child(n+46){display:none}.particle-bg span{filter:blur(.8px);height:3px;width:3px}.particle-bg span:nth-child(2n){height:5px;width:5px}}@media (max-width:480px){.particle-bg span:nth-child(n+31){display:none}.particle-bg span{box-shadow:0 0 4px #c8a0ffb3;filter:blur(.5px);height:2.5px;width:2.5px}.particle-bg span:nth-child(2n){box-shadow:0 0 6px #aa78ffcc;height:4px;width:4px}.particle-bg span:nth-child(3n){box-shadow:0 0 8px #c8a0ffe6}}@media (max-width:360px){.particle-bg span:nth-child(n+21){display:none}.particle-bg span{animation-duration:calc(15s + var(--i)*.5s)}}@media (max-height:600px) and (orientation:landscape){.particle-bg span:nth-child(n+41){display:none}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh) translateX(0) scale(.2)}15%{opacity:.7}50%{transform:translateY(50vh) translateX(15px) scale(1)}80%{opacity:.3}to{opacity:0;transform:translateY(-15vh) translateX(-15px) scale(1)}}@keyframes floatUpPulse{0%{opacity:0;transform:translateY(110vh) translateX(0) scale(.2)}15%{opacity:.7}50%{transform:translateY(50vh) translateX(15px) scale(1)}80%{opacity:.3}to{opacity:0;transform:translateY(-15vh) translateX(-15px) scale(1)}}}@media (prefers-reduced-motion:reduce){.particle-bg span{animation:none;opacity:.1;transform:translateY(50vh);transition:none}}@media (max-width:480px) and (max-height:800px){.particle-bg span{animation-duration:calc(18s + var(--i)*.6s)}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.particle-bg span{filter:none}}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.particle-bg span{will-change:transform,opacity}}@media (min-width:1024px){.particle-bg span{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}}@media (prefers-color-scheme:light){.particle-bg span{background:#643cc899;box-shadow:0 0 5px #7850dcb3}.particle-bg span:nth-child(2n){background:#5028b4b3;box-shadow:0 0 8px #643cc8cc}}.reset-wrapper{background:linear-gradient(135deg,#24004a,#0b001f);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}.reset-container{align-items:center;display:flex;gap:60px;height:100vh;justify-content:space-between;padding:0 8%;position:relative;z-index:2}.left-section{animation:fadeInLeft .8s ease-out;color:#fff;max-width:460px}.left-section .logo{filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));margin-bottom:35px;transition:transform .3s ease;width:210px}.left-section .logo:hover{transform:scale(1.05)}.left-section h2{font-size:40px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;opacity:.9}.left-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d5b6ff);-webkit-background-clip:text;background-clip:text;font-size:58px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:20px;text-shadow:0 3px 20px #00000080}.left-section .subtitle{color:#ffffffb3;font-size:16px;line-height:1.6;margin-top:20px}.right-section{align-items:center;animation:fadeInRight .8s ease-out;display:flex;flex-direction:column;justify-content:center}.reset-box{animation:fadeIn .6s ease;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#14003280;border:1px solid #a06eff40;border-radius:22px;box-shadow:0 0 35px #000000a6,0 15px 35px #00000073,inset 0 1px 0 #ffffff1a;padding:45px 38px;transition:all .4s ease;width:480px}.reset-box.user-mode{border:1px solid #4a8df040}.reset-box.admin-mode{border:1px solid #a855f740}.reset-box:hover{box-shadow:0 0 45px #000000b3,0 20px 40px #00000080,inset 0 1px 0 #ffffff26;transform:translateY(-5px)}.reset-header{margin-bottom:32px;text-align:center}.reset-header svg{color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));margin-bottom:15px}.reset-header h3{color:#fffffff2;font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.reset-subtitle{color:#ffffffa6;font-size:14px;font-weight:400}.input-field{margin-bottom:25px}.input-field label{color:#ffffffe0;display:block;font-size:14px;font-weight:400;letter-spacing:.3px;margin-bottom:8px;transition:color .2s ease}.input-field:focus-within label{color:#fff}.input-field input{background:#6e46be59;border:1px solid #a578ff73;border-radius:50px;color:#fff;font-family:inherit;font-size:16px;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.input-field input::placeholder{color:#ffffff8c;transition:color .2s ease}.input-field input:hover:not(:disabled){background:#6e46be73;border-color:#a578ffa6}.input-field input:focus{background:#6e46be80;border-color:#d5b6ff;box-shadow:0 0 15px #b48cff59;transform:translateY(-1px)}.input-field input:disabled{background:#6e46be33;cursor:not-allowed;opacity:.6}.pass-wrapper{position:relative}.eye-icon{align-items:center;background:#ffffff1f;border-radius:10px;color:#ffffffbf;cursor:pointer;display:flex;justify-content:center;padding:5px 8px;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:all .25s ease}.eye-icon:hover{background:#ffffff2e;color:#fffffff2}.eye-icon:focus{outline:2px solid #d5b6ff;outline-offset:2px}.eye-icon:active{transform:translateY(-50%) scale(.95)}.password-strength{align-items:center;display:flex;gap:12px;margin-top:10px}.strength-bar{background:#ffffff26;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.strength-progress{border-radius:10px;height:100%;transition:all .3s ease}.password-strength.strength-weak .strength-progress{background:linear-gradient(90deg,#f44,#f66);width:33%}.password-strength.strength-medium .strength-progress{background:linear-gradient(90deg,#fa0,#fc3);width:66%}.password-strength.strength-strong .strength-progress{background:linear-gradient(90deg,#0c4,#0f6);width:100%}.strength-text{font-size:12px;font-weight:600;letter-spacing:.5px;min-width:60px;text-transform:uppercase}.password-strength.strength-weak .strength-text{color:#f66}.password-strength.strength-medium .strength-text{color:#fc3}.password-strength.strength-strong .strength-text{color:#0f6}.password-requirements{background:#5a329633;border:1px solid #a06eff40;border-radius:12px;margin-bottom:25px;padding:16px 20px}.requirements-title{color:#ffffffd9;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#fff9;font-size:12px;padding:5px 0 5px 24px;position:relative;transition:color .2s ease}.password-requirements li:before{color:#fff6;content:"○";font-size:16px;left:0;position:absolute;transition:all .2s ease}.password-requirements li.met{color:#4ade80}.password-requirements li.met:before{color:#4ade80;content:"✓";font-weight:700}.reset-btn{background:linear-gradient(135deg,#fff,#e8e8ef);border:none;border-radius:50px;box-shadow:0 5px 15px #ffffff1a;color:#6a1b9a;cursor:pointer;font-family:inherit;font-size:18px;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;width:100%}.reset-box.user-mode .reset-btn{background:linear-gradient(135deg,#5b9cf5,#4a8df0);box-shadow:0 5px 15px #4a8df04d;color:#fff}.reset-box.admin-mode .reset-btn{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 5px 15px #9333ea4d;color:#fff}.reset-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.reset-btn:hover:not(:disabled):before{left:100%}.reset-btn:hover:not(:disabled){box-shadow:0 12px 25px #00000059;transform:translateY(-3px)}.reset-box.user-mode .reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a8df0,#3978d9)}.reset-box.admin-mode .reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.reset-btn:active:not(:disabled){box-shadow:0 6px 15px #00000040;transform:translateY(-1px)}.reset-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-btn:focus{outline:2px solid #d5b6ff;outline-offset:2px}.error-msg{animation:shake .4s ease,fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff505026;border:1px solid #ff50504d;border-radius:8px;color:#ffb9c3;font-size:14px;margin-bottom:15px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.reset-footer{border-top:1px solid #a06eff26;margin-top:32px;padding-top:20px;text-align:center}.reset-footer .copyright{color:#ffffff80;font-size:12px;line-height:1.5;margin-bottom:6px}.reset-footer .copyright strong{color:#fff9;font-weight:600}.reset-footer .developer{color:#ffffff73;font-size:11px;line-height:1.5}.reset-footer .dev-name{color:#7bb4ff;font-weight:600;transition:color .2s ease}.reset-footer .dev-name:hover{color:#9dc9ff}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}:focus-visible{outline:2px solid #d5b6ff;outline-offset:2px}@media (max-width:980px){.reset-container{flex-direction:column;gap:40px;justify-content:center;padding:40px}.left-section{max-width:100%;text-align:center}.left-section h1{font-size:46px}.left-section h2{font-size:36px}.reset-box{max-width:480px;width:100%}.right-section{width:100%}}@media (max-width:480px){.reset-box{border-radius:18px;padding:35px 25px;width:100%}.left-section h1{font-size:38px}.left-section h2{font-size:32px}.reset-header h3{font-size:20px}.input-field input{font-size:16px;padding:14px 18px}.reset-btn{font-size:16px;padding:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.reset-box{border:2px solid #a06eff80}.input-field input{border:2px solid #a578ff99}.reset-btn{border:2px solid #6a1b9a80}}.back-to-login-btn{background:#0000;border:1px solid #b48cff59;border-radius:8px;color:#b48cffd9;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:12px;overflow:hidden;padding:12px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.back-to-login-btn:before{background:#b48cff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.back-to-login-btn:hover:not(:disabled){background:#b48cff14;border-color:#b48cff99;box-shadow:0 4px 15px #b48cff26;color:#fffffff2;transform:translateY(-2px)}.back-to-login-btn:hover:not(:disabled):before{left:100%}.back-to-login-btn:focus{outline:2px solid #d5b6ff;outline-offset:2px}.back-to-login-btn:active:not(:disabled){transform:translateY(0)}.back-to-login-btn:disabled{cursor:not-allowed;opacity:.5}.reset-box.user-mode .back-to-login-btn{border-color:#4a8df059;color:#5aa0ffd9}.reset-box.user-mode .back-to-login-btn:hover:not(:disabled){background:#4a8df014;border-color:#4a8df099;box-shadow:0 4px 15px #4a8df026;color:#96c8fff2}.reset-box.admin-mode .back-to-login-btn{border-color:#a855f759;color:#be82ffd9}.reset-box.admin-mode .back-to-login-btn:hover:not(:disabled){background:#a855f714;border-color:#a855f799;box-shadow:0 4px 15px #a855f726;color:#dca0fff2}@media (max-width:480px){.back-to-login-btn{font-size:13px;margin-top:10px;padding:11px}}.home-container{color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.header{background:linear-gradient(135deg,#1a0b3d,#2d1b69);justify-content:space-between;padding:1.5rem 4rem;position:relative;z-index:100}.header,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon{height:40px;object-fit:contain;width:40px}.logo-text{color:#fff;font-size:1.5rem;font-weight:600}.login-btn{background:#0000;border:2px solid #8b5cf6;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease;white-space:nowrap;width:auto}.login-btn:hover{background:#8b5cf6;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#1a0b3d,#2d1b69 50%,#1a0b3d);display:flex;justify-content:space-between;overflow:hidden;padding:4rem 4rem 3rem;position:relative}.hero-section:before{background-image:linear-gradient(90deg,#8b5cf61a 1px,#0000 0),linear-gradient(#8b5cf61a 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{flex:1 1;max-width:600px;position:relative;z-index:2}.hero-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;min-height:1.3em}.hero-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-bottom:1.5rem;min-height:1.3em}.typewriter-cursor{-webkit-text-fill-color:#0000;animation:cursorBlink 1s step-end infinite;background:#fff;border-radius:1px;display:inline-block;height:.82em;margin-left:3px;vertical-align:text-bottom;width:2.5px}.typewriter-cursor.subtitle-cursor{background:#c4b5fd}.typewriter-cursor.hidden{animation:none;opacity:0}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:#e0d9f5;font-size:1.1rem;line-height:1.8;max-width:550px}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:2}.hero-image img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(139,92,246,.4));height:auto;max-width:650px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features-bar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;justify-content:space-around;margin:0;padding:2rem 4rem}.feature-item{flex:1 1;text-align:center}.feature-item h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.feature-item p{color:#f3f0ff;font-size:1rem}.feature-divider{background:#ffffff4d;height:60px;width:2px}.how-it-works{background:#fff;color:#1f2937;padding:5rem 4rem}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#6b7280;font-size:1.2rem;margin-bottom:4rem;text-align:center}.steps-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}.step{background:#f9fafb;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.step:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-10px)}.step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.step-title{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.step-image{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:1.5rem;width:100%}.step-image img{height:auto;max-width:200px;object-fit:contain;width:100%}.step-description{color:#4b5563;font-size:.95rem}.why-trust{background:linear-gradient(135deg,#1a0b3d,#2d1b69);overflow:hidden;padding:5rem 4rem;position:relative}.why-trust:before{background-image:linear-gradient(90deg,#8b5cf60d 1px,#0000 0),linear-gradient(#8b5cf60d 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.why-trust .section-title{color:#fff;position:relative;z-index:2}.why-trust .section-subtitle{color:#c4b5fd;position:relative;z-index:2}.trust-content{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1400px;position:relative;z-index:2}.trust-illustration{align-items:center;display:flex;flex:1 1;justify-content:center}.trust-illustration img{filter:drop-shadow(0 10px 40px rgba(139,92,246,.3));height:auto;max-width:500px;width:100%}.trust-benefits{display:flex;flex:1 1;flex-direction:column;gap:2rem}.benefit-item{align-items:center;background:#8b5cf61a;border-left:4px solid #8b5cf6;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.benefit-item:hover{background:#8b5cf633;transform:translateX(10px)}.benefit-icon{background:#8b5cf6;border-radius:50%;box-shadow:0 0 15px #8b5cf699;flex-shrink:0;height:16px;width:16px}.benefit-item p{color:#e0d9f5;font-size:1.1rem;line-height:1.6;margin:0}.footer{background:linear-gradient(135deg,#1a0b3d,#2d1b69);border-top:1px solid #8b5cf64d;padding:3rem 4rem 2rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-main{border-bottom:1px solid #8b5cf633;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.footer-logo,.footer-main{align-items:center;display:flex}.footer-logo{gap:.75rem;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-links{display:flex;gap:3rem}.footer-links a{color:#c4b5fd;font-size:.95rem;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copyright{color:#fff9;font-size:.9rem;letter-spacing:.3px}.footer-copyright strong{color:#fffc;font-weight:600}.footer-developer{color:#ffffffa6;font-size:.85rem;letter-spacing:.3px}.dev-name{color:#a78bfa}.dev-name:hover{color:#c4b5fd;text-shadow:0 0 10px #a78bfa80}@media (max-width:1200px){.steps-container{gap:2rem;grid-template-columns:repeat(2,1fr)}.trust-content{flex-direction:column}}@media (max-width:768px){.header{padding:1rem 2rem}.hero-section{flex-direction:column;padding:3rem 2rem;text-align:center}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.features-bar{flex-direction:column;gap:2rem;padding:2rem}.feature-divider{height:2px;width:100%}.how-it-works{padding:3rem 2rem}.steps-container{grid-template-columns:1fr}.why-trust{padding:3rem 2rem}.footer{padding:2.5rem 2rem 1.5rem}.footer-main{flex-direction:column;gap:2rem;text-align:center}.footer-links{flex-direction:column;gap:1rem}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}.dev-name{color:#a855f7;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.modern-breadcrumb-header{align-items:center;background:#0000;display:flex;gap:16px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:99}.breadcrumb-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.breadcrumb-back-btn{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.breadcrumb-back-btn:hover{background:#6366f14d;border-color:#6366f180;color:#4f46e5}.breadcrumb-back-btn svg{height:20px;width:20px}.breadcrumb-path{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;font-weight:500;gap:0}.breadcrumb-link{border-radius:4px;color:#6366f1;cursor:pointer;padding:0 4px;transition:all .2s ease;white-space:nowrap}.breadcrumb-link:not(.active):hover{background:#6366f11a;color:#4f46e5}.breadcrumb-link.active{color:#9314c9;cursor:default;font-weight:600}.breadcrumb-divider{color:#6366f1;margin:0 4px;opacity:.6;white-space:nowrap}.modern-loader-container{align-items:center;background:#1e293b;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.loader-gradient-bg{animation:gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#2563eb26 0,#0000 50%),radial-gradient(circle at 80% 70%,#fb718526 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background:radial-gradient(circle at 20% 30%,#2563eb26 0,#0000 50%),radial-gradient(circle at 80% 70%,#fb718526 0,#0000 50%)}50%{background:radial-gradient(circle at 80% 70%,#2563eb26 0,#0000 50%),radial-gradient(circle at 20% 30%,#fb718526 0,#0000 50%)}}.loader-content{align-items:center;animation:contentFadeIn .6s ease-out;display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-icon{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:200px}.loader-logo{height:80px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:80px;z-index:10}.loader-logo img{filter:brightness(1.1);height:100%;object-fit:contain;width:100%}.loader-spinner{left:0;top:0}.loader-spinner,.spinner-ring{height:100%;position:absolute;width:100%}.spinner-ring{animation:arcRotate 2s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #0000;border-radius:50%}.spinner-ring:first-child{animation-duration:1.5s;border-color:#2563eb #2563eb #0000 #0000;opacity:.9}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-color:#0000 #0000 #fb7185 #fb7185;opacity:.9}@keyframes arcRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-message{color:#d1d5db;font-size:17px;font-weight:500;letter-spacing:.5px;margin:8px 0 0;text-align:center}.loader-dots{align-items:center;display:flex;gap:10px;height:20px}.loader-dots span{animation:dotPulse 1.4s ease-in-out infinite;border-radius:50%;height:12px;width:12px}.loader-dots span:first-child{animation-delay:0s;background:#2563eb}.loader-dots span:nth-child(2){animation-delay:.2s;background:#8b5cf6}.loader-dots span:nth-child(3){animation-delay:.4s;background:#fb7185}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.context-menu{animation:contextMenuSlideIn .15s ease;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;min-width:220px;padding:8px;z-index:10000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu-item{align-items:center;border-radius:8px;color:#374151;display:flex;font-weight:500;gap:12px;padding:10px 14px;transition:all .15s;-webkit-user-select:none;user-select:none}.context-menu-item svg{flex-shrink:0;height:18px;width:18px}.context-menu-item:hover{background:#f3f4f6;color:#1f2937}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover{background:#fee2e2;color:#b91c1c}.context-menu-item.share{color:#7c3aed}.context-menu-item.share:hover{background:#f5f3ff;color:#6d28d9}.context-menu-separator{background:#e5e7eb;height:1px;margin:6px 0}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.share-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;min-width:500px;overflow-y:auto;padding:32px}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.share-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:12px}.share-modal-header h3 svg{color:#7c3aed;height:28px;width:28px}.close-modal-btn{border-radius:8px;color:#9ca3af;padding:8px;transition:all .2s}.close-modal-btn:hover{color:#374151}.close-modal-btn svg{height:24px;width:24px}.share-file-info{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.share-file-icon{flex-shrink:0;font-size:48px}.share-file-details{flex:1 1;min-width:0}.share-file-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-file-meta{color:#6b7280;font-size:13px}.share-type-tabs{background:#7c3aed;border-radius:10px;display:flex;gap:8px;margin-bottom:24px;padding:4px}.share-type-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.share-type-tab svg{height:18px;width:18px}.share-type-tab:hover{color:#080d15}.share-type-tab.active{background:#ebeaee;box-shadow:0 1px 3px #0000001a;color:#772ef4}.share-content{animation:slideIn .3s ease}.share-section{margin-bottom:20px}.share-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.share-label-hint{color:#9ca3af;font-size:12px;font-weight:400;margin-left:4px}.share-input,.share-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.share-input:focus,.share-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.share-input::placeholder{color:#9ca3af}.employee-select-wrapper{position:relative}.employee-search{border:2px solid #e5e7eb;border-radius:10px;font-size:14px;margin-bottom:12px;padding:12px 16px 12px 44px;transition:all .2s;width:100%}.employee-search:focus{border-color:#7c3aed;outline:none}.search-icon-wrapper{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:14px}.search-icon-wrapper svg{height:18px;width:18px}.employee-list{border:2px solid #e5e7eb;border-radius:10px;max-height:280px;overflow-y:auto;padding:4px}.employee-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s}.employee-item:hover{background:#f9fafb}.employee-item.selected{background:#ede9fe;border:2px solid #c4b5fd}.employee-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s;width:18px}.employee-item.selected .employee-checkbox{background:#7c3aed;border-color:#7c3aed}.employee-checkbox svg{color:#fff;display:none;height:12px;width:12px}.employee-item.selected .employee-checkbox svg{display:block}.employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-info{flex:1 1;min-width:0}.employee-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.employee-details{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.employee-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-dept{background:#e0e7ff;border-radius:4px;color:#4f46e5;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.selected-recipients{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:12px}.selected-recipients-header{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:8px}.selected-recipients-list{display:flex;flex-wrap:wrap;gap:8px}.recipient-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.recipient-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.recipient-tag-remove:hover{background:#fee2e2;color:#dc2626}.recipient-tag-remove svg{height:14px;width:14px}.validity-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.validity-option{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:12px;text-align:center;transition:all .2s}.validity-option:hover{background:#faf5ff;border-color:#c4b5fd}.validity-option.selected{background:#ede9fe;border-color:#7c3aed}.validity-option-value{color:#a17bd7;font-size:18px;font-weight:700;margin-bottom:2px}.validity-option-label{color:#6b7280;font-size:12px;font-weight:500}.external-email-input{margin-bottom:16px}.external-hint{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:10px;margin-top:12px;padding:12px 16px}.external-hint svg{flex-shrink:0;height:18px;margin-top:1px;width:18px}.email-input-wrapper-share{align-items:center;display:flex;gap:8px;margin-bottom:12px}.email-input-wrapper-share .share-input{flex:1 1}.btn-add-email-share{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-add-email-share:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-add-email-share:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.email-chips-container-share{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px}.email-chip-share{align-items:center;animation:chipFadeInShare .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#1f2937;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}@keyframes chipFadeInShare{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.email-chip-share:hover{background:#f5f3ff;border-color:#667eea}.email-chip-text-share{color:#1f2937;font-weight:500}.email-chip-remove-share{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.email-chip-remove-share svg{stroke:#9ca3af;height:14px;transition:stroke .2s ease;width:14px}.email-chip-remove-share:hover{background:#fee2e2}.email-chip-remove-share:hover svg{stroke:#dc2626}.external-recipient-count{background:#ede9fe;border-radius:12px;color:#667eea;display:inline-block;font-size:13px;font-weight:500;margin-bottom:12px;padding:6px 12px}.share-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.share-cancel-btn,.share-submit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.share-cancel-btn{background:#f3f4f6;color:#374151}.share-cancel-btn:hover:not(:disabled){background:#e5e7eb}.share-submit-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.share-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #7c3aed4d;transform:translateY(-1px)}.share-cancel-btn:disabled,.share-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.share-submit-btn svg{height:18px;width:18px}.share-loading{align-items:center;display:flex;gap:8px}.share-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.notification{animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;box-shadow:0 10px 40px #00000026;font-size:15px;padding:16px 24px;right:24px;top:24px;z-index:10000}.notification-success{background:#10b981}.notification-error{background:#dc2626}.notification-info{background:#6366f1}.notification svg{height:20px;width:20px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.folder-page{min-height:100vh;position:relative;width:100%}.drag-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c3aedf2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.drag-content{color:#fff;text-align:center}.drag-content svg{stroke-width:2;animation:bounce 1s infinite;height:80px;margin-bottom:24px;width:80px}.drag-content h2{font-size:28px;font-weight:600;margin:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.folder-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.search-container{background:#0000;border:none;border-radius:0;gap:12px;max-width:1200px;min-width:500px;padding:0;transition:all .3s ease}.search-container:focus-within{background:#0000;border-color:#0000;box-shadow:none}body.dark .search-container{background:#0000;border:none}body.dark .search-container:focus-within{background:#0000;border-color:#0000;box-shadow:none}body.dark .search-icon{color:#d1d5db}.search-input{color:#1f2937;font-weight:500;padding:8px 0}body.dark .search-input{color:#f9fafb}.search-input::placeholder{font-weight:400}body.dark .search-input::placeholder{color:#e5e7eb}.toolbar-actions{gap:12px}.toolbar-actions,.view-toggle{align-items:center;display:flex}.view-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;height:44px;justify-content:center;transition:all .2s;width:44px}.view-toggle svg{color:#6b7280;height:20px;width:20px}.view-toggle:hover{background:#f9fafb;border-color:#d1d5db}.view-toggle.active{background:#7c3aed;border-color:#7c3aed}.view-toggle.active svg{color:#fff}.upload-btn{align-items:center;background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.upload-btn svg{height:20px;width:20px}.upload-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.new-folder-btn{align-items:center;background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.new-folder-btn svg{height:20px;width:20px}.new-folder-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.list-view-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.list-header{grid-gap:16px;align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;display:grid;font-size:12px;font-weight:600;gap:16px;grid-template-columns:50px 2.5fr 1.2fr 1.2fr .9fr .9fr .7fr 1fr;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.list-header-cell{align-items:center;display:flex}.list-body{display:flex;flex-direction:column}.list-item{grid-gap:16px;align-items:center;border-bottom:1px solid #f3f4f6;cursor:default;display:grid;gap:16px;grid-template-columns:50px 2.5fr 1.2fr 1.2fr .9fr .9fr .7fr 1fr;padding:16px 24px;transition:all .15s;-webkit-user-select:none;user-select:none}.list-item:hover{background:#f9fafb}.list-item .action-icon-btn,.list-item .item-checkbox,.list-item .star-icon{cursor:pointer}.list-item.selected{background:#ede9fe;border-color:#e9d5ff}.list-item:last-child{border-bottom:none}.list-cell{color:#374151;font-size:14px;overflow:hidden}.list-cell,.name-cell{align-items:center;display:flex}.name-cell{font-weight:500;gap:12px;min-width:0}.list-header-cell.name-cell{color:#6b7280;font-weight:600;padding-left:0}.name-header-icon-spacer{display:inline-block;flex-shrink:0;width:24px}.file-name-container{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.item-icon-small{flex-shrink:0;font-size:24px}.file-path-hint{font-size:11px}.file-path-hint,.file-path-hint-grid{color:#6b7280;font-style:italic;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-path-hint-grid{font-size:10px;margin-top:-8px;padding:0 4px;text-align:center;width:100%}.folder-item .item-dates,.folder-size-badge{display:none}.date-cell,.size-cell,.type-cell,.uploaded-cell{color:#6b7280}.star-btn,.star-cell{justify-content:center}.star-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;min-height:40px;min-width:40px;padding:6px 8px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.star-btn:hover{background:#fbbf241a;box-shadow:0 2px 12px #fbbf2440;transform:scale(1.25) rotate(15deg)}.star-btn--active{color:#f59e0b}.star-btn--active:hover{background:#ef444414;box-shadow:0 2px 12px #ef444433;transform:scale(1.25) rotate(-10deg)}.star-btn:active{transform:scale(1.15) rotate(10deg)}.star-btn:focus{outline:2px solid #7c3aed;outline-offset:2px}.actions-cell{gap:6px;justify-content:center}.action-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:7px;position:relative;transition:all .2s ease}.action-icon-btn svg{stroke-width:2;height:18px;width:18px}.action-icon-btn.menu-btn{color:#6b7280;position:relative}.action-icon-btn.menu-btn:hover{background:#f3f4f6;color:#374151}.action-icon-btn.menu-btn svg{height:18px;width:18px}.action-icon-btn.menu-btn svg circle{r:1.5}.action-icon-btn.menu-btn.active{background:#e5e7eb;color:#1f2937}body.dark .action-icon-btn.menu-btn{color:#9ca3af}body.dark .action-icon-btn.menu-btn:hover{background:#4b55634d;color:#d1d5db}body.dark .action-icon-btn.menu-btn.active{background:#4b556380;color:#e5e7eb}@media (max-width:768px){.action-icon-btn.menu-btn{padding:6px}.action-icon-btn.menu-btn svg{height:16px;width:16px}}.action-icon-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.05)}.action-icon-btn.share-btn{color:#8a40da}.action-icon-btn.share-btn:hover{background:#8a40da1a;color:#6b2fb5}.action-icon-btn.download-btn:hover{background:#22c55e1a;color:#16a34a}.action-icon-btn.delete-btn{color:#dc2626}.action-icon-btn.delete-btn:hover{background:#dc26261a;color:#b91c1c}.action-icon-btn:after{background:#1f2937;border-radius:6px;bottom:100%;color:#fff;content:attr(title);font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:1000}.action-icon-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.folder-content.list{display:block}.folder-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:default;display:flex;flex-direction:column;gap:8px;min-height:140px;padding:16px 14px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.folder-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-4px)}.folder-item .action-icon-btn,.folder-item .item-checkbox{cursor:pointer}.folder-item:hover .item-name{opacity:.8}.folder-item.selected{background:#faf5ff;box-shadow:0 4px 12px #7c3aed26}.item-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.folder-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.folder-icon svg{color:#fff;height:40px;width:40px}.file-emoji{font-size:48px}.item-name{color:#374151;font-size:12px;font-weight:500;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.item-dates{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-top:4px;padding:8px 12px;width:100%}.date-info{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:space-between}.date-label{flex-shrink:0;font-weight:500}.date-value{color:#374151;font-weight:400;text-align:right}.empty-state svg{color:#d1d5db;height:80px;margin-bottom:24px;width:80px}.empty-state h3{color:#374151;font-size:20px;margin-bottom:8px}.empty-state p{color:#6b7280;font-size:15px}.pagination-container{border-top:1px solid #e5e7eb}.pagination-btn,.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;transition:all .2s}.pagination-btn:hover:not(:disabled),.pagination-number:hover{background:#f9fafb;border-color:#d1d5db}.pagination-number.active{background:#7c3aed;border-color:#7c3aed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;z-index:9999}.modal-content{max-width:500px;min-width:320px}.modal-content h3{margin-bottom:24px}.upload-modal{max-width:550px;min-width:420px}.upload-file-list{margin-bottom:24px;max-height:400px;overflow-y:auto}.upload-file-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s}.upload-file-item:hover{background:#f3f4f6}.upload-file-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.file-icon-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.upload-file-details{flex:1 1;min-width:0}.upload-file-name{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{background:#6366f11f;border-radius:8px;color:#3730a3;font-size:14px;font-weight:700;padding:4px 10px}.upload-file-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.large-file-badge{background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:600}.large-file-badge,.very-large-file-badge{align-items:center;animation:pulse 2s infinite;border-radius:12px;color:#fff;display:inline-flex;font-size:10px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.very-large-file-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d;font-weight:700}body.dark .upload-file-size{background:#6366f126;color:#d1d5db}body.dark .upload-file-name{color:#f9fafb}.remove-file-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-file-btn:hover{background:#fee2e2;color:#dc2626}.remove-file-btn svg{height:18px;width:18px}.upload-progress{align-items:center;display:flex;gap:12px;min-width:120px}.progress-bar{background:#e5e7eb;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#6366f1;font-size:12px;font-weight:600;min-width:40px;text-align:right}.progress-text.error{color:#dc2626}.rename-input{border:2px solid #e5e7eb;border-radius:10px;font-size:15px;margin-bottom:24px;padding:12px 16px;transition:all .2s;width:100%}.rename-input:focus{border-color:#7c3aed;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-btn{color:#374151}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-btn{background:#7c3aed;color:#fff}.confirm-btn:hover:not(:disabled){background:#6d28d9}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.loading-spinner,.spinner{display:none}body.dark .folder-page{background:linear-gradient(135deg,#0a0118,#1a1435)}body.dark .search-input{background:#1a1435;border-color:#4c4072}body.dark .search-input::placeholder{color:#a78bfa;opacity:.6}body.dark .search-input:hover{background:#1f1640;border-color:#7c3aed}body.dark .search-input:focus{background:#1f1640;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33,0 1px 3px #0000004d}body.dark .search-icon{color:#a78bfa}body.dark .folder-item{background:#1a1a2e;border-color:#2d2d44}body.dark .folder-item:hover{background:#1f1f37;border-color:#3d3d5c}body.dark .folder-item.selected{background:#7c3aed1a;border-color:#7c3aed}body.dark .item-name{color:#e9d5ff}body.dark .list-view-container{background:#1a1435;border-color:#382a60}body.dark .list-header{background:#0f0a1f;border-bottom-color:#382a60;color:#b0a6d4}body.dark .action-icon-btn{color:#b37dff}body.dark .action-icon-btn:hover{background:#8a40da26;color:#e0d4ff}body.dark .action-icon-btn.share-btn{color:#b37dff}body.dark .action-icon-btn.share-btn:hover{background:#8a40da33;color:#e0d4ff}body.dark .action-icon-btn.delete-btn{color:#ff6b6b}body.dark .action-icon-btn.delete-btn:hover{background:#ff6b6b26;color:#f44}body.dark .list-item{border-bottom-color:#2d1b69}body.dark .list-item:hover{background:#2d1b69}body.dark .list-item.selected{background:#3d2979;border-color:#7c3aed}body.dark .list-cell{color:#e9d5ff}body.dark .action-icon-btn,body.dark .date-cell,body.dark .size-cell,body.dark .type-cell,body.dark .uploaded-cell{color:#b0a6d4}body.dark .action-icon-btn:hover{background:#2d1b69;color:#a78bfa}body.dark .context-menu-item:hover{background:#2d1b69}body.dark .modal-content,body.dark .share-modal{background:#1a1435}body.dark .modal-content h3,body.dark .share-modal h3{color:#e9d5ff}body.dark .employee-search,body.dark .rename-input,body.dark .share-input,body.dark .share-select{background:#0f0a1f;border-color:#382a60;color:#e9d5ff}body.dark .upload-file-item{background:#0f0a1f}body.dark .upload-file-item:hover{background:#1a1435}body.dark .upload-file-name{color:#e9d5ff}body.dark .progress-bar{background:#382a60}body.dark .new-folder-btn,body.dark .upload-btn,body.dark .view-toggle{border-color:#382a60}body.dark .empty-state h3{color:#e9d5ff}body.dark .pagination-container{border-top-color:#382a60}body.dark .pagination-info{color:#b0a6d4}body.dark .pagination-btn,body.dark .pagination-number{background:#1a1435;border-color:#382a60;color:#e9d5ff}body.dark .pagination-btn:hover:not(:disabled),body.dark .pagination-number:hover{background:#2d1b69;border-color:#7c3aed}body.dark .pagination-number.active{background:#7c3aed;border-color:#7c3aed}body.dark .items-per-page{color:#b0a6d4}body.dark .items-per-page select{background:#1a1435;border-color:#382a60;color:#e9d5ff}body.dark .share-file-info{background:#0f0a1f;border-color:#382a60}body.dark .employee-list{border-color:#382a60}body.dark .employee-item:hover{background:#2d1b69}body.dark .employee-name{color:#e9d5ff}body.dark .validity-option{background:#0f0a1f;border-color:#382a60}body.dark .validity-option:hover{background:#2d1b69;border-color:#7c3aed}body.dark .star-btn{color:#6b7280}body.dark .star-btn:hover{background:#fbbf2426;box-shadow:0 2px 12px #fbbf2459}body.dark .star-btn--active{color:#f59e0b}body.dark .star-btn:focus{outline:2px solid #7c3aed;outline-offset:2px}@media (max-width:1200px){.list-header,.list-item{grid-template-columns:50px 2.5fr 1.2fr 1.2fr .8fr .8fr .6fr 1fr}}@media (max-width:968px){.list-header,.list-item{grid-template-columns:50px 3fr 1.2fr 1fr 1fr .8fr 1fr}.list-header .date-cell:first-of-type,.list-item .date-cell:first-of-type{display:none}}@media (max-width:768px){.folder-toolbar{align-items:stretch;flex-direction:column}.search-container{max-width:100%;min-width:100%}.toolbar-actions{justify-content:space-between}.new-folder-btn,.upload-btn{flex:1 1}.folder-content.grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-content,.share-modal{min-width:90%;padding:24px}.upload-modal{min-width:90%}.upload-file-item{align-items:flex-start;flex-direction:column}.upload-progress{width:100%}.notification{left:12px;right:12px;top:12px}.pagination-container{align-items:stretch;flex-direction:column}.items-per-page,.pagination-info{text-align:center}.pagination-controls{justify-content:center}.star-btn{font-size:18px;min-height:44px;min-width:44px;padding:8px}.star-btn:hover{transform:scale(1.2) rotate(10deg)}.list-header,.list-item{gap:8px;grid-template-columns:1fr}.list-header{display:none}.list-item{align-items:flex-start;display:flex;flex-direction:column;padding:16px}.list-cell{justify-content:flex-start;width:100%}.name-cell{font-size:16px;margin-bottom:8px}.actions-cell{justify-content:flex-start;margin-top:8px}.validity-options{grid-template-columns:repeat(2,1fr)}.share-actions{flex-direction:column-reverse}.share-cancel-btn,.share-submit-btn{width:100%}.action-icon-btn:after{display:none}}@media (max-width:480px){.folder-content.grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.folder-item{padding:16px}.item-icon{height:48px;width:48px}.folder-icon svg{color:#fff;height:40px;width:40px}.file-emoji{font-size:48px}.toolbar-actions{flex-wrap:wrap}.new-folder-btn,.upload-btn{font-size:14px;padding:10px 16px}.drag-content h2{font-size:20px}.drag-content svg{height:60px;width:60px}.pagination-numbers{gap:2px}.pagination-btn,.pagination-number{font-size:13px;height:32px;min-width:32px}}.selection-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-weight:500;justify-content:space-between;margin-bottom:16px;padding:12px 24px}.selection-banner span{font-size:15px;font-weight:600}.selection-actions{display:flex;gap:8px}.action-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.action-btn.cancel-btn{background:#ffffff26}.action-btn.cancel-btn:hover{background:#ffffff40}.action-btn svg{height:16px;width:16px}.share-files-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:200px;overflow-y:auto}.share-files-list::-webkit-scrollbar{width:6px}.share-files-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.share-files-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.share-files-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.share-more-files{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;margin-top:8px;padding:12px;text-align:center}.folder-item.selected,.list-item.selected{background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.list-item.selected{background:linear-gradient(90deg,#ede9fe,#f9fafb)}@media (max-width:768px){.selection-banner{align-items:stretch;flex-direction:column;gap:12px}.selection-banner span{text-align:center}.selection-actions{flex-wrap:wrap;justify-content:center}.action-btn{flex:1 1;min-width:100px}}@media (max-width:480px){.action-btn{font-size:13px;padding:6px 12px}.action-btn svg{height:14px;width:14px}}body.dark .selection-banner{background:linear-gradient(135deg,#5b21b6,#6b21a8)}body.dark .action-btn{background:#ffffff26;border-color:#ffffff40}body.dark .action-btn:hover{background:#ffffff40}body.dark .share-files-list{background:#1a1435}body.dark .share-more-files{background:#0f0a1f;border-color:#382a60;color:#b0a6d4}body.dark .email-chips-container-share{background:#1e1b2e;border-color:#382a60}body.dark .email-chip-share{background:#2a2440;border-color:#382a60;color:#e9d5ff}body.dark .email-chip-share:hover{background:#382a60;border-color:#a78bfa}body.dark .email-chip-text-share{color:#e9d5ff}body.dark .btn-add-email-share{background:linear-gradient(135deg,#a78bfa,#c4b5fd);color:#1e1b2e}body.dark .btn-add-email-share:hover:not(:disabled){background:linear-gradient(135deg,#c4b5fd,#a78bfa)}body.dark .btn-add-email-share:disabled{background:#382a60;color:#6b5e88}body.dark .email-chip-remove-share:hover{background:#4c1d24}body.dark .external-recipient-count{background:#382a60;color:#c4b5fd}body.dark .external-hint{background:#1e293b;border-color:#334155;color:#94a3b8}body.dark .folder-item.selected,body.dark .list-item.selected{background:linear-gradient(135deg,#2d1b69,#3d2979);border-color:#a78bfa}.rename-hint{background:#f3f4f6;border-left:3px solid #7c3aed;border-radius:4px;color:#6b7280;font-size:13px;margin:10px 0;padding:8px 12px}body.dark .rename-hint{background:#2d1b69;color:#b0a6d4}.rename-input-group{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:0;margin:15px 0;overflow:hidden;transition:all .2s}.rename-input-group:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.rename-input-group .rename-input{border:none;border-radius:0;flex:1 1;margin:0;padding:12px 16px}.rename-input-group .rename-input:focus{border:none;box-shadow:none;outline:none}.rename-extension{background:#f3f4f6;border-left:2px solid #e5e7eb;color:#6b7280;cursor:not-allowed;font-family:Courier New,monospace;font-weight:600;padding:12px 16px;-webkit-user-select:none;user-select:none;white-space:nowrap}body.dark .rename-input-group{border-color:#382a60}body.dark .rename-input-group:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}body.dark .rename-extension{background:#2d1b69;border-left-color:#382a60;color:#b0a6d4}.modal-content h3{margin-bottom:10px}.folder-content.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.folder-item.file-item{position:relative}.file-preview-container{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;overflow:hidden;position:relative}.file-thumbnail-img{border-radius:12px;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.file-emoji-fallback{align-items:center;display:none;font-size:48px;height:100%;justify-content:center;width:100%}.file-thumbnail-img[style*="display: none"]+.file-emoji-fallback{display:flex!important}.folder-item.file-item:hover .file-thumbnail-img{transform:scale(1.08)}.folder-item.file-item:hover .file-emoji{transform:scale(1.15)}.file-type-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:6px;bottom:8px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:8px;text-transform:uppercase}.folder-item.selected:before{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #7c3aed80;color:#fff;content:"✓";display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:10px;top:10px;width:32px;z-index:10}.folder-item.selected{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#7c3aed;border-width:3px;box-shadow:0 0 0 4px #7c3aed40;transform:translateY(-4px)}.folder-item .item-icon{aspect-ratio:1;min-height:140px;width:100%}.folder-item .item-name{font-size:13px;line-height:1.3;max-height:2.6em;padding:0 4px}body.dark .file-preview-container{background:linear-gradient(135deg,#2d1b69,#1a1435)}body.dark .file-type-badge{background:#000000e6}body.dark .folder-item.selected:before{border-color:#1a1435}@media (max-width:1400px){.folder-content.grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:1024px){.folder-content.grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:768px){.folder-content.grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.folder-item .item-icon{min-height:80px}.file-emoji,.file-emoji-fallback{font-size:32px}}@media (max-width:480px){.folder-content.grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.folder-item{padding:10px}.folder-item .item-icon{min-height:70px}.file-emoji,.file-emoji-fallback{font-size:24px}.folder-item .item-name{font-size:11px}.folder-item.selected:before{font-size:14px;height:26px;right:8px;top:8px;width:26px}}.checkbox-cell{max-width:50px!important;min-width:50px!important;padding:0!important;width:50px!important}.item-checkbox{transition:all .2s ease}.item-checkbox:hover{transform:scale(1.1)}.list-header .checkbox-cell .item-checkbox{border:2px solid #d1d5db}.list-header,.list-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:50px 2.5fr 1.2fr 1.2fr .9fr .9fr .7fr 1fr;padding:16px 24px}.bulk-actions-bar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.bulk-count{font-weight:600}.bulk-action-btn.share-btn:hover{background:#22c55ee6;border-color:#22c55e}.list-item.selected{background:linear-gradient(90deg,#7c3aed1a,#7c3aed0d);border-left:4px solid #7c3aed;box-shadow:0 2px 8px #7c3aed26}.list-item.selected:hover{background:linear-gradient(90deg,#7c3aed26,#7c3aed14)}.list-item:not(.selected) .checkbox-cell{opacity:.3;transition:opacity .2s ease}.list-item.selected .checkbox-cell,.list-item:hover .checkbox-cell{opacity:1}.item-checkbox:focus{outline:2px solid #7c3aed;outline-offset:2px}.bulk-action-btn:focus{outline:2px solid #fff;outline-offset:2px}@media (max-width:1024px){.list-header,.list-item{grid-template-columns:50px 2fr 1fr 1fr .8fr .8fr .6fr .9fr}}@media (max-width:768px){.checkbox-cell{max-width:40px!important;min-width:40px!important;width:40px!important}.item-checkbox{height:16px;width:16px}.bulk-actions-bar{align-items:stretch;flex-direction:column;gap:12px}.bulk-actions-buttons{flex-wrap:wrap;justify-content:center}.bulk-action-btn{font-size:14px;padding:6px 12px}}.video-modal{background:#000;max-height:90vh;max-width:1200px;overflow:hidden;padding:0;width:90vw}.video-modal-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px 24px}.video-modal-header h3{align-items:center;color:#fff;display:flex;flex:1 1;font-size:18px;font-weight:600;gap:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-modal-header h3 svg{color:#7c3aed;flex-shrink:0;height:24px;width:24px}.video-player-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:400px}.video-player,.video-player-container{max-height:calc(90vh - 180px);width:100%}.video-player{height:100%;outline:none}.video-modal-actions{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-top:1px solid #444;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.video-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.video-action-btn svg{height:18px;width:18px}.video-action-btn.download-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.video-action-btn.download-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 12px #7c3aed66;transform:translateY(-2px)}.video-action-btn.close-btn{background:#374151;color:#fff}.video-action-btn.close-btn:hover{background:#4b5563}@media (max-width:1024px){.video-modal{max-height:85vh;width:95vw}.video-player,.video-player-container{max-height:calc(85vh - 180px)}}@media (max-width:768px){.video-modal{border-radius:0;max-height:100vh;max-width:100vw;width:100vw}.video-modal-header{padding:16px 20px}.video-modal-header h3{font-size:16px}.video-player-container{min-height:300px}.video-player,.video-player-container{max-height:calc(100vh - 180px)}.video-modal-actions{flex-wrap:wrap;padding:12px 16px}.video-action-btn{flex:1 1;justify-content:center;min-width:120px}}.folder-icon-large{min-width:58px;width:58px!important}.file-icon-large,.folder-icon-large{height:58px!important;min-height:58px}.file-icon-large{min-width:46px;width:46px!important}.breadcrumb-container{align-items:center;background:#14142899;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px 24px}.back-button{align-items:center;background:#7c5dfa26;border:1px solid #7c5dfa4d;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.back-button:hover{background:#7c5dfa40;border-color:#7c5dfa80;transform:translateX(-3px)}.back-button:active{transform:translateX(-1px)}.back-button svg{stroke-width:2.5;color:#a78bfa;height:22px;width:22px}.folder-header h1{align-items:center;display:inline-flex;gap:0;line-height:1.2;margin:0}.breadcrumb,.folder-header h1{font-size:1.5rem;white-space:nowrap}.breadcrumb{color:#a78bfa;display:inline-block;font-weight:500;transition:all .2s ease}.breadcrumb.breadcrumb-home{color:#d1d5db;font-weight:400}.breadcrumb.breadcrumb-current{color:#a855f7;font-weight:600}.breadcrumb:hover{color:#c4b5fd}.breadcrumb.clickable{cursor:pointer}.breadcrumb.clickable:hover{color:#8b5cf6}.breadcrumb-separator{color:#9ca3af;display:inline-block;font-size:1.5rem;font-weight:300;margin:0 12px}.file-icon-badge-only{align-items:center;border-radius:4px;box-shadow:0 2px 6px #00000026;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;letter-spacing:.3px;min-width:42px;padding:4px 10px;text-align:center;vertical-align:middle;white-space:nowrap}.search-container{align-items:center;display:flex;flex:1 1;max-width:300px;position:relative}.search-icon{z-index:1}.search-input{padding-left:40px!important;padding-right:40px!important}.clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .2s;width:24px}.clear-search-btn:hover{background:#9ca3af1a;color:#6b7280}.clear-search-btn svg{height:14px;width:14px}.checkbox-cell{align-items:center;display:flex;justify-content:center;width:50px}.item-checkbox{accent-color:#7c3aed;cursor:pointer;height:18px;width:18px}.actions-cell{align-items:center;justify-content:flex-end}.upload-size-notice{background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;color:#b45309;font-size:13px;margin:8px 0 14px;padding:8px 12px}.upload-size-error-banner{align-items:center;animation:errorShake .35s ease;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;color:#991b1b;display:flex;font-size:13px;gap:10px;margin-bottom:12px;padding:10px 14px}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.file-path-hint,.file-path-hint-grid{display:none!important}.notification{align-items:center;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10002}.notification svg{flex-shrink:0;height:22px;width:22px}.notification-success{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #dc2626;color:#fff}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #d97706;color:#fff}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #2563eb;color:#fff}body.dark .notification{box-shadow:0 10px 40px #0009}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;z-index:10000}.modal-content{animation:scaleIn .3s ease;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:85vh;padding:32px;width:90%}.modal-content h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 16px}.upload-size-notice{background:#fffbeb!important;border:1px solid #fcd34d!important;border-radius:6px!important;color:#b45309!important;gap:8px!important;margin:8px 0 16px!important;padding:10px 14px!important}.upload-size-error-banner,.upload-size-notice{align-items:center!important;display:flex!important;font-size:13px!important}.upload-size-error-banner{animation:errorShake .35s ease!important;background:#fef2f2!important;border:1.5px solid #fca5a5!important;border-radius:8px!important;color:#991b1b!important;gap:10px!important;margin-bottom:16px!important;padding:12px 14px!important}body.dark .modal-content{background:#1e293b;color:#f1f5f9}body.dark .modal-content h3{color:#f1f5f9}body.dark .upload-size-notice{background:#d9770626!important;border-color:#fbbf244d!important;color:#fbbf24!important}body.dark .upload-size-error-banner{background:#991b1b26!important;border-color:#fca5a54d!important;color:#fca5a5!important}.sort-filter-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;position:relative;transition:all .2s}.sort-filter-btn svg{height:16px;width:16px}.sort-filter-btn:hover{background:#f9fafb;border-color:#7c3aed;color:#7c3aed}.sort-filter-btn.active{background:#ede9fe;border-color:#7c3aed;color:#7c3aed}.filter-active-dot{background:#7c3aed;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.sort-filter-panel{animation:slideDown .2s ease;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000f;gap:0;gap:8px;margin-bottom:16px;padding:12px 20px}.sort-filter-panel,.sort-filter-section{align-items:center;display:flex;flex-wrap:wrap}.sort-filter-section{gap:10px}.sort-filter-label{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.sort-filter-divider{background:#e5e7eb;height:32px;margin:0 16px;width:1px}.sort-filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-btn,.sort-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s;white-space:nowrap}.filter-btn:hover,.sort-btn:hover{background:#faf5ff;border-color:#7c3aed;color:#7c3aed}.filter-btn.active,.sort-btn.active{background:#ede9fe;border-color:#7c3aed;color:#7c3aed;font-weight:600}.list-header-cell.sortable{align-items:center;cursor:pointer;display:flex;gap:4px;transition:color .15s;-webkit-user-select:none;user-select:none}.list-header-cell.sortable:hover{color:#7c3aed}.folder-stats-bar{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#f8faff,#f5f3ff);border:1px solid #e9d5ff;border-radius:10px;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-bottom:16px;padding:10px 20px}.folder-stat-item{align-items:center;color:#4b5563;display:flex;font-weight:500;gap:5px}.folder-stat-item.video-stat{color:#7c3aed;font-weight:600}.folder-stat-dot{color:#d1d5db;font-size:16px;line-height:1}.like-btn{border:none;border-radius:8px;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:6px 7px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.like-btn:hover{background:#ef44441a;transform:scale(1.2)}.like-btn--active{animation:heartPop .3s ease}.like-btn--active:hover{background:#ef44441f;transform:scale(1.1)}.video-action-btn.like-video-btn{background:#374151;color:#fff;transition:all .25s ease}.video-action-btn.like-video-btn:hover{background:#ef4444d9;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.video-action-btn.like-video-btn.liked{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef444466}.video-action-btn.like-video-btn.liked:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}body.dark .sort-filter-btn,body.dark .sort-filter-panel{background:#1a1435;border-color:#382a60}body.dark .sort-filter-btn{color:#e9d5ff}body.dark .sort-filter-btn.active,body.dark .sort-filter-btn:hover{background:#2d1b69;border-color:#7c3aed;color:#c4b5fd}body.dark .filter-btn,body.dark .sort-btn{background:#0f0a1f;border-color:#382a60;color:#b0a6d4}body.dark .filter-btn.active,body.dark .filter-btn:hover,body.dark .sort-btn.active,body.dark .sort-btn:hover{background:#2d1b69;border-color:#7c3aed;color:#c4b5fd}body.dark .folder-stats-bar{background:linear-gradient(135deg,#0f0a1f,#1a1435);border-color:#382a60;color:#b0a6d4}body.dark .folder-stat-item{color:#c4b5fd}body.dark .sort-filter-divider{background:#382a60}body.dark .sort-filter-label{color:#6b5e88}.like-btn{align-items:center;background:none;border:1.5px solid #e5e7eb;border-radius:20px;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.like-btn:hover{background:#ef44440f;transform:scale(1.05)}.like-btn--active,.like-btn:hover{border-color:#ef4444;color:#ef4444}.like-btn--active{animation:heartPop .35s cubic-bezier(.34,1.56,.64,1);background:#ef444414}.like-btn--active:hover{background:#ef444424}.like-btn-label{font-size:11px;font-weight:600;letter-spacing:.2px}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.video-like-btn{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:10px 22px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.video-like-btn:hover{background:#ef444440;border-color:#ef4444;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:translateY(-2px)}.video-like-btn--active{background:linear-gradient(135deg,#ef4444d9,#dc2626d9);border-color:#ef4444;box-shadow:0 4px 20px #ef444473;color:#fff}.video-like-btn--active:hover{background:linear-gradient(135deg,#dc2626e6,#b91c1ce6);box-shadow:0 6px 24px #ef44448c}.video-like-icon{align-items:center;display:flex;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.video-like-btn--active .video-like-icon{animation:heartPop .4s cubic-bezier(.34,1.56,.64,1)}.video-like-label{font-size:14px;font-weight:600;letter-spacing:.3px}.video-like-badge{animation:fadeIn .2s ease;background:#ffffff40;border-radius:10px;font-size:12px;margin-left:2px;padding:2px 8px}.folder-item{position:relative}.grid-like-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:28px;z-index:5}.folder-item:hover .grid-like-btn{opacity:1}.grid-like-btn--active{animation:heartPop .35s cubic-bezier(.34,1.56,.64,1);background:#ef4444d9!important;box-shadow:0 2px 10px #ef444480;opacity:1!important}.grid-like-btn:hover{background:#ef4444bf;transform:scale(1.2)}.explorer-sort-wrapper{position:relative}.explorer-sort-menu{animation:esmFadeIn .12s ease;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014;left:0;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 4px);z-index:10000}@keyframes esmFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.esm-item{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:13.5px;gap:0;padding:7px 14px 7px 10px;position:relative;transition:background .1s;-webkit-user-select:none;user-select:none}.esm-item--sub-open,.esm-item:hover{background:#eff6ff}.esm-item--checked{font-weight:500}.esm-check{color:#374151;flex-shrink:0;font-size:16px;line-height:1;text-align:center;width:20px}.esm-label{flex:1 1}.esm-arrow{color:#6b7280;flex-shrink:0;margin-left:auto}.esm-separator{background:#e5e7eb;height:1px;margin:4px 0}.esm-item--sub{position:relative}.esm-submenu{animation:esmFadeIn .1s ease;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014;left:calc(100% + 2px);min-width:180px;padding:4px 0;position:absolute;top:-4px;z-index:10001}body.dark .esm-submenu,body.dark .explorer-sort-menu{background:#1e1b2e;border-color:#382a60;box-shadow:0 8px 24px #0006}body.dark .esm-item{color:#e9d5ff}body.dark .esm-item--sub-open,body.dark .esm-item:hover{background:#2d1b69}body.dark .esm-separator{background:#382a60}body.dark .esm-check{color:#c4b5fd}body.dark .esm-arrow{color:#9ca3af}.hide-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.hide-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.hide-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.hide-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.hide-modal-header h3 svg{color:#6366f1;height:24px;width:24px}.hide-modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.hide-modal-close-btn svg{color:#6b7280;height:20px;width:20px}.hide-modal-close-btn:hover{background:#f3f4f6}.hide-modal-body{flex:1 1;overflow-y:auto;padding:24px}.hide-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.hide-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.hide-tab svg{height:18px;width:18px}.hide-tab:hover{background:#f9fafb;color:#374151}.hide-tab.active{border-bottom-color:#6366f1;color:#6366f1}.hide-file-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:16px}.hide-file-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.hide-file-label,.hide-file-name{font-weight:600;margin-bottom:8px}.hide-file-name{color:#1f2937;font-size:16px;word-break:break-word}.hide-file-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.hide-search-section{margin-bottom:20px;position:relative}.hide-search-input{border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.hide-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.hide-search-icon{color:#9ca3af;height:20px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.hide-employees-section{margin-bottom:16px}.hide-employees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hide-employees-header span{color:#374151;font-size:14px;font-weight:600}.hide-clear-selection{background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:all .2s}.hide-clear-selection:hover{background:#eef2ff}.hide-employees-list{border:1px solid #e5e7eb;border-radius:12px;max-height:300px;overflow-y:auto;padding:8px}.hide-employee-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.hide-employee-item:hover{background:#f9fafb}.hide-employee-item.selected{background:#eef2ff;border:1px solid #c7d2fe}.hide-employee-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.hide-employee-item.selected .hide-employee-checkbox{background:#6366f1;border-color:#6366f1}.hide-employee-checkbox svg{color:#fff;height:14px;width:14px}.hide-employee-info{flex:1 1;min-width:0}.hide-employee-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.hide-employee-email,.hide-employee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-employee-email{color:#6b7280;font-size:13px}.hide-report-section{margin-top:0}.hide-report-header{margin-bottom:20px}.hide-report-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.hide-report-header p{color:#6b7280;font-size:14px;margin:0}.hide-report-list{border:1px solid #e5e7eb;border-radius:12px;max-height:400px;overflow-y:auto;padding:8px}.hide-report-item{background:#f9fafb;border-radius:8px;margin-bottom:8px;padding:16px;transition:all .2s}.hide-report-item:hover{background:#f3f4f6}.hide-report-file{align-items:center;display:flex;gap:12px}.hide-report-file svg{color:#6366f1;flex-shrink:0;height:24px;width:24px}.hide-report-filename{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px;word-break:break-word}.hide-report-meta{color:#6b7280;font-size:13px}.hide-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.hide-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.hide-loading p{color:#6b7280;font-size:14px;margin:0}.hide-empty-state{color:#9ca3af;padding:40px 20px;text-align:center}.hide-empty-state svg{color:#d1d5db;height:48px;margin-bottom:12px;width:48px}.hide-empty-state p{font-size:14px;margin:0}.hide-modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.hide-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.hide-modal-btn svg{height:18px;width:18px}.hide-modal-btn:disabled{cursor:not-allowed;opacity:.5}.hide-cancel-btn{background:#fff;border:2px solid #e5e7eb;color:#374151;flex:0.5 1}.hide-cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.hide-hide-btn{background:#ef4444;color:#fff}.hide-hide-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.hide-unhide-btn{background:#10b981;color:#fff}.hide-unhide-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.hide-btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.hide-employees-list::-webkit-scrollbar,.hide-report-list::-webkit-scrollbar{width:8px}.hide-employees-list::-webkit-scrollbar-track,.hide-report-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hide-employees-list::-webkit-scrollbar-thumb,.hide-report-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hide-employees-list::-webkit-scrollbar-thumb:hover,.hide-report-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark .hide-modal-content{background:#1a1435;box-shadow:0 20px 60px #0009}body.dark .hide-modal-header{border-bottom-color:#8a40da33}body.dark .hide-modal-header h3{color:#e2d9f3}body.dark .hide-modal-close-btn svg,body.dark .hide-modal-header h3 svg{color:#a78bfa}body.dark .hide-modal-close-btn:hover{background:#8a40da26}body.dark .hide-file-info{background:#8a40da14;border-color:#8a40da33}body.dark .hide-file-label{color:#a78bfa}body.dark .hide-file-name{color:#e2d9f3}body.dark .hide-file-description{color:#9ca3af}body.dark .hide-tabs{border-bottom-color:#8a40da33}body.dark .hide-tab{color:#9ca3af}body.dark .hide-tab:hover{background:#8a40da1a;color:#e2d9f3}body.dark .hide-tab.active{border-bottom-color:#a78bfa;color:#a78bfa}body.dark .hide-search-input{background:#12102a;border-color:#8a40da40;color:#e2d9f3}body.dark .hide-search-input::placeholder{color:#6b7280}body.dark .hide-search-input:focus{border-color:#8a40da;box-shadow:0 0 0 3px #8a40da26}body.dark .hide-search-icon{color:#6b7280}body.dark .hide-employees-header span{color:#c4b5fd}body.dark .hide-clear-selection{color:#a78bfa}body.dark .hide-clear-selection:hover{background:#8a40da26}body.dark .hide-employees-list{background:#12102a;border-color:#8a40da33}body.dark .hide-employee-item:hover{background:#8a40da1a}body.dark .hide-employee-item.selected{background:#8a40da26;border-color:#8a40da66}body.dark .hide-employee-checkbox{border-color:#8a40da66}body.dark .hide-employee-item.selected .hide-employee-checkbox{background:#8a40da;border-color:#8a40da}body.dark .hide-employee-name{color:#e2d9f3}body.dark .hide-employee-email{color:#9ca3af}body.dark .hide-report-header h4{color:#e2d9f3}body.dark .hide-report-header p{color:#9ca3af}body.dark .hide-report-list{background:#12102a;border-color:#8a40da33}body.dark .hide-report-item{background:#8a40da14}body.dark .hide-report-item:hover{background:#8a40da24}body.dark .hide-report-file svg{color:#a78bfa}body.dark .hide-report-filename{color:#e2d9f3}body.dark .hide-report-meta{color:#9ca3af}body.dark .hide-spinner{border-color:#8a40da #8a40da33 #8a40da33}body.dark .hide-loading p{color:#9ca3af}body.dark .hide-empty-state{color:#6b7280}body.dark .hide-empty-state svg{color:#8a40da4d}body.dark .hide-modal-footer{background:#140f2d;border-top-color:#8a40da33}body.dark .hide-cancel-btn{background:#1a1435;border-color:#8a40da4d;color:#c4b5fd}body.dark .hide-cancel-btn:hover:not(:disabled){background:#8a40da1a;border-color:#8a40da80}body.dark .hide-employees-list::-webkit-scrollbar-track,body.dark .hide-report-list::-webkit-scrollbar-track{background:#12102a}body.dark .hide-employees-list::-webkit-scrollbar-thumb,body.dark .hide-report-list::-webkit-scrollbar-thumb{background:#8a40da4d}body.dark .hide-employees-list::-webkit-scrollbar-thumb:hover,body.dark .hide-report-list::-webkit-scrollbar-thumb:hover{background:#8a40da80}@media (max-width:640px){.hide-modal-content{max-height:95vh;width:95%}.hide-modal-header{padding:20px}.hide-modal-header h3{font-size:18px}.hide-modal-body{padding:20px}.hide-tabs{flex-direction:column;gap:4px}.hide-tab{justify-content:center;width:100%}.hide-modal-footer{flex-direction:column;padding:16px 20px}.hide-modal-btn{width:100%}.hide-cancel-btn{flex:1 1}}.support-enquiry-container{align-items:flex-start;background:#f6f5ff;display:flex;justify-content:center;margin-left:260px;min-height:calc(100vh - 72px);padding:60px 40px;transition:background .3s ease,margin-left .3s ease}body.sidebar-collapsed .support-enquiry-container{margin-left:70px}.support-enquiry-wrapper{margin:0 auto;max-width:900px;width:100%}.support-notification{animation:slideDown .5s ease-out;display:flex;justify-content:center;margin-bottom:32px}.notification-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;max-width:500px;padding:16px 24px;transition:all .3s ease;width:100%}.notification-card.notification-success{background:#fff;border-left:4px solid #22c55e}.notification-card.notification-error{background:#fef2f2;border-left:4px solid #ef4444}.notification-icon{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;padding:8px}.notification-icon.notification-error-icon{background:linear-gradient(135deg,#f87171,#ef4444)}.notification-icon svg{color:#fff;height:24px;width:24px}.notification-content h3{color:#1d172c;font-size:16px;font-weight:600;margin:0 0 4px}.notification-content p{color:#6b7280;font-size:14px;margin:0}.notification-card.notification-error .notification-content h3{color:#dc2626}.notification-card.notification-error .notification-content p{color:#991b1b}.support-heading{color:#1d172c;font-size:48px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 48px;text-align:center}.support-form-card{background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;max-width:100%;padding:56px 64px;transition:all .3s ease}.form-group{margin-bottom:36px}.form-group:last-of-type{margin-bottom:48px}.form-label{color:#1d172c;display:block;font-size:18px;font-weight:600;margin-bottom:12px}.form-label-optional{color:#9ca3af;font-weight:400;margin-left:4px}.form-input{background:#0000;border:none;border-bottom:2px solid #e5e7eb;box-sizing:border-box;color:#1d172c;font-family:inherit;font-size:16px;outline:none;padding:16px 4px;transition:border-color .3s ease;width:100%}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-bottom-color:#8a41e7}.form-input:disabled{color:#6b7280;cursor:not-allowed;opacity:.7}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A41E7' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1d172c;cursor:pointer;font-family:inherit;font-size:16px;outline:none;padding:16px 44px 16px 18px;transition:all .3s ease;width:100%}.form-select:hover{border-color:#d1d5db}.form-select:focus{border-color:#8a41e7;box-shadow:0 0 0 3px #8a41e71a}.form-select option{background:#fff;color:#1d172c;padding:10px}.form-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1d172c;font-family:inherit;font-size:16px;line-height:1.6;min-height:160px;outline:none;padding:18px 20px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea::placeholder{color:#9ca3af}.form-textarea:focus{background:#fff;border-color:#8a41e7}.character-count{color:#9ca3af;display:block;font-size:13px;margin-top:8px;text-align:right}.form-error{color:#ef4444;display:block;font-size:14px;font-weight:500;margin-top:8px}.submit-btn-wrapper{margin-top:8px}.submit-btn,.submit-btn-wrapper{display:flex;justify-content:center}.submit-btn{align-items:center;background:linear-gradient(90deg,#3a3c6e,#8a41e7);border:none;border-radius:12px;box-shadow:0 4px 12px #8a41e74d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;gap:10px;margin:0 auto;padding:16px 48px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #8a41e766;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn .spinner{animation:spin 1s linear infinite}.success-message{animation:fadeIn .3s ease-out;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;color:#166534;font-weight:500;margin-top:24px;padding:16px 20px}body.dark .support-enquiry-container{background:#0b0b1c}body.dark .support-heading{color:#eadeff}body.dark .notification-card{background:#1a1435;box-shadow:0 4px 12px #0000004d}body.dark .notification-card.notification-error{background:#2a1e1e}body.dark .notification-content h3{color:#eadeff}body.dark .notification-content p{color:#b0a6d4}body.dark .notification-card.notification-error .notification-content h3{color:#fca5a5}body.dark .notification-card.notification-error .notification-content p{color:#f5a6a6}body.dark .support-form-card{background:#1a1435;box-shadow:0 8px 24px #0000004d}body.dark .form-label{color:#eadeff}body.dark .form-label-optional{color:#6b6889}body.dark .form-input{background:#0000;border-bottom-color:#3a2a63;color:#eadeff}body.dark .form-input::placeholder{color:#6b6889}body.dark .form-input:focus{border-bottom-color:#8a41e7}body.dark .form-select{background-color:#120d3b;border-color:#3a2a63;color:#eadeff}body.dark .form-select:focus{border-color:#8a41e7}body.dark .form-select option{background:#1a1435;color:#eadeff}body.dark .form-textarea{background:#120d3b;border-color:#3a2a63;color:#eadeff}body.dark .form-textarea::placeholder{color:#6b6889}body.dark .form-textarea:focus{background:#1a1435;border-color:#8a41e7}body.dark .character-count{color:#6b6889}body.dark .submit-btn{background:linear-gradient(90deg,#8a41e7,#3a3c6e)}body.dark .success-message{background:#1a3d2e;border-color:#22c55e;color:#86efac}@media (max-width:1024px){.support-enquiry-container{margin-left:240px;padding:48px 32px}body.sidebar-collapsed .support-enquiry-container{margin-left:70px}.support-form-card{padding:48px 52px}}@media (max-width:768px){.support-enquiry-container{margin-left:0;padding:32px 20px}.support-heading{font-size:36px;margin-bottom:36px}.support-form-card{padding:40px 28px}.form-group{margin-bottom:28px}.form-group:last-of-type{margin-bottom:40px}.form-label{font-size:16px}.form-input,.form-select,.form-textarea{font-size:15px}.form-textarea{min-height:140px}.submit-btn{margin:0 auto;max-width:400px;padding:14px 24px;width:100%}.notification-card{padding:12px 18px}.notification-content h3{font-size:15px}.notification-content p{font-size:13px}}@media (max-width:480px){.support-enquiry-container{padding:24px 16px}.support-heading{font-size:28px;margin-bottom:28px}.support-form-card{padding:32px 24px}.form-textarea{min-height:120px}.submit-btn{font-size:15px;padding:12px 24px}}.shared-with-me-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.file-type-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;margin:0 auto 4px;width:56px}.file-type-label{font-size:11px;font-weight:800;letter-spacing:.5px}.file-icon .file-type-icon{border-radius:7px;height:36px;width:36px}.file-icon .file-type-label{font-size:8px}.file-icon-large .file-type-icon{border-radius:12px;height:64px;width:64px}.file-icon-large .file-type-label{font-size:12px}.page-header,.shared-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.shared-header{align-items:flex-start;flex-direction:column;gap:8px}.shared-header h1{color:#2c3e50;font-size:28px;margin:0}.header-left{gap:15px}.header-left h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;gap:10px;margin:0}.header-subtitle{color:#7f8c8d;font-size:14px;margin:5px 0 0}.file-count{background:#e8f4fd;border-radius:20px;color:#06c;font-size:14px;font-weight:500;padding:4px 12px}.back-button{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#e0e0e0;transform:translateX(-2px)}.refresh-button{display:none}.shared-controls,.toolbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.search-input-wrap{flex:1 1;min-width:250px;position:relative}.search-box{min-width:250px}.search-box input,.search-input{background:#0000;border:none;border-radius:10px;box-shadow:none;box-sizing:border-box;font-size:14px;outline:none;padding:12px 16px 12px 40px;transition:all .2s;width:100%}.search-box input:focus,.search-input:focus{border:none;box-shadow:none;outline:none}.view-controls{align-items:center;display:flex;gap:10px}.custom-sort-dropdown{display:inline-block;position:relative}.custom-sort-trigger{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;height:42px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.custom-sort-trigger:hover{border-color:#7c5cbf}.sort-chevron{stroke:#7c5cbf;height:16px;transition:transform .2s;width:16px}.sort-chevron.open{transform:rotate(180deg)}.custom-sort-menu{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:999}.custom-sort-option{color:#2c3e50;cursor:pointer;font-size:14px;padding:11px 16px;transition:background .15s}.custom-sort-option:hover{background:#f3f0ff;color:#7c5cbf}.custom-sort-option.active{background:#7c5cbf;color:#fff;font-weight:600}.sort-select{display:none}.sort-select option{background:#fff;color:#2c3e50;padding:10px}.sort-select option:hover{background:#f0f0f0}.sort-select:focus{border-color:#4caf50;outline:none}.sort-order-button{align-items:center;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:inline-flex;font-size:18px;height:42px;justify-content:center;line-height:normal;min-width:42px;padding:10px 15px;transition:all .2s;vertical-align:middle}.sort-order-button:hover{background:#e0e0e0}.icon-btn{align-items:center;background:#f3f0ff;border:none;border-radius:12px;cursor:pointer;display:inline-flex;flex-shrink:0;height:48px;justify-content:center;transition:background .2s,box-shadow .2s,transform .15s;width:48px}.icon-btn svg{stroke:#7c5cbf;height:20px;transition:stroke .2s;width:20px}.icon-btn:hover{background:#ede9fe;transform:translateY(-1px)}.icon-btn:hover svg{stroke:#5b3fa6}.icon-btn.active{background:#7c5cbf;box-shadow:0 0 0 2px #7c5cbf59}.icon-btn.active svg{stroke:#fff}.icon-btn.refresh-icon-btn:hover svg{stroke:#5b3fa6}.view-mode-buttons{align-items:center;display:flex;gap:6px}.view-button{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;padding:8px 16px;transition:all .2s}.view-button svg{height:18px;width:18px}.view-button.active{background:#4caf50;border-color:#4caf50;color:#fff}.view-button:hover:not(.active){background:#f0f0f0}.clear-history-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.clear-history-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.error-banner{align-items:center;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.error-banner button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.error-banner button:hover{background:#d32f2f}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px}.empty-state h2{color:#2c3e50;margin-bottom:10px}.empty-state p{color:#7f8c8d;font-size:16px}.files-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.files-table{border-collapse:collapse;width:100%}.files-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.files-table th{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.files-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.files-table th.sortable:hover{background:#e8f4fd}.files-table td:nth-child(5),.files-table th:nth-child(5),.files-table th:nth-child(6){text-align:center}.files-table td:nth-child(6){justify-content:center;text-align:center}.files-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.files-table tbody tr:hover{background:#f8f9fa}.files-table tbody tr.selected{background:#e8f4fd}.files-table td{color:#2c3e50;font-size:14px;padding:15px}.file-name-cell{align-items:center;display:flex;gap:10px}.file-icon{font-size:24px}.file-name{color:#2c3e50;font-weight:500}.sender-cell{color:#5a6c7d}.sender-email{background:#f0f0f0;border-radius:4px;font-size:13px;padding:4px 8px}.date-cell{color:#7f8c8d;font-size:13px}.actions-cell{display:flex;gap:8px}.action-button{background:#f0f0f0;border-radius:6px;font-size:16px;padding:6px 12px;transition:all .2s}.action-button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-2px)}.action-button.download:hover{background:#4caf50;color:#fff}.action-button.view:hover{background:#2196f3;color:#fff}.files-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:5px}.file-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-direction:column;gap:8px;padding:12px;transition:all .3s}.file-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.file-card.selected{border:2px solid #4caf50;box-shadow:0 4px 12px #4caf504d}.file-icon-large{font-size:36px;text-align:center}.file-info{flex:1 1}.file-card .file-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:12px;font-weight:600;margin-bottom:4px;overflow:hidden;word-break:break-word}.file-meta{color:#7f8c8d;display:flex;flex-direction:column;font-size:13px;gap:8px}.file-meta .sender{color:#5a6c7d;font-weight:500}.card-actions{display:flex;gap:6px}.card-actions .action-button{flex:1 1;font-size:11px;gap:3px;padding:5px 6px}.share-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-blue{background:#e3f2fd;color:#1976d2}.badge-green{background:#e8f5e9;color:#388e3c}.badge-gray{background:#f5f5f5;color:#616161}.validity{font-weight:400;margin-left:5px;opacity:.8}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:20px;margin-top:30px}.pagination button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.pagination button:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.pagination button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.page-info{color:#2c3e50;font-weight:500}.context-menu{animation:fadeIn .15s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:8px 0;position:fixed;z-index:1000}.context-menu-item{color:#2c3e50;cursor:pointer;font-size:14px;padding:12px 20px;transition:background .2s}.context-menu-item:hover:not(.info){background:#f0f0f0}.context-menu-item.info{background:#f8f9fa;color:#5a6c7d;cursor:default;font-size:13px;padding:15px 20px}.context-menu-item.info div{margin-bottom:5px}.context-menu-item.info div:last-child{margin-bottom:0}.context-menu-divider{background:#e0e0e0;height:1px;margin:8px 0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.spinner{border:5px solid #f3f3f3}.loading-container p{color:#7f8c8d;font-size:16px}.notification-badge{animation:slideInBounce .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:50px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;max-width:400px;padding:16px 28px;position:fixed;right:30px;top:80px;z-index:10000}@keyframes slideInBounce{0%{opacity:0;transform:translateX(500px) scale(.8)}60%{opacity:1;transform:translateX(-15px) scale(1.05)}80%{transform:translateX(8px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}.notification-badge-content{align-items:center;display:flex;gap:14px}.notification-badge-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.notification-badge-message{color:#1a1a1a;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.notification-badge-success{background:linear-gradient(135deg,#fff,#f0fdf4);border:1px solid #bbf7d0}.notification-badge-success .notification-badge-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.notification-badge-error{background:linear-gradient(135deg,#fff,#fef2f2);border:1px solid #fecaca}.notification-badge-error .notification-badge-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-badge-warning{background:linear-gradient(135deg,#fff,#fffbeb);border:1px solid #fed7aa}.notification-badge-warning .notification-badge-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-badge-info{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #bfdbfe}.notification-badge-info .notification-badge-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-badge{animation:slideInBounce .5s cubic-bezier(.68,-.55,.265,1.55),fadeOutBadge .3s ease-out 2.7s forwards}@keyframes fadeOutBadge{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(450px) scale(.9)}}.notification-badge:hover{animation:slideInBounce .5s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards}.notification-badge:before{animation:progressBadge 3s linear;background:currentColor;border-radius:0 0 50px 50px;bottom:0;content:"";height:3px;left:0;opacity:.15;position:absolute}.notification-badge-success:before{color:#22c55e}.notification-badge-error:before{color:#ef4444}.notification-badge-warning:before{color:#f59e0b}.notification-badge-info:before{color:#3b82f6}@keyframes progressBadge{0%{width:100%}to{width:0}}@media (max-width:768px){.notification-badge{left:16px;max-width:none;padding:14px 20px;right:16px;top:70px}.notification-badge-message{font-size:14px}.notification-badge-icon{font-size:14px;height:24px;width:24px}}@media (max-width:480px){.notification-badge{padding:12px 16px}.notification-badge-content{gap:10px}}@media (max-width:1024px){.files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.shared-with-me-container{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-left{flex-wrap:wrap}.toolbar{align-items:stretch;flex-direction:column}.view-controls{flex-wrap:wrap;justify-content:space-between}.files-grid{grid-template-columns:1fr}.files-table{font-size:12px}.files-table td,.files-table th{padding:10px 8px}.action-button{font-size:14px;padding:4px 8px}.pagination{flex-direction:column;gap:10px}}@media (max-width:480px){.header-left h1{font-size:22px}.files-table{display:block;overflow-x:auto}.context-menu{min-width:180px}}body.dark .shared-with-me-container{background:linear-gradient(135deg,#0a0118,#1a1435)}body.dark .page-header,body.dark .shared-header{background:#1a1435;border-color:#382a60}body.dark .shared-header h1{color:#e9d5ff}body.dark .header-left h1{color:#9a72df}body.dark .header-subtitle{color:#b0a6d4}body.dark .file-count{background:#2d1b69;color:#a78bfa}body.dark .back-button{background:#2d1b69;border-color:#382a60;color:#e9d5ff}body.dark .back-button:hover{background:#3d2979}body.dark .refresh-button{background:#16a34a;color:#fff}body.dark .refresh-button:hover{background:#15803d}body.dark .clear-history-button{background:#dc2626;color:#fff}body.dark .clear-history-button:hover{background:#b91c1c}body.dark .shared-controls,body.dark .toolbar{background:#1a1435;border-color:#382a60}body.dark .search-box input,body.dark .search-input{background:#0000;border:none;box-shadow:none;color:#e9d5ff}body.dark .search-box input:focus,body.dark .search-input:focus{border:none;box-shadow:none}body.dark .search-box input::placeholder,body.dark .search-input::placeholder{color:#6b7280}body.dark .sort-select{background:#0f0a1f;border-color:#382a60;color:#e9d5ff}body.dark .sort-select option{background:#1a1435;color:#fff;padding:10px}body.dark .sort-select option:checked,body.dark .sort-select option:hover{background:#2d1b69;color:#fff}body.dark .sort-select:focus{border-color:#7c3aed}body.dark .sort-order-button{background:#2d1b69;border-color:#382a60;color:#e9d5ff}body.dark .sort-order-button:hover{background:#3d2979}body.dark .view-mode-buttons{background:#2d1b69}body.dark .view-mode-buttons button{color:#b0a6d4;font-weight:500}body.dark .view-mode-buttons button.active{background:#7c3aed;box-shadow:0 2px 8px #7c3aed66;color:#fff;font-weight:600}body.dark .view-mode-buttons button:hover:not(.active){background:#7c3aed4d;color:#c4b5fd}body.dark .view-button{background:#2d1b69;border-color:#382a60;color:#e9d5ff}body.dark .view-button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}body.dark .view-button:hover:not(.active){background:#3d2979}body.dark .view-button svg{stroke:currentColor}body.dark .clear-history-btn{background:#dc2626;color:#fff}body.dark .clear-history-btn:hover{background:#b91c1c}body.dark .error-banner{background:#2d1b1b;border-left-color:#dc2626}body.dark .error-banner button{background:#dc2626}body.dark .error-banner button:hover{background:#b91c1c}body.dark .empty-state{background:#1a1435;border-color:#382a60}body.dark .empty-state p{color:#b0a6d4}body.dark .files-list{background:#1a1435;border-color:#382a60}body.dark .files-table thead{background:#0f0a1f;border-bottom-color:#382a60}body.dark .files-table th{color:#b0a6d4}body.dark .files-table th.sortable:hover{background:#2d1b69}body.dark .files-table tbody tr{border-bottom-color:#2d1b69}body.dark .files-table tbody tr:hover{background:#2d1b69}body.dark .files-table tbody tr.selected{background:#3d2979;border-left:3px solid #7c3aed}body.dark .file-name,body.dark .files-table td{color:#e9d5ff}body.dark .sender-cell{color:#b0a6d4}body.dark .sender-email{background:#2d1b69;color:#e9d5ff}body.dark .date-cell{color:#9ca3af}body.dark .action-button{background:#2d1b69;color:#e9d5ff}body.dark .action-button:hover{background:#3d2979}body.dark .action-button.download:hover{background:#16a34a;color:#fff}body.dark .action-button.view:hover{background:#2563eb;color:#fff}body.dark .file-card{background:#1a1435;border:1px solid #382a60}body.dark .file-card:hover{background:#2d1b69;border-color:#7c3aed}body.dark .file-card.selected{background:#3d2979;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed66}body.dark .file-card .file-name{color:#e9d5ff}body.dark .file-meta{color:#9ca3af}body.dark .file-meta .sender{color:#b0a6d4}body.dark .badge-blue{background:#1e3a8a;color:#93c5fd}body.dark .badge-green{background:#14532d;color:#86efac}body.dark .badge-gray{background:#374151;color:#d1d5db}body.dark .pagination{background:#1a1435;border-color:#382a60}body.dark .pagination button{background:#16a34a}body.dark .pagination button:hover:not(:disabled){background:#15803d}body.dark .pagination button:disabled{background:#374151}body.dark .page-info{color:#e9d5ff}body.dark .context-menu{background:#1a1435;border:1px solid #382a60;box-shadow:0 4px 12px #00000080}body.dark .context-menu-item{color:#e9d5ff}body.dark .context-menu-item:hover:not(.info){background:#2d1b69}body.dark .context-menu-item.info{background:#0f0a1f;color:#b0a6d4}body.dark .context-menu-divider{background:#382a60}body.dark .loading-container p{color:#b0a6d4}body.dark .spinner{border-color:#7c3aed #374151 #374151}body.dark .notification-badge{background:linear-gradient(135deg,#1a1435,#2d1b69);border:1px solid #382a60;box-shadow:0 8px 32px #00000080}body.dark .notification-badge-message{color:#e9d5ff}body.dark .notification-badge-success{background:linear-gradient(135deg,#1a1435,#14532d);border-color:#15803d}body.dark .notification-badge-success .notification-badge-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}body.dark .notification-badge-error{background:linear-gradient(135deg,#1a1435,#2d1b1b);border-color:#b91c1c}body.dark .notification-badge-error .notification-badge-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}body.dark .notification-badge-warning{background:linear-gradient(135deg,#1a1435,#362b13);border-color:#d97706}body.dark .notification-badge-warning .notification-badge-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}body.dark .notification-badge-info{background:linear-gradient(135deg,#1a1435,#1e3a8a);border-color:#2563eb}body.dark .notification-badge-info .notification-badge-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}body.dark .notification-badge-success:before{color:#22c55e}body.dark .notification-badge-error:before{color:#ef4444}body.dark .notification-badge-warning:before{color:#f59e0b}body.dark .notification-badge-info:before{color:#3b82f6}.action-button svg{stroke-width:2.5;display:inline-block;transition:all .2s}.action-button svg,.actions-cell .action-button svg{height:18px;width:18px}.card-actions .action-button{align-items:center;display:flex;gap:6px;justify-content:center}.card-actions .action-button svg{height:11px;width:11px}.action-button:hover svg{transform:scale(1.1)}.action-button.download:hover svg,.action-button.view:hover svg{stroke:#fff}.context-menu-item svg{stroke-width:2;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}body.dark .action-button svg{stroke:#e9d5ff}body.dark .action-button:hover svg{stroke:currentColor}body.dark .action-button.download:hover svg,body.dark .action-button.view:hover svg{stroke:#fff}body.dark .context-menu-item svg{stroke:#e9d5ff}.action-button:disabled svg{stroke:#9ca3af;opacity:.3}body.dark .action-button:disabled svg{stroke:#6b7280}@keyframes downloadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.action-button.download:active svg{animation:downloadBounce .3s ease}@keyframes viewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-button.view:active svg{animation:viewPulse .3s ease}:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--hover-bg:#f9fafb;--success-color:#16a34a;--error-color:#dc2626;--spacing-unit:4px;--border-radius:8px}.share-page-full{z-index:1000}.popup-overlay,.share-page-full{bottom:0;left:0;position:fixed;right:0;top:0}.popup-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;justify-content:center;padding:20px;z-index:1001}.popup-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.popup-container.large{max-width:800px}.popup-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.popup-header h2{color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.close-button{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#e5e7eb;transform:rotate(90deg)}.close-button svg{color:#374151;height:18px;width:18px}.popup-body{flex:1 1;overflow-y:auto;padding:24px}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.popup-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.popup-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.step-description{color:#6b7280;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.popup-footer{background:#fafbfc;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:20px 24px;position:relative;z-index:10}.breadcrumbs-container{background:#f9fafb;border-radius:8px;overflow-x:auto;padding:12px}.breadcrumb-item{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.breadcrumb-item:hover{background:#e5e7eb;color:#1f2937;color:var(--text-primary)}.breadcrumb-item.active{color:#667eea;color:var(--primary-color);cursor:default;font-weight:600}.breadcrumb-item.active:hover{background:none}.breadcrumb-separator{color:#d1d5db;flex-shrink:0;height:16px;width:16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{height:18px;left:12px;width:18px}.search-input-full{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.search-input-full:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.clear-search:hover{background:#e5e7eb}.clear-search svg{color:#6b7280;height:14px;width:14px}.sfp-search-wrapper{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;gap:6px;height:44px;margin-bottom:16px;padding:0 10px;position:relative;transition:border-color .2s,box-shadow .2s}.sfp-search-wrapper--employee:focus-within,.sfp-search-wrapper:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}body.dark .sfp-search-wrapper{background:#1e2435;border-color:#374151}body.dark .sfp-search-wrapper:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}.sfp-search-icon{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;transition:color .2s}.sfp-search-wrapper:focus-within .sfp-search-icon{color:#7c3aed}body.dark .sfp-search-icon{color:#6b7280}.sfp-search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;font-weight:450;min-width:0;outline:none;padding:0}body.dark .sfp-search-input{color:#f3f4f6}.sfp-search-input::placeholder{color:#b0b7c3;font-weight:400}body.dark .sfp-search-input::placeholder{color:#4b5563}.sfp-search-badge{background:#7c3aed14;border:1px solid #7c3aed33;border-radius:20px;color:#7c3aed;flex-shrink:0;font-size:11.5px;font-weight:600;padding:2px 10px;white-space:nowrap}.sfp-search-badge--purple{background:#7c3aed14;border-color:#7c3aed33;color:#7c3aed}body.dark .sfp-search-badge{background:#7c3aed26;border-color:#7c3aed4d;color:#a78bfa}.sfp-clear-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:background .15s,color .15s;width:22px}.sfp-clear-btn:hover{background:#e5e7eb;color:#374151}body.dark .sfp-clear-btn{background:#374151;color:#9ca3af}body.dark .sfp-clear-btn:hover{background:#4b5563;color:#f3f4f6}.sfp-search-error{color:#e53935;flex-shrink:0;font-size:11.5px;white-space:nowrap}.sfp-spinner{animation:sfp-spin .75s linear infinite;color:#7c3aed}@keyframes sfp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.sfp-search-badge{display:none}}.selected-files-badge{background:#667eea;background:var(--primary-color);border-radius:12px;color:#fff;display:inline-block;font-size:13px;font-weight:500;padding:8px 16px}.files-folders-list{overflow-y:auto}.files-folders-list::-webkit-scrollbar{width:6px}.files-folders-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.files-folders-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.files-folders-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.folder-item-browse{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.folder-item-browse:hover{background:#f9fafb;background:var(--hover-bg);border-color:#e5e7eb;border-color:var(--border-color)}.folder-item-browse:hover:after{color:#6b7280;color:var(--text-secondary,#9ca3af);content:"Double-click to open";font-size:11px;opacity:.75;pointer-events:none;position:absolute;right:48px}.folder-item-browse{position:relative}.folder-icon-emoji{flex-shrink:0;font-size:24px;line-height:1}.folder-info{flex:1 1;min-width:0}.folder-info h4{color:#1f2937;color:var(--text-primary);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-info p{color:#6b7280;color:var(--text-secondary);font-size:12px;margin:2px 0 0}.chevron-icon{color:#9ca3af;flex-shrink:0;height:18px;width:18px}.file-item-browse{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.file-item-browse:hover{background:#f9fafb;background:var(--hover-bg);border-color:#e5e7eb;border-color:var(--border-color)}.file-item-browse.selected{background:#ede9fe;border-color:#a78bfa}.file-checkbox-wrapper{align-items:center;display:flex;flex-shrink:0}.file-checkbox{accent-color:#667eea;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.file-icon-wrapper-small{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.file-info-browse{flex:1 1;min-width:0}.file-info-browse h4{color:#1f2937;color:var(--text-primary);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-browse p{color:#6b7280;color:var(--text-secondary);font-size:12px;margin:2px 0 0}.share-type-cards{display:flex;flex-direction:column;gap:12px}.share-type-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s ease}.share-type-card:hover{background:#f9fafb;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.share-type-card.active,.share-type-card:hover{border-color:#667eea;border-color:var(--primary-color)}.share-type-card.active{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea33}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon.internal{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.external{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon svg{color:#fff;height:24px;width:24px}.card-content{flex:1 1}.card-content h3{color:#1f2937;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.card-content p{color:#6b7280;color:var(--text-secondary);font-size:13px;margin:0}.active-indicator{align-items:center;background:#667eea;background:var(--primary-color);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.active-indicator svg{color:#fff;height:16px;width:16px}.security-disclaimer{animation:slideIn .3s ease;background:linear-gradient(135deg,#fff4e6,#ffe8cc);border-left:4px solid #fb923c;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.disclaimer-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.disclaimer-icon svg{color:#ea580c;height:24px;width:24px}.disclaimer-content{color:#78350f;flex:1 1;font-size:13px;line-height:1.5}.disclaimer-content strong{color:#9a3412;display:block;font-weight:600;margin-bottom:4px}.disclaimer-content p{color:#78350f;margin:0}.disclaimer-content b{color:#9a3412;font-weight:600}.form-group:last-child{margin-bottom:80px}.external-share-form,.internal-share-form{min-height:300px;padding-bottom:20px}.form-group label{color:#1f2937;color:var(--text-primary)}.email-input-full,.validity-select-full{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:14px;padding:10px 12px;position:relative;transition:all .2s ease;width:100%;z-index:1}.email-input-full:focus,.validity-select-full:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.selected-badge{background:#ede9fe;border-radius:12px;color:#667eea;color:var(--primary-color);display:inline-block;font-size:13px;font-weight:500;margin-top:8px;padding:6px 12px}.email-input-wrapper{align-items:center;display:flex;gap:8px}.email-input-wrapper input{flex:1 1}.btn-add-email{background:#667eea;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-add-email:hover:not(:disabled){background:#764ba2;background:var(--secondary-color);transform:translateY(-1px)}.btn-add-email:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.email-chips-container{background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.email-chip{align-items:center;animation:chipFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;color:#1f2937;color:var(--text-primary);display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.email-chip:hover{background:#f5f3ff;border-color:#667eea;border-color:var(--primary-color)}.email-chip-text{color:#1f2937;color:var(--text-primary);font-weight:500}.email-chip-remove{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.email-chip-remove svg{stroke:#9ca3af;height:14px;transition:stroke .2s ease;width:14px}.email-chip-remove:hover{background:#fee2e2}.email-chip-remove:hover svg{stroke:#dc2626;stroke:var(--error-color)}.employee-list-full{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);overflow-y:auto}.employee-list-full::-webkit-scrollbar{width:6px}.employee-list-full::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.employee-list-full::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.employee-list-full::-webkit-scrollbar-thumb:hover{background:#9ca3af}.employee-card{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.employee-card:last-child{border-bottom:none}.employee-card:hover{background:#f9fafb;background:var(--hover-bg)}.employee-card.selected{background:#ede9fe}.employee-checkbox-wrapper{align-items:center;display:flex;flex-shrink:0}.employee-checkbox-full{accent-color:#667eea;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.employee-avatar-full{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.employee-info-full{flex:1 1;min-width:0}.employee-info-full h4{color:#1f2937;color:var(--text-primary);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-info-full p{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis}.employee-department,.employee-info-full p{color:#6b7280;color:var(--text-secondary);font-size:12px;white-space:nowrap}.employee-department{background:#f3f4f6;border-radius:12px;flex-shrink:0;padding:4px 12px}.message-alert{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--border-radius);display:flex;font-size:14px;gap:12px;padding:12px 16px}.message-alert svg{flex-shrink:0;height:20px;width:20px}.message-alert.error{background:#fef2f2;border-color:#fecaca;color:#dc2626;color:var(--error-color)}.message-alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a;color:var(--success-color)}.empty-state-full,.loading-state{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.empty-state-full svg,.loading-state svg{height:48px;opacity:.5;width:48px}.empty-state-full p{font-size:14px;text-align:center}.spinner-large{border:3px solid #e5e7eb;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;width:40px}.spinner-large,.spinner-small{animation:spin .6s linear infinite}.spinner-small{border:2px solid #e5e7eb;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.btn-primary-full,.btn-secondary-full{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-primary-full{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary-full:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.btn-primary-full:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary-full{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#1f2937;color:var(--text-primary)}.btn-secondary-full:hover:not(:disabled){background:#e5e7eb}.btn-secondary-full:disabled{cursor:not-allowed;opacity:.5}.btn-primary-full svg,.btn-secondary-full svg{height:18px;width:18px}@media (max-width:768px){.popup-container{max-height:95vh;max-width:95%}.popup-container.large{max-width:95%}.popup-header{padding:20px}.popup-header h2{font-size:20px}.popup-body{padding:20px}.popup-footer{flex-direction:column;padding:16px 20px}.btn-primary-full,.btn-secondary-full{width:100%}.employee-department{display:none}.share-type-card{padding:14px}.card-icon{height:40px;width:40px}.card-icon svg{height:20px;width:20px}.card-content h3{font-size:15px}.card-content p{font-size:12px}}@media (max-width:480px){.popup-overlay{padding:10px}.popup-container{border-radius:12px}.popup-header{padding:16px}.popup-header h2{font-size:18px}.popup-body{padding:16px}.popup-footer{padding:12px 16px}}body.dark .popup-overlay{background:#000000b3}body.dark .popup-container{background:#1a1435;box-shadow:0 20px 60px #00000080}body.dark .popup-header{border-bottom-color:#382a60}body.dark .popup-header h2{color:#e9d5ff}body.dark .close-button{background:#2d1b69}body.dark .close-button:hover{background:#3d2979}body.dark .close-button svg{color:#e9d5ff}body.dark .popup-footer{background:#0f0a1f;border-top-color:#382a60}body.dark .step-description{color:#b0a6d4}body.dark .breadcrumbs-container{background:#0f0a1f}body.dark .breadcrumb-item{color:#b0a6d4}body.dark .breadcrumb-item:hover{background:#2d1b69;color:#e9d5ff}body.dark .breadcrumb-item.active{color:#a78bfa}body.dark .email-input-full,body.dark .search-input-full,body.dark .validity-select-full{background:#0f0a1f;border-color:#382a60;color:#e9d5ff}body.dark .email-input-full:focus,body.dark .search-input-full:focus,body.dark .validity-select-full:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}body.dark .clear-search{background:#2d1b69}body.dark .clear-search:hover{background:#3d2979}body.dark .clear-search svg{color:#b0a6d4}body.dark .employee-card:hover,body.dark .file-item-browse:hover,body.dark .folder-item-browse:hover{background:#2d1b69;border-color:#382a60}body.dark .employee-card.selected,body.dark .file-item-browse.selected{background:#7c3aed33;border-color:#7c3aed}body.dark .employee-info-full h4,body.dark .file-info-browse h4,body.dark .folder-info h4{color:#e9d5ff}body.dark .employee-info-full p,body.dark .file-info-browse p,body.dark .folder-info p{color:#b0a6d4}body.dark .file-icon-wrapper-small{background:#2d1b69}body.dark .share-type-card{background:#1a1435;border-color:#382a60}body.dark .share-type-card:hover{background:#2d1b69;border-color:#7c3aed}body.dark .share-type-card.active{background:#7c3aed33;border-color:#7c3aed}body.dark .card-content h3{color:#e9d5ff}body.dark .card-content p{color:#b0a6d4}body.dark .form-group label{color:#e9d5ff}body.dark .employee-list-full{border-color:#382a60}body.dark .employee-card{border-bottom-color:#2d1b69}body.dark .employee-department{background:#2d1b69;color:#b0a6d4}body.dark .selected-badge{background:#7c3aed33;color:#a78bfa}body.dark .message-alert.error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}body.dark .message-alert.success{background:#16a34a1a;border-color:#16a34a4d;color:#86efac}body.dark .btn-secondary-full{background:#2d1b69;border-color:#382a60;color:#e9d5ff}body.dark .btn-secondary-full:hover:not(:disabled){background:#3d2979}body.dark .empty-state-full p,body.dark .loading-state p{color:#b0a6d4}body.dark .spinner-large{border-color:#a78bfa #382a60 #382a60}body.dark .spinner-small{border-color:#fff #fff3 #fff3}body.dark .email-chips-container{background:#1e1b2e;border-color:#382a60}body.dark .email-chip{background:#2a2440;border-color:#382a60;color:#e9d5ff}body.dark .email-chip:hover{background:#382a60;border-color:#a78bfa}body.dark .email-chip-text{color:#e9d5ff}body.dark .btn-add-email{background:#a78bfa;color:#1e1b2e}body.dark .btn-add-email:hover:not(:disabled){background:#c4b5fd}body.dark .btn-add-email:disabled{background:#382a60;color:#6b5e88}body.dark .email-chip-remove:hover{background:#4c1d24}.folder-icon{display:inline-block!important;flex-shrink:0;position:relative;transition:all .2s ease;vertical-align:middle}.folder-icon-small{height:24px!important;min-height:24px;min-width:24px;width:24px!important}.folder-icon-medium{height:64px!important;min-height:64px;min-width:64px;width:64px!important}.folder-icon-large{height:80px!important;min-height:80px;min-width:80px;width:80px!important}.folder-icon-tab{border-radius:3px 3px 0 0;height:25%;top:0;width:40%;z-index:1}.folder-icon-body,.folder-icon-tab{background:linear-gradient(135deg,#ffc107,#ffb300);left:0;position:absolute}.folder-icon-body{border-radius:3px;box-shadow:0 2px 8px #00000026;height:80%;top:20%;width:100%}.folder-icon-paper{background:#fff;border-radius:2px;box-shadow:0 1px 3px #0003;height:50%;left:20%;position:absolute;top:30%;width:60%}.folder-icon-paper:after,.folder-icon-paper:before{background:#ddd;content:"";height:2px;left:10%;position:absolute;width:80%}.folder-icon-paper:before{top:30%}.folder-icon-paper:after{top:60%}.folder-selected .folder-icon-body,.folder-selected .folder-icon-tab,.selected .folder-icon-body,.selected .folder-icon-tab{background:linear-gradient(135deg,#42a5f5,#1976d2)}.file-icon{display:inline-block!important;flex-shrink:0;position:relative;transition:all .2s ease;vertical-align:middle}.file-icon-small{height:28px!important;min-height:28px;min-width:24px;width:24px!important}.file-icon-large,.file-icon-medium{height:80px!important;min-height:80px;min-width:64px;width:64px!important}.file-icon-document{background:#fff;border-radius:2px;box-shadow:0 2px 8px #00000026;height:100%;overflow:hidden;position:relative;width:100%}.file-icon-corner{border-color:#0000 #f5f5f5 #0000 #0000;border-style:solid;border-width:0 12px 12px 0;height:0;position:absolute;right:0;top:0;width:0}.file-icon-lines{left:15%;position:absolute;top:25%;width:70%}.file-icon-line{background:#e0e0e0;border-radius:1px;height:2px;margin-bottom:4px}.file-icon-line:first-child{width:100%}.file-icon-line:nth-child(2){width:80%}.file-icon-line:nth-child(3){width:90%}.file-icon-badge{border-radius:3px;bottom:8px;box-shadow:0 2px 4px #0003;font-size:10px;font-weight:700;left:50%;padding:3px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:2}.file-icon-arrow{border-color:#0000;border-style:solid;border-width:12px 6px 0;bottom:-8px;height:0;opacity:.8;position:absolute;right:4px;width:0}.file-icon-small .file-icon-badge{bottom:2px;font-size:6px;padding:1px 3px}.file-icon-small .file-icon-corner{border-width:0 6px 6px 0}.file-icon-small .file-icon-arrow{border-width:6px 3px 0;bottom:-4px;right:2px}.file-icon-small .file-icon-line{height:1px;margin-bottom:2px}.list-cell.name-cell{align-items:center;display:flex;gap:12px}.back-button-share{align-items:center;background:#6464ff1a;border:1px solid #6464ff4d;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:8px;padding:0;transition:all .2s ease;width:36px}.back-button-share:hover{background:#6464ff33;border-color:#6464ff80;transform:translateX(-2px)}.back-button-share:active{transform:translateX(0)}.back-button-share svg{color:#6c63ff;height:20px;width:20px}.breadcrumbs-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.success-popup-container{animation:successPopIn .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:20px;box-shadow:0 25px 70px #0000004d;max-width:420px;padding:36px 32px;text-align:center;width:100%}@keyframes successPopIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-animation{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.success-checkmark{animation:scaleIn .5s ease-in-out .2s both;height:80px;position:relative;width:80px}.checkmark-svg{height:100%;width:100%}.checkmark-circle{stroke:#16a34a;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) .3s forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}.checkmark-check{stroke:#16a34a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}.success-title{animation:fadeInUp .4s ease .5s both;color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 10px}.success-message{animation:fadeInUp .4s ease .6s both;color:#6b7280;color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.success-details{animation:fadeInUp .4s ease .7s both;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.success-detail-item{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 20px}.success-detail-item svg{color:#16a34a;height:24px;width:24px}.success-detail-item span{color:#166534;font-size:13px;font-weight:600}.success-info-box{align-items:flex-start;animation:fadeInUp .4s ease .8s both;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #3b82f6;border-radius:8px;display:flex;gap:10px;margin-bottom:24px;padding:12px;text-align:left}.success-info-box svg{color:#3b82f6;flex-shrink:0;height:18px;margin-top:2px;width:18px}.success-info-box span{color:#1e40af;font-size:13px;line-height:1.5}.btn-success-done{align-items:center;animation:fadeInUp .4s ease .9s both;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a4d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;max-width:180px;padding:12px 28px;transition:all .3s ease;width:100%}.btn-success-done:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 6px 20px #16a34a66;transform:translateY(-2px)}.btn-success-done:active{box-shadow:0 2px 8px #16a34a4d;transform:translateY(0)}.btn-success-done svg{height:20px;width:20px}@media (max-width:768px){.success-popup-container{padding:28px 20px}.success-checkmark{height:70px;width:70px}.success-title{font-size:20px}.success-message{font-size:13px}.success-details{flex-direction:column;gap:10px}.success-detail-item{flex-direction:row;justify-content:flex-start;width:100%}}.global-search-label{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.06em;margin-bottom:8px;padding:6px 10px;text-transform:uppercase}.file-folder-path{color:#667eea;color:var(--primary-color);font-size:11px;font-weight:500}:root{--primary-gradient:linear-gradient(135deg,#8a40da,#6a2fb8);--primary-color:#8a40da;--primary-dark:#6a2fb8;--hover-bg:#faf9fc}.permissions-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:calc(100vh - 72px);padding:24px}.permissions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.permissions-header h1{color:#0a0118;font-size:28px;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:16px}.department-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#0a0118;cursor:pointer;font-size:14px;min-width:200px;padding:10px 16px;transition:all .2s ease}.department-filter:focus,.department-filter:hover{border-color:#8a40da;border-color:var(--primary-color)}.department-filter:focus{box-shadow:0 0 0 3px #8a40da1a;outline:none}.btn-edit-permissions{background:linear-gradient(135deg,#8a40da,#6a2fb8);background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 2px 8px #8a40da40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-edit-permissions:hover{background:linear-gradient(135deg,#6a2fb8,#5a27a0);box-shadow:0 4px 12px #8a40da59;transform:translateY(-1px)}.permissions-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto;overflow-y:visible;scrollbar-color:#8a40da #e5e7eb;scrollbar-width:thin}.permissions-table-wrapper::-webkit-scrollbar{height:10px}.permissions-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0 0 12px 12px}.permissions-table-wrapper::-webkit-scrollbar-thumb{background:#8a40da;border-radius:5px}.permissions-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6a2fb8}.permissions-table{border-collapse:collapse;min-width:800px;width:100%}.permissions-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.permissions-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.permissions-table td:first-child,.permissions-table th:first-child{min-width:180px;width:220px}.permissions-table td:nth-child(2),.permissions-table th:nth-child(2){min-width:100px;width:120px}.permissions-table td:nth-child(3),.permissions-table td:nth-child(4),.permissions-table td:nth-child(5),.permissions-table td:nth-child(6),.permissions-table td:nth-child(7),.permissions-table th:nth-child(3),.permissions-table th:nth-child(4),.permissions-table th:nth-child(5),.permissions-table th:nth-child(6),.permissions-table th:nth-child(7){min-width:70px;text-align:center;width:80px}.permissions-table td:nth-child(8),.permissions-table th:nth-child(8){min-width:70px;padding-right:14px;text-align:center;width:70px}.permissions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.permissions-table tbody tr:hover{background-color:#faf9fc}.permissions-table tbody tr:last-child{border-bottom:none}.permissions-table td{color:#374151;font-size:14px;padding:12px 14px}.email-cell{color:#0a0118;font-weight:600}.permission-icon{align-items:center;display:inline-flex;justify-content:center}.icon-check,.icon-cross{height:28px;width:28px}.btn-edit-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.btn-edit-icon svg{height:20px;width:20px}.btn-edit-icon:hover{background:#f3f4f6;color:#8a40da;transform:scale(1.1)}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:20px}.btn-page{background:linear-gradient(135deg,#8a40da,#6a2fb8);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-page:hover:not(:disabled){background:linear-gradient(135deg,#6a2fb8,#5a27a0);transform:translateY(-1px)}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-numbers{gap:8px}.btn-page-number{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;height:40px;transition:all .2s ease;width:40px}.btn-page-number:hover{color:#8a40da}.btn-page-number.active,.btn-page-number:hover{border-color:#8a40da;border-color:var(--primary-color)}.btn-page-number.active{background:linear-gradient(135deg,#8a40da,#6a2fb8);background:var(--primary-gradient);color:#fff}.page-info{color:#6b7280;font-size:14px;margin:0 8px}.modal-backdrop{animation:fadeIn .2s ease;background:#72686880;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #3d08834d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:540px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:24px 28px}.modal-header h2{color:#0a0118;font-size:20px}.btn-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.btn-close svg{height:24px;width:24px}.btn-close:hover{background:#f3f4f6;color:#0a0118}.modal-body{flex:1 1;overflow-y:auto;padding:28px 28px 32px}.user-info{border-bottom:1px solid #e5e7eb;color:#0a0118;font-size:15px;font-weight:600;margin-bottom:28px;padding-bottom:20px}.permission-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.permission-row{align-items:center;display:flex;justify-content:space-between}.permission-row label{color:#0a0118;font-size:15px;font-weight:600}.toggle-btn{background:#e5e7eb;border:none;border-radius:18px;cursor:pointer;height:36px;overflow:hidden;padding:0;pointer-events:auto!important;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:68px}.toggle-btn.active{background:linear-gradient(135deg,#8a40da,#6a2fb8);background:var(--primary-gradient)}.toggle-label{color:#fff;font-size:11px;font-weight:700;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.toggle-btn:not(.active) .toggle-label{color:#6b7280;right:8px}.toggle-btn.active .toggle-label{color:#fff;left:10px}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:30px;left:3px;pointer-events:none;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:30px}.toggle-btn.active .toggle-slider{transform:translateX(32px)}.toggle-btn:hover:not(.active){background:#d1d5db}.toggle-btn.active:hover{background:linear-gradient(135deg,#6a2fb8,#5a27a0)}.toggle-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:0;padding:20px 28px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-save{background:linear-gradient(135deg,#8a40da,#6a2fb8);background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 2px 8px #8a40da40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-save:hover{background:linear-gradient(135deg,#6a2fb8,#5a27a0);box-shadow:0 4px 12px #8a40da59;transform:translateY(-1px)}@media (max-width:1024px){.permissions-container{padding:24px 28px}.permissions-table td,.permissions-table th{font-size:13px;padding:12px 16px}}@media (max-width:768px){.permissions-container{padding:20px 16px}.permissions-header{align-items:flex-start;flex-direction:column;gap:16px}.header-controls{flex-direction:column;width:100%}.btn-edit-permissions,.department-filter{width:100%}.permissions-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-container{max-width:none;width:95%}.pagination{flex-wrap:wrap;gap:8px}.page-numbers{justify-content:center;order:3;width:100%}}@media (max-width:480px){.permissions-header h1{font-size:24px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.permission-row label,.user-info{font-size:14px}}body.dark .permissions-container{background:linear-gradient(135deg,#0a0118,#1a1435)}body.dark .permissions-header h1{color:#fff}body.dark .department-filter{background:#140f2d;border-color:#140f2d;color:#e5e7eb}body.dark .permissions-table-wrapper{background:#140f2d;box-shadow:0 1px 3px #0000004d;scrollbar-color:#8a40da #2a2a2a}body.dark .permissions-table-wrapper::-webkit-scrollbar-track{background:#1f1f1f}body.dark .permissions-table-wrapper::-webkit-scrollbar-thumb{background:#8a40da}body.dark .permissions-table thead{background:linear-gradient(135deg,#1f1f1f,#2a2a2a)}body.dark .permissions-table th{border-bottom-color:#140f2d;color:#9ca3af}body.dark .permissions-table tbody tr{border-bottom-color:#140f2d}body.dark .permissions-table tbody tr:hover{background-color:#252525}body.dark .permissions-table td{color:#d1d5db}body.dark .email-cell{color:#fff}body.dark .modal-container{background:#140f2d}body.dark .modal-header,body.dark .user-info{border-bottom-color:#140f2d}body.dark .permission-row label,body.dark .user-info{color:#fff}body.dark .modal-footer{background:#140f2d;border-top-color:#140f2d}body.dark .btn-cancel{background:#1f1f1f;border-color:#140f2d;color:#9ca3af}body.dark .btn-cancel:hover{background:#252525;color:#d1d5db}.trash-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:24px 32px}.trash-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.header-left{gap:16px}.trash-icon-header{font-size:48px;line-height:1}.header-title-section h1{color:#111827;font-size:32px;font-weight:700;margin:0 0 4px}.trash-subtitle{color:#6b7280;font-size:14px;margin:0}.search-bar{flex:1 1;max-width:500px;min-width:300px;position:relative}.search-icon{color:#6b7280;height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:15px;padding:12px 16px 12px 48px;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;box-shadow:0 4px 12px #6366f166;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bulk-actions-info{align-items:center;display:flex;font-size:14px;font-weight:600;gap:12px}.bulk-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:16px;font-weight:700;padding:6px 12px}.bulk-actions-buttons{display:flex;gap:12px}.bulk-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.bulk-action-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.bulk-action-btn svg{height:18px;width:18px}.bulk-action-btn.restore-btn:hover{background:#22c55ee6;border-color:#22c55e}.bulk-action-btn.delete-btn:hover{background:#ef4444e6;border-color:#ef4444}.bulk-action-btn.cancel-btn:hover{background:#9ca3afe6;border-color:#9ca3af}.trash-content.trash-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #00000012,0 0 0 1px #6366f114;overflow:hidden}.trash-list-header{grid-gap:20px;align-items:center;background:#f9fafb;border-bottom:1px solid #6366f12e;color:#6b7280;display:grid;font-size:12px;font-weight:600;gap:20px;grid-template-columns:50px 3fr 1.2fr 1.2fr 1.4fr;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.trash-list-header-cell{align-items:center;display:flex}.trash-list-body{display:flex;flex-direction:column}.trash-list-item{grid-gap:20px;align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;gap:20px;grid-template-columns:50px 3fr 1.2fr 1.2fr 1.4fr;padding:16px 24px;transition:all .15s;-webkit-user-select:none;user-select:none}.trash-list-item:hover{background:#f9fafb;border-left:3px solid #6366f1;padding-left:21px}.trash-list-item.selected{background:#ede9fe;border-color:#e9d5ff}.trash-list-item.selected:hover{background:#ede9fe}.trash-list-item:last-child{border-bottom:none}.trash-list-cell{align-items:center;color:#374151;display:flex;font-size:14px;overflow:hidden}.trash-checkbox-cell{align-items:center;display:flex;justify-content:center;max-width:50px!important;min-width:50px!important;padding:0!important;width:50px!important}.trash-item-checkbox{accent-color:#6366f1;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.trash-item-checkbox:hover{transform:scale(1.1)}.trash-item-checkbox:focus{outline:2px solid #6366f1;outline-offset:2px}.trash-list-item:not(.selected) .trash-checkbox-cell{opacity:.5;transition:opacity .2s ease}.trash-list-item.selected .trash-checkbox-cell,.trash-list-item:hover .trash-checkbox-cell{opacity:1}.trash-name-cell{align-items:center;display:flex;font-weight:500;gap:12px}.trash-item-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.trash-file-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.trash-item-name{color:#374151;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-file-id{color:#9ca3af;font-size:11px;font-weight:400}.modern-file-icon-trash{display:inline-block;height:100%;position:relative;width:100%}.modern-icon-container-trash{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.modern-icon-container-trash svg{color:#6b7280;color:var(--icon-color,#6b7280);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:100%;width:100%}.modern-icon-container-trash .fold{fill:#f3f4f6;fill:var(--icon-bg,#f3f4f6)}.modern-icon-label-trash{background-color:#6b7280;background-color:var(--icon-color,#6b7280);border-radius:3px;bottom:8%;box-shadow:0 2px 6px #0003;color:#fff;font-size:7px;font-weight:700;letter-spacing:.5px;padding:2px 6px;white-space:nowrap;z-index:2}.modern-icon-arrow-trash,.modern-icon-label-trash{left:50%;position:absolute;transform:translateX(-50%)}.modern-icon-arrow-trash{bottom:18%;height:14px;opacity:.9;width:14px;z-index:1}.modern-icon-arrow-trash svg{color:#6b7280;color:var(--icon-color,#6b7280);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:100%;width:100%}.trash-item-icon .modern-file-icon-trash{height:40px;width:40px}.trash-department-tag{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.trash-date-cell{color:#6b7280;font-size:14px}.trash-status-badge{background:#fef3c7;border-radius:6px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h2{color:#374151;font-size:24px;font-weight:600;margin-bottom:8px}.empty-state p{color:#9ca3af;font-size:14px;max-width:400px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#6366f1;height:50px;width:50px}.loading-state p{color:#6b7280;font-size:16px;font-weight:500}.error-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh;text-align:center}.error-icon{font-size:80px}.error-state h2{color:#374151;font-size:24px;font-weight:600}.error-state p{color:#9ca3af;font-size:14px;max-width:500px}.retry-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}@media (max-width:1400px){.trash-list-header,.trash-list-item{gap:16px;grid-template-columns:50px 2.5fr 1fr 1fr 1.2fr}}@media (max-width:1024px){.trash-list-header,.trash-list-item{grid-template-columns:50px 2fr 1fr 1fr 1fr}.trash-list-header .trash-list-header-cell:nth-child(3),.trash-list-item .trash-list-cell:nth-child(3){display:none}}@media (max-width:768px){.trash-container{padding:16px}.trash-header{align-items:stretch;flex-direction:column;gap:16px}.header-left{justify-content:center}.header-title-section h1{font-size:24px}.search-bar{max-width:none;min-width:auto}.bulk-actions-bar{align-items:stretch;flex-direction:column;gap:12px}.bulk-actions-buttons{flex-wrap:wrap;justify-content:center}.bulk-action-btn{font-size:13px;padding:8px 14px}.trash-checkbox-cell{max-width:40px!important;min-width:40px!important;width:40px!important}.trash-item-checkbox{height:16px;width:16px}.trash-list-header{display:none}.trash-list-item{gap:12px;grid-template-columns:40px 1fr;padding:16px;position:relative}.trash-checkbox-cell{position:absolute;right:16px;top:16px}.trash-list-cell:not(.trash-name-cell){grid-column:1/-1;padding-left:36px}.trash-name-cell{grid-column:2}.trash-item-icon .modern-file-icon-trash{height:36px;width:36px}.modern-icon-label-trash{font-size:6px;padding:1px 4px}}.trash-grid-card{border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.trash-grid-card:hover{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11f,0 4px 16px #6366f11a;transform:translateY(-2px)}body.dark .trash-container{background:#0f0828;background-image:radial-gradient(ellipse at 20% 10%,#6366f10f 0,#0000 55%),radial-gradient(ellipse at 80% 80%,#8b5cf60d 0,#0000 50%);color:#f0eaff}body.dark .search-input{background:#ffffff0f;border-color:#8b5cf64d;color:#e9d5ff}body.dark .search-input:focus{background:#ffffff14;border-color:#6366f1}body.dark .trash-content.trash-list{background:#160d2e;border-color:#8b5cf633}body.dark .trash-list-header{background:#1e1040;border-color:#6366f12e;color:#a78bfa}body.dark .trash-list-item{background:#12092a;border-color:#6366f11a}body.dark .trash-list-item:hover{background:#2d1b69;border-left:3px solid #6366f1;padding-left:21px}body.dark .trash-list-item.selected{background:#3730a3;border-color:#6366f166}body.dark .trash-list-cell{color:#d4c8f0}body.dark .trash-item-name{color:#f0eaff}body.dark .trash-date-cell{color:#9d85d4}body.dark .trash-file-id{color:#7c6faa}body.dark .trash-department-tag{background:#1e1b64cc;border:1px solid #6366f14d;color:#a5b4fc}body.dark .trash-status-badge{background:#78350f66;border:1px solid #fcd34d33;color:#fcd34d}body.dark .empty-state h2{color:#e9d5ff}body.dark .empty-state p{color:#7c6faa}body.dark .modern-icon-container-trash svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}body.dark .modern-icon-arrow-trash svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pagination-container{background:#fff;border:1px solid #e5e7eb;gap:20px;margin-top:20px;padding:20px 24px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-btn:disabled{opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:4px}.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s}.pagination-number:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-number.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff;font-weight:600}.pagination-number.active:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4f46e5;color:#fff}.pagination-ellipsis{font-size:14px;font-weight:500}.items-per-page{color:#374151;font-weight:500}.items-per-page label{white-space:nowrap}.items-per-page select{border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:inherit;font-weight:500;padding:8px 12px;transition:all .2s}.items-per-page select:hover{border-color:#6366f1}.items-per-page select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.pagination-info{order:-1;text-align:center}.pagination-controls,.pagination-numbers{flex-wrap:wrap;justify-content:center}.pagination-number{font-size:13px;height:36px;min-width:36px;padding:0 8px}.pagination-btn{font-size:13px;padding:8px 12px}.items-per-page{justify-content:center}}body.dark .pagination-container{background:#160d2e;border-color:#8b5cf633}body.dark .pagination-info{color:#9d85d4}body.dark .pagination-btn{background:#1e1040;border-color:#8b5cf640;color:#d4c8f0}body.dark .pagination-btn:hover:not(:disabled){background:#2d1b69;border-color:#6366f1;color:#a5b4fc}body.dark .pagination-btn:disabled{background:#160d2e}body.dark .pagination-number{background:#1e1040;border-color:#8b5cf640;color:#d4c8f0}body.dark .pagination-number:hover{background:#2d1b69;border-color:#6366f1;color:#a5b4fc}body.dark .pagination-number.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff}body.dark .pagination-ellipsis{color:#6d5b9a}body.dark .items-per-page{color:#d4c8f0}body.dark .items-per-page select{background:#1e1040;border-color:#8b5cf640;color:#d4c8f0}body.dark .items-per-page select:hover{border-color:#6366f1}.days-remaining-card{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 1px 2px #00000026;display:inline-flex;flex-direction:column;gap:2px;min-width:50px;padding:4px 8px;transition:all .2s ease}.days-remaining-card:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.days-number{color:#34d399;font-size:14px;font-weight:700;letter-spacing:-.3px;line-height:1}.days-label{color:#ffffffa6;font-size:8px;text-transform:lowercase}.days-label,.days-status-badge{font-weight:600;letter-spacing:.2px;line-height:1}.days-status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:7px;gap:2px;margin-top:1px;padding:1px 4px;text-transform:uppercase}.days-status-badge.safe{background:#34d39933;color:#34d399}.days-status-badge.warning{background:#fbbf2433;color:#fbbf24}.days-status-badge.critical{background:#ef444433;color:#ef4444}.days-status-badge.expired{background:#9ca3af33;color:#9ca3af}.status-icon{font-size:7px;line-height:1}.days-number.safe{color:#34d399}.days-number.warning{color:#fbbf24}.days-number.critical{color:#ef4444}.days-number.expired{color:#9ca3af}body.dark .days-remaining-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#ffffff26}@media (max-width:768px){.days-remaining-card{gap:1px;min-width:45px;padding:3px 6px}.days-number{font-size:12px}.days-label{font-size:7px}.days-status-badge{font-size:6px;padding:1px 3px}}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes pulse-critical{0%,to{transform:scale(1)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.03)}}.days-status-badge.warning{animation:pulse-warning 2s ease-in-out infinite}.days-status-badge.critical{animation:pulse-critical 1s ease-in-out infinite}.days-remaining-card:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-reduced-motion:reduce){.days-remaining-card,.days-status-badge{animation:none!important;transition:none!important}.days-remaining-card:hover{transform:none}}body:not(.dark){--starred-bg-primary:#f9fafb;--starred-bg-secondary:#fff;--starred-bg-tertiary:#f3f4f6;--starred-border-color:#e5e7eb;--starred-border-hover:#6366f1;--starred-text-primary:#111827;--starred-text-secondary:#4b5563;--starred-text-muted:#6b7280;--starred-accent-primary:#6366f1;--starred-accent-hover:#4f46e5;--starred-accent-active:#9314c9;--starred-accent-star:#f59e0b;--starred-spinner-a:#2563eb;--starred-spinner-b:#fb7185;--starred-dot-mid:#8b5cf6;--starred-success:#10b981;--starred-error:#ef4444;--starred-shadow-sm:0 2px 8px #0000000d;--starred-shadow-md:0 4px 16px #00000014;--starred-shadow-lg:0 8px 24px #0000001f}body.dark{--starred-bg-primary:#0d0c1d;--starred-bg-secondary:#13122a;--starred-bg-tertiary:#1a1930;--starred-border-color:#25233d;--starred-border-hover:#6366f1;--starred-text-primary:#fff;--starred-text-secondary:#8b8db8;--starred-text-muted:#55537a;--starred-accent-primary:#6366f1;--starred-accent-hover:#4f46e5;--starred-accent-active:#9314c9;--starred-accent-star:#fbbf24;--starred-spinner-a:#2563eb;--starred-spinner-b:#fb7185;--starred-dot-mid:#8b5cf6;--starred-success:#10b981;--starred-error:#ef4444;--starred-shadow-sm:0 2px 8px #00000080;--starred-shadow-md:0 4px 20px #0009;--starred-shadow-lg:0 8px 32px #000000b3}.starred-files-container{background:var(--starred-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:100%;min-height:100vh;padding:32px;transition:background-color .3s ease}body.dark .starred-files-container{background:radial-gradient(ellipse at 15% 20%,#11124514 0,#0000 55%),radial-gradient(ellipse at 85% 80%,#170d1c0f 0,#0000 50%),#0f0828}.starred-header{align-items:center;border-bottom:1px solid #0f0a1f;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}body.dark .starred-header{border-bottom-color:#0f0a1f}.starred-header-left{align-items:center;display:flex;gap:20px}.starred-back-btn{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.starred-back-btn:hover{background:#6366f14d;border-color:#6366f180;color:#4f46e5}.starred-back-btn svg{height:18px;width:18px}.starred-title{align-items:center;color:var(--starred-text-primary);display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.starred-title-icon{color:var(--starred-accent-star);filter:drop-shadow(0 2px 8px rgba(251,191,36,.4));height:32px;width:32px}.starred-header-right{align-items:center;display:flex;gap:12px}.starred-control-btn{align-items:center;background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:8px;color:var(--starred-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.starred-control-btn:hover{background:var(--starred-bg-tertiary);border-color:var(--starred-border-hover);color:var(--starred-text-primary)}.starred-control-btn.active{background:var(--starred-accent-primary);border-color:var(--starred-accent-primary);box-shadow:0 2px 10px #6366f159;color:#fff}.starred-control-btn svg{height:18px;width:18px}.starred-control-btn:disabled{cursor:not-allowed;opacity:.4}.starred-notification{align-items:center;animation:starred-slide-in .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10002}.starred-notification svg{flex-shrink:0;height:22px;width:22px}.starred-notification-success{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #059669;color:#fff}.starred-notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #dc2626;color:#fff}.starred-notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #d97706;color:#fff}.starred-notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #2563eb;color:#fff}@keyframes starred-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}body.dark .starred-notification{box-shadow:0 10px 40px #0009}.starred-content{min-height:400px}.starred-loading{align-items:center;color:var(--starred-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.starred-spinner-wrap{height:60px;margin-bottom:24px;position:relative;width:60px}.starred-spinner{border:4px solid #0000;border-radius:50%;height:60px;left:0;position:absolute;top:0;width:60px}.starred-spinner-a{animation:starred-arc-spin 1.5s cubic-bezier(.4,0,.2,1) infinite;border-right-color:var(--starred-spinner-a);border-top-color:var(--starred-spinner-a);opacity:.9}.starred-spinner-b{animation:starred-arc-spin 1.5s cubic-bezier(.4,0,.2,1) infinite reverse;border-bottom-color:var(--starred-spinner-b);border-left-color:var(--starred-spinner-b);opacity:.9}@keyframes starred-arc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.starred-loading-dots{align-items:center;display:flex;gap:10px;height:20px;margin-top:8px}.starred-loading-dots span{animation:starred-dot-pulse 1.4s ease-in-out infinite;border-radius:50%;height:10px;width:10px}.starred-loading-dots span:first-child{animation-delay:0s;background:var(--starred-spinner-a)}.starred-loading-dots span:nth-child(2){animation-delay:.2s;background:var(--starred-dot-mid)}.starred-loading-dots span:nth-child(3){animation-delay:.4s;background:var(--starred-spinner-b)}@keyframes starred-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.starred-loading p{color:var(--starred-text-secondary);font-size:16px;font-weight:500;letter-spacing:.4px}.starred-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.starred-error svg{color:var(--starred-error);height:64px;margin-bottom:20px;width:64px}.starred-error h3{color:var(--starred-text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.starred-error p{color:var(--starred-text-secondary);font-size:16px;margin-bottom:24px;max-width:500px}.starred-retry-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 10px #6366f159;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.starred-retry-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 16px #6366f180}.starred-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.starred-empty>svg{color:var(--starred-text-muted);height:80px;margin-bottom:24px;width:80px}.starred-empty h3{color:var(--starred-text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.starred-empty p{color:var(--starred-text-secondary);font-size:16px;margin-bottom:28px;max-width:400px}.starred-browse-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 14px #6366f173;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;line-height:1;min-width:220px;padding:14px 28px;transition:all .2s ease}.starred-browse-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f18c;transform:translateY(-1px)}.starred-browse-btn svg{display:block;flex-shrink:0;height:20px;width:20px}.starred-file-badge{align-items:center;border-radius:4px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;letter-spacing:.4px;min-width:42px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.starred-badge-pdf{background:#e53935}.starred-badge-doc,.starred-badge-docx{background:#1976d2}.starred-badge-csv,.starred-badge-xls,.starred-badge-xlsx{background:#43a047}.starred-badge-ppt,.starred-badge-pptx{background:#e64a19}.starred-badge-gif,.starred-badge-jpeg,.starred-badge-jpg,.starred-badge-webp{background:#00acc1}.starred-badge-png{background:#8e24aa}.starred-badge-svg{background:#fb8c00}.starred-badge-7z,.starred-badge-gz,.starred-badge-rar,.starred-badge-tar,.starred-badge-zip{background:#c2185b}.starred-badge-js{background:#f9a825}.starred-badge-jsx{background:#00acc1}.starred-badge-ts,.starred-badge-tsx{background:#1976d2}.starred-badge-html{background:#e64a19}.starred-badge-css{background:#1976d2}.starred-badge-json{background:#f9a825}.starred-badge-xml{background:#fb8c00}.starred-badge-py{background:#1976d2}.starred-badge-java{background:#e64a19}.starred-badge-php{background:#8e24aa}.starred-badge-mp3{background:#ec407a}.starred-badge-avi,.starred-badge-mov,.starred-badge-mp4{background:#ab47bc}.starred-badge-md,.starred-badge-txt{background:#7cb342}.starred-badge-default{background:#757575}.starred-list{background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:16px;box-shadow:var(--starred-shadow-sm);overflow:hidden}body.dark .starred-list{box-shadow:0 0 0 1px #6366f114,0 4px 24px #00000080}.starred-list-header{grid-gap:16px;align-items:center;background:var(--starred-bg-secondary);border-bottom:1px solid var(--starred-border-color);color:var(--starred-text-secondary);display:grid;font-size:11px;font-weight:700;gap:16px;grid-template-columns:1fr 120px;letter-spacing:.8px;padding:16px 24px;text-transform:uppercase}body.dark .starred-list-header{background:#ffffff08}.starred-list-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--starred-border-color);cursor:pointer;display:grid;gap:16px;grid-template-columns:1fr 120px;padding:16px 24px;transition:background .15s ease}.starred-list-row:last-child{border-bottom:none}.starred-list-row:hover,body.dark .starred-list-row:hover{background:var(--starred-bg-tertiary)}body.dark .starred-list-row:hover{box-shadow:inset 3px 0 0 #6366f180}.starred-col-name{align-items:center;display:flex;gap:12px;overflow:hidden;white-space:nowrap}.starred-col-size{color:var(--starred-text-secondary);font-size:14px;text-align:left;white-space:nowrap}.starred-col-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.starred-file-name{color:var(--starred-text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starred-file-icon-wrapper{height:48px}.starred-action-btn,.starred-file-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:36px}.starred-action-btn{background:#0000;border:1px solid var(--starred-border-color);border-radius:6px;color:var(--starred-text-secondary);cursor:pointer;height:36px;transition:all .2s ease}.starred-action-btn:hover{background:var(--starred-bg-tertiary);border-color:var(--starred-border-hover);color:var(--starred-text-primary)}.starred-action-btn svg{height:18px;width:18px}.starred-action-btn.starred-unstar-btn{color:var(--starred-accent-star)}.starred-action-btn.starred-unstar-btn:hover{background:#fbbf241a;border-color:var(--starred-accent-star);box-shadow:0 0 0 3px #fbbf241f}.starred-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.starred-grid-card{background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:16px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.starred-grid-card:hover{border-color:var(--starred-border-hover);box-shadow:var(--starred-shadow-md);transform:translateY(-4px)}body.dark .starred-grid-card:hover{border-color:#6366f180;box-shadow:0 8px 32px #0009,0 0 0 1px #6366f126}.starred-card-star-btn{align-items:center;background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.starred-card-star-btn:hover{background:#fbbf241a;border-color:var(--starred-accent-star);transform:scale(1.1)}.starred-card-star-btn svg{fill:var(--starred-accent-star);color:var(--starred-accent-star);height:20px;width:20px}.starred-card-preview{align-items:center;background:var(--starred-bg-tertiary);border-radius:10px;display:flex;justify-content:center;margin-bottom:14px;min-height:130px;padding:28px 20px 20px}.starred-card-info{text-align:center}.starred-card-name{color:var(--starred-text-primary);font-size:14px;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starred-card-size{color:var(--starred-text-secondary);font-size:12px}.starred-card-download-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:16px;padding:10px 16px;transition:all .2s ease;width:100%}.starred-card-download-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f180}.starred-card-download-btn svg{height:16px;width:16px}.sf-file-icon{display:inline-flex;flex-direction:column;flex-shrink:0;position:relative}.sf-file-icon,.sf-icon-body{align-items:center;width:36px}.sf-icon-body{background:linear-gradient(145deg,#fff,#eef0ff);border-radius:8px;box-shadow:0 2px 6px #6366f12e,0 1px 2px #00000014;color:#6366f1;display:flex;height:40px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.sf-icon-body svg{height:22px;width:22px}.sf-icon-fold{stroke:#a5b4fc;opacity:.9}.sf-icon-badge{border-radius:4px;bottom:-6px;box-shadow:0 1px 4px #0000004d;color:#fff;font-size:7.5px;font-weight:800;left:50%;letter-spacing:.4px;line-height:1.4;padding:2px 5px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.starred-grid-card:hover .sf-icon-body,.starred-list-row:hover .sf-icon-body{box-shadow:0 6px 16px #6366f147,0 2px 4px #0000001a;transform:translateY(-2px)}.starred-card-icon{align-items:center;display:flex;justify-content:center}.starred-card-icon .sf-file-icon{width:72px}.starred-card-icon .sf-icon-body{border-radius:14px;box-shadow:0 4px 16px #6366f138,0 1px 3px #0000001a;height:80px;width:72px}.starred-card-icon .sf-icon-body svg{height:40px;width:40px}.starred-card-icon .sf-icon-badge{border-radius:5px;bottom:-7px;font-size:9.5px;letter-spacing:.5px;padding:2px 7px}.starred-pagination{align-items:center;background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:14px;box-shadow:var(--starred-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:28px;padding:16px 24px}.starred-pagination-info{color:var(--starred-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.starred-pagination-controls{align-items:center;display:flex;gap:6px}.starred-pg-nav-btn{background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:10px;color:var(--starred-text-secondary);cursor:pointer;font-size:14px;font-weight:500;height:40px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.starred-pg-nav-btn:hover:not(:disabled){background:var(--starred-bg-tertiary);border-color:var(--starred-accent-primary);color:var(--starred-text-primary)}.starred-pg-nav-btn:disabled{cursor:not-allowed;opacity:.35}.starred-pg-num-btn{align-items:center;background:var(--starred-bg-secondary);border:1px solid var(--starred-border-color);border-radius:10px;color:var(--starred-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.starred-pg-num-btn:hover:not(.active){background:var(--starred-bg-tertiary);border-color:var(--starred-accent-primary);color:var(--starred-text-primary)}.starred-pg-num-btn.active{background:var(--starred-accent-primary);border-color:var(--starred-accent-primary);box-shadow:0 2px 10px #6366f173;color:#fff}.starred-pagination-per-page{align-items:center;display:flex;gap:10px;white-space:nowrap}.starred-per-page-label{color:var(--starred-text-secondary);font-size:14px;font-weight:500}.starred-per-page-select{appearance:none;-webkit-appearance:none;background:var(--starred-bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--starred-border-color);border-radius:10px;color:var(--starred-text-primary);cursor:pointer;font-size:14px;font-weight:600;height:40px;outline:none;padding:0 32px 0 14px;transition:border-color .2s ease}.starred-per-page-select:focus,.starred-per-page-select:hover{border-color:var(--starred-accent-primary)}.starred-footer{border-top:1px solid var(--starred-border-color);margin-top:32px;padding-top:20px}.starred-footer-stats{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.starred-stat{color:var(--starred-text-secondary);font-size:14px;font-weight:500}.starred-stat strong{color:var(--starred-accent-primary);font-size:16px;font-weight:600}@media (max-width:1024px){.starred-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.starred-files-container{padding:16px}.starred-header{align-items:flex-start;flex-direction:column;gap:16px}.starred-header-left,.starred-header-right{width:100%}.starred-header-right{justify-content:flex-start}.starred-title{font-size:22px}.starred-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.starred-list-header{display:none}.starred-list-row{gap:12px;grid-template-columns:1fr;padding:16px}.starred-col-name{width:100%}.starred-col-size{padding-left:44px}.starred-col-actions{border-top:1px solid var(--starred-border-color);justify-content:flex-start;padding-left:44px;padding-top:12px}.starred-pagination{align-items:flex-start;flex-direction:column;gap:12px}.starred-pagination-controls{flex-wrap:wrap}}@media (max-width:480px){.starred-back-btn span{display:none}.starred-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.starred-grid-card{padding:16px}}.starred-action-btn.starred-view-btn{background:#0000;color:#3b82f6}.starred-action-btn.starred-view-btn:hover{background:#3b82f61f;color:#2563eb}.starred-action-btn.starred-download-btn{background:#0000;color:#10b981}.starred-action-btn.starred-download-btn:hover{background:#10b9811f;color:#059669}.starred-card-actions{display:flex;gap:6px;justify-content:center;margin-top:8px}.starred-card-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex:1 1;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:5px 8px;transition:background .15s,color .15s,transform .1s}.starred-card-action-btn svg{flex-shrink:0;height:13px;width:13px}.starred-card-action-btn:active{transform:scale(.95)}.starred-card-view-btn{background:#3b82f61a;color:#3b82f6}.starred-card-view-btn:hover{background:#3b82f633;color:#2563eb}.starred-card-action-btn.starred-card-download-btn{background:#10b9811a;color:#10b981}.starred-card-action-btn.starred-card-download-btn:hover{background:#10b98133;color:#059669}body.dark .starred-action-btn.starred-view-btn{color:#60a5fa}body.dark .starred-action-btn.starred-view-btn:hover{background:#60a5fa26}body.dark .starred-action-btn.starred-download-btn{color:#34d399}body.dark .starred-action-btn.starred-download-btn:hover{background:#34d39926}body.dark .starred-card-view-btn{background:#60a5fa1f;color:#60a5fa}body.dark .starred-card-view-btn:hover{background:#60a5fa38}body.dark .starred-card-action-btn.starred-card-download-btn{background:#34d3991f;color:#34d399}body.dark .starred-card-action-btn.starred-card-download-btn:hover{background:#34d39938}.ticket-loader-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}body.dark .ticket-loader-container{background:linear-gradient(135deg,#0f0828,#1a1038)}.ticket-loader-gradient-bg{animation:ticket-gradient-shift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 70%,#a855f71a 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes ticket-gradient-shift{0%,to{background:radial-gradient(circle at 20% 30%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 70%,#a855f71a 0,#0000 50%)}50%{background:radial-gradient(circle at 80% 70%,#6366f11a 0,#0000 50%),radial-gradient(circle at 20% 30%,#a855f71a 0,#0000 50%)}}.ticket-loader-content{align-items:center;animation:ticket-content-fade-in .6s ease-out;display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}@keyframes ticket-content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticket-loader-icon{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.ticket-loader-spinner{height:100%;position:relative;width:100%}.ticket-spinner-ring{animation:ticket-spinner-rotate 3s linear infinite;border-color:#6366f1 #8b5cf6 #0000 #0000;border-radius:50%;border-style:solid;border-width:4px;height:100%;position:absolute;width:100%}.ticket-spinner-ring:first-child{animation-delay:0s;animation-duration:3s}.ticket-spinner-ring:nth-child(2){animation-delay:.2s;animation-duration:2s;border-right-color:#ec4899;border-top-color:#8b5cf6}.ticket-spinner-ring:nth-child(3){animation-delay:.4s;animation-duration:1.5s;border-right-color:#f59e0b;border-top-color:#ec4899}@keyframes ticket-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ticket-loader-message{animation:ticket-message-wave 2s ease-in-out infinite;color:#1f2937;font-size:18px;font-weight:600;letter-spacing:.3px;margin:0;text-align:center}body.dark .ticket-loader-message{color:#fff}@keyframes ticket-message-wave{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-4px)}}.ticket-loader-dots{align-items:center;display:flex;gap:8px;height:20px}.ticket-loader-dots span{animation:ticket-dot-bounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;height:10px;width:10px}.ticket-loader-dots span:first-child{animation-delay:0s}.ticket-loader-dots span:nth-child(2){animation-delay:.2s}.ticket-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes ticket-dot-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-12px)}}.ticket-container{background:#0000;min-height:100vh;padding:2rem;width:100%}body.dark .ticket-container{background:#0000}.ticket-wrapper{margin:0 auto;max-width:1400px}.ticket-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 10px 30px #6366f14d;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}body.dark .ticket-header{background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);box-shadow:0 10px 30px #8b5cf64d}.ticket-header-content{color:#fff;flex:1 1}.ticket-page-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.ticket-page-subtitle{color:#ffffffe6;font-size:1rem;margin:0;opacity:.9}.ticket-create-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.ticket-create-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.ticket-btn-icon{font-size:1.25rem}.ticket-btn-text{font-size:1rem;font-weight:600}.ticket-error-banner{align-items:center;animation:ticket-slide-in .3s ease;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}body.dark .ticket-error-banner{background:#dc26261a;border-color:#dc26264d}.ticket-error-icon{font-size:1.5rem}.ticket-error-text{color:#b91c1c;font-weight:500}body.dark .ticket-error-text{color:#fca5a5}@keyframes ticket-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ticket-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.ticket-control-group{align-items:center;display:flex;gap:.75rem}.ticket-search-group{flex:1 1;min-width:250px}.ticket-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}body.dark .ticket-search-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.ticket-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}body.dark .ticket-search-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.ticket-search-input::placeholder{color:#9ca3af}body.dark .ticket-search-input::placeholder{color:#ffffff80}.ticket-filter-group{display:flex;gap:.75rem}.ticket-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;cursor:pointer;font-size:1rem;min-width:150px;padding:.875rem 1rem;transition:all .3s ease}body.dark .ticket-dropdown{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.ticket-dropdown:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}body.dark .ticket-dropdown:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.ticket-dropdown option{background:#fff;color:#1f2937}body.dark .ticket-dropdown option{background:#1a1038;color:#fff}.ticket-view-toggle{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:.25rem;padding:.25rem}body.dark .ticket-view-toggle{background:#ffffff0d;border-color:#ffffff1a}.ticket-view-btn{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.625rem 1rem;transition:all .3s ease}.ticket-view-btn:hover{background:#f3f4f6;color:#1f2937}body.dark .ticket-view-btn:hover{background:#ffffff1a;color:#fff}.ticket-view-btn.active{background:#8b5cf6;color:#fff}body.dark .ticket-view-btn.active{background:#a855f7}.ticket-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}body.dark .ticket-list-container{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 12px #8b5cf633}.ticket-list-header{grid-gap:1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;display:grid;font-size:.875rem;font-weight:600;gap:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 1fr .8fr;letter-spacing:.05em;padding:1.25rem 1.5rem;text-transform:uppercase}body.dark .ticket-list-header{background:#ffffff14;border-color:#ffffff1a;color:#ffffffb3}.ticket-list-body{max-height:600px;overflow-y:auto}.ticket-list-item{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 1fr .8fr;padding:1.25rem 1.5rem;transition:all .2s ease}body.dark .ticket-list-item{border-color:#ffffff0d}.ticket-list-item:hover{background:#f9fafb}body.dark .ticket-list-item:hover{background:#ffffff14}.ticket-list-item:last-child{border-bottom:none}.ticket-cell-icon{font-size:1.5rem;margin-right:.5rem}.ticket-cell-date,.ticket-cell-email,.ticket-cell-name,.ticket-cell-type{color:#1f2937;font-size:.9375rem}body.dark .ticket-cell-date,body.dark .ticket-cell-email,body.dark .ticket-cell-name,body.dark .ticket-cell-type{color:#fff}.ticket-cell-date,.ticket-cell-email,.ticket-cell-type{color:#6b7280}body.dark .ticket-cell-date,body.dark .ticket-cell-email,body.dark .ticket-cell-type{color:#fff9}.ticket-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.ticket-badge-open{background:#ef444426;color:#0abe0a}.ticket-badge-in-progress{background:#f59e0b26;color:#d97706}.ticket-badge-pending{background:#8b5cf626;color:#7c3aed}.ticket-badge-resolved{background:#10b98126;color:#059669}.ticket-badge-closed{background:#6b728026;color:#ce1a1a}body.dark .ticket-badge-open{background:#8c17da40}body.dark .ticket-badge-in-progress{background:#f59e0b40}body.dark .ticket-badge-pending{background:#8b5cf640}body.dark .ticket-badge-resolved{background:#10b98140}body.dark .ticket-badge-closed{background:#7914e640}.ticket-action-btn{background:none;border:none;border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.ticket-action-btn:hover{background:#8b5cf61a;color:#7c3aed}body.dark .ticket-action-btn{color:#a855f7}body.dark .ticket-action-btn:hover{background:#a855f733;color:#d8b4fe}.ticket-grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ticket-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:1.5rem;transition:all .3s ease}body.dark .ticket-card{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 12px #8b5cf626}.ticket-card:hover{border-color:#8b5cf6;box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}body.dark .ticket-card:hover{border-color:#a855f7;box-shadow:0 12px 24px #8b5cf64d}.ticket-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ticket-card-id{color:#9ca3af;font-size:.875rem;font-weight:700}.ticket-card-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}body.dark .ticket-card-title{color:#fff}.ticket-card-description{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0 0 1.25rem}body.dark .ticket-card-description{color:#fff9}.ticket-card-meta{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;padding-top:1rem}body.dark .ticket-card-meta{border-color:#ffffff1a}.ticket-meta-item{display:flex;font-size:.875rem;justify-content:space-between}.ticket-meta-label{color:#9ca3af;font-weight:600}body.dark .ticket-meta-label{color:#ffffff80}.ticket-meta-value{color:#374151;font-weight:500}body.dark .ticket-meta-value{color:#fffc}.ticket-card-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.ticket-card-btn:hover{box-shadow:0 6px 12px #8b5cf64d;transform:translateY(-2px)}body.dark .ticket-card-btn{background:linear-gradient(135deg,#a855f7,#8b5cf6)}.ticket-empty-state{grid-column:1/-1;padding:3rem 2rem;text-align:center}.ticket-empty-icon{font-size:4rem;margin-bottom:1rem}.ticket-empty-state h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}body.dark .ticket-empty-state h3{color:#fff}.ticket-empty-state p{color:#6b7280;font-size:1rem;margin:0}body.dark .ticket-empty-state p{color:#fff9}.ticket-modal-overlay{align-items:center;animation:ticket-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}@keyframes ticket-fade-in{0%{opacity:0}to{opacity:1}}.ticket-modal{animation:ticket-slide-up .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}body.dark .ticket-modal{background:#1a1038;border-color:#ffffff1a;box-shadow:0 20px 60px #8b5cf64d}@keyframes ticket-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticket-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:2rem}body.dark .ticket-modal-header{border-color:#ffffff1a}.ticket-modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}body.dark .ticket-modal-header h2{color:#fff}.ticket-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.75rem;padding:.5rem;transition:all .2s ease}.ticket-modal-close:hover{color:#1f2937}body.dark .ticket-modal-close:hover{color:#fff}.ticket-modal-body{padding:2rem}.ticket-detail-section{margin-bottom:2rem}.ticket-detail-section h4{color:#6b7280;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}body.dark .ticket-detail-section h4{color:#fff9}.ticket-detail-section p{color:#374151;font-size:1rem;line-height:1.6;margin:0}body.dark .ticket-detail-section p{color:#fff}.ticket-detail-grid{grid-gap:1.5rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}body.dark .ticket-detail-grid{background:#ffffff0d;border-color:#ffffff1a}.ticket-detail-item h4{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}body.dark .ticket-detail-item h4{color:#fff9}.ticket-detail-item p{color:#1f2937;font-size:.9375rem;font-weight:600;margin:0}body.dark .ticket-detail-item p{color:#fff}.ticket-comments-list{display:flex;flex-direction:column;gap:1rem}.ticket-comment-item{background:#f9fafb;border:1px solid #f3f4f6;border-left-width:4px;border-radius:12px;padding:1rem}body.dark .ticket-comment-item{background:#ffffff0d;border-color:#ffffff1a #ffffff1a #ffffff1a #a855f7}.ticket-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ticket-comment-author{color:#1f2937;font-size:.875rem;font-weight:700}body.dark .ticket-comment-author{color:#fff}.ticket-comment-date{color:#9ca3af;font-size:.75rem}body.dark .ticket-comment-date{color:#ffffff80}.ticket-comment-text{color:#374151;font-size:.9375rem;line-height:1.6;margin:0}body.dark .ticket-comment-text{color:#fffc}@media (max-width:1024px){.ticket-grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ticket-list-header,.ticket-list-item{grid-template-columns:1fr 1.5fr 1fr .8fr}.ticket-cell-date{display:none}}@media (max-width:768px){.ticket-container{padding:1rem}.ticket-header{align-items:flex-start;flex-direction:column;padding:1.5rem}.ticket-page-title{font-size:1.5rem}.ticket-controls{flex-direction:column;width:100%}.ticket-dropdown,.ticket-search-group,.ticket-view-toggle{width:100%}.ticket-grid-container{grid-template-columns:1fr}.ticket-list-header{display:none}.ticket-list-item{display:flex;flex-direction:column;gap:.75rem;grid-template-columns:1fr}.ticket-modal{max-width:100%}.ticket-detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.ticket-container{padding:.75rem}.ticket-header{padding:1rem}.ticket-page-title{font-size:1.25rem}.ticket-page-subtitle{font-size:.875rem}.ticket-create-btn{font-size:.875rem;padding:.625rem 1rem}.ticket-card{padding:1rem}.ticket-modal-body,.ticket-modal-header{padding:1.5rem}}.profile-popup-overlay{align-items:center;animation:overlay-in .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.profile-popup-card{align-items:center;animation:card-in .22s cubic-bezier(.34,1.56,.64,1);background:#1c1633;border:1px solid #2d2d3d;border-radius:20px;box-shadow:0 24px 60px #0009,0 0 0 1px #a855f71a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:320px}[data-theme=light] .profile-popup-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 60px #0000001f,0 0 0 1px #7c3aed0f}@keyframes card-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-close-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s;width:32px;z-index:10}.profile-close-btn:hover{background:#ef444426;color:#ef4444;transform:rotate(90deg)}[data-theme=light] .profile-close-btn{background:#0000000d;color:#64748b}[data-theme=light] .profile-close-btn:hover{background:#ef44441a;color:#ef4444}.profile-banner{align-items:flex-end;background:linear-gradient(135deg,#7c3aed,#3b82f6 60%,#a855f7);display:flex;flex-shrink:0;height:90px;justify-content:center;padding-bottom:0;position:relative;width:100%}.profile-avatar-ring{background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:50%;box-shadow:0 8px 24px #7c3aed66;height:80px;padding:3px;transform:translateY(40px);width:80px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:3px solid #1c1633;border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:100%;justify-content:center;width:100%}[data-theme=light] .profile-avatar{border-color:#fff}.profile-status-badge{align-items:center;border:2px solid #1c1633;border-radius:20px;bottom:-50px;display:flex;font-size:11px;font-weight:600;gap:5px;padding:3px 9px;position:absolute;right:calc(50% - 55px)}[data-theme=light] .profile-status-badge{border-color:#fff}.profile-status-badge.online{background:#dcfce7;color:#16a34a}.profile-status-badge.offline{background:#f1f5f9;color:#64748b}:root .profile-status-badge.online,[data-theme=dark] .profile-status-badge.online{background:#22c55e26;color:#22c55e}:root .profile-status-badge.offline,[data-theme=dark] .profile-status-badge.offline{background:#64748b26;color:#94a3b8}.profile-identity{margin-top:52px;padding:0 24px 8px;text-align:center;width:100%}.profile-name{color:#fff;font-size:19px;font-weight:700;margin:0 0 4px;word-break:break-word}[data-theme=light] .profile-name{color:#0f172a}.profile-role{color:#a855f7;font-size:12px;font-weight:500;letter-spacing:.3px;margin:0;text-transform:capitalize}.profile-info-list{display:flex;flex-direction:column;gap:6px;padding:8px 20px 0;width:100%}.profile-info-row{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;gap:10px;padding:8px 12px;transition:background .15s}.profile-info-row:hover{background:#a855f714}[data-theme=light] .profile-info-row{background:#f8fafc}[data-theme=light] .profile-info-row:hover{background:#ede9fe}.profile-info-icon{color:#a855f7;flex-shrink:0}.profile-info-text{color:#94a3b8;font-size:13px;word-break:break-all}[data-theme=light] .profile-info-text{color:#475569}.profile-divider{background:#2d2d3d;height:1px;margin:16px 20px 0;width:calc(100% - 40px)}[data-theme=light] .profile-divider{background:#e2e8f0}.profile-actions{display:flex;gap:10px;justify-content:center;padding:16px 20px 20px;width:100%}.profile-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:7px;justify-content:center;max-width:110px;padding:10px 18px;transition:all .2s ease}.profile-action-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px #7c3aed59;color:#fff}.profile-action-btn.primary:hover{box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.profile-action-btn.secondary{background:#a855f71a;border:1px solid #a855f740;color:#a855f7}.profile-action-btn.secondary:hover{background:#a855f733;border-color:#a855f7;transform:translateY(-2px)}[data-theme=light] .profile-action-btn.secondary{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}[data-theme=light] .profile-action-btn.secondary:hover{background:#ddd6fe}.profile-action-btn:active{transform:scale(.96)!important}.cup-overlay{animation:cupFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;inset:0;position:absolute;z-index:500}@keyframes cupFadeIn{0%{opacity:0}to{opacity:1}}.cup-panel{animation:cupSlideIn .28s cubic-bezier(.16,1,.3,1);background:#16112a;background:var(--chat-sidebar-bg,#16112a);display:flex;flex-direction:column;inset:0;overflow-x:hidden;overflow-y:auto;position:absolute}@keyframes cupSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cup-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .15s,color .15s;width:28px;z-index:10}.cup-close:hover{background:#fff3;color:#fff}.cup-cover{flex-shrink:0;height:90px;overflow:hidden;position:relative}.cup-cover-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#6d28d9);inset:0;opacity:.85;position:absolute}.cup-avatar-section{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:-34px;padding:0 18px 14px}.cup-avatar-wrap{flex-shrink:0;position:relative}.cup-avatar{align-items:center;background:linear-gradient(135deg,#8a40da,#6a2fb8);border:3px solid #16112a;border:3px solid var(--chat-sidebar-bg,#16112a);border-radius:50%;box-shadow:0 4px 16px #8a40da73;cursor:pointer;display:flex;height:72px;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .2s;width:72px}.cup-avatar:hover{box-shadow:0 4px 24px #8a40daa6}.cup-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.cup-initials{color:#fff;font-size:24px;font-weight:700;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.cup-avatar-overlay{align-items:center;background:#00000080;border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.cup-avatar:hover .cup-avatar-overlay{opacity:1}.cup-spinner{animation:cupSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes cupSpin{to{transform:rotate(1turn)}}.cup-remove-photo{align-items:center;background:#ef4444;border:2px solid #16112a;border:2px solid var(--chat-sidebar-bg,#16112a);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;position:absolute;right:-2px;top:-2px;transition:background .15s;width:18px}.cup-remove-photo:hover{background:#dc2626}.cup-name-row{align-items:center;display:flex;flex-direction:column;gap:6px}.cup-name{font-size:17px;margin:0}.cup-name,.cup-name-input{color:#fff;color:var(--chat-text-primary,#fff);font-weight:700;text-align:center}.cup-name-input{background:#1c1633;background:var(--chat-surface,#1c1633);border:1.5px solid #a855f7;border:1.5px solid var(--chat-accent,#a855f7);border-radius:8px;font-size:16px;outline:none;padding:6px 10px;width:180px}.cup-role-badge{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.8px;padding:3px 10px;text-transform:uppercase}.cup-header-actions{align-items:center;display:flex;gap:7px}.cup-cancel-btn,.cup-edit-btn,.cup-save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 14px;transition:background .15s,transform .1s}.cup-edit-btn{background:#a855f71f;background:var(--chat-accent-soft,#a855f71f);border:1px solid #a855f740;border:1px solid var(--chat-accent-soft2,#a855f740);color:#a855f7;color:var(--chat-accent,#a855f7)}.cup-edit-btn:hover{background:var(--chat-accent-soft2)}.cup-save-btn{background:#a855f7;background:var(--chat-accent,#a855f7);color:#fff}.cup-save-btn:hover{filter:brightness(1.1)}.cup-cancel-btn{background:#ffffff12;color:#94a3b8;color:var(--chat-text-secondary,#94a3b8)}.cup-cancel-btn:hover{background:#ffffff1f}.cup-saved-toast{animation:cupFadeIn .2s ease;color:#10b981;font-size:12px;font-weight:600}.cup-bio-section{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--chat-border,#ffffff14);padding:0 18px 10px}.cup-bio{color:#94a3b8;color:var(--chat-text-secondary,#94a3b8);margin:0;text-align:center}.cup-bio,.cup-bio-input{font-size:13px;line-height:1.5}.cup-bio-input{background:#1c1633;background:var(--chat-surface,#1c1633);border:1.5px solid #a855f7;border:1.5px solid var(--chat-accent,#a855f7);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--chat-text-primary,#fff);outline:none;padding:8px 10px;resize:none;width:100%}.cup-placeholder{color:#64748b;color:var(--chat-text-muted,#64748b);font-style:italic}.cup-details{flex:1 1;padding:8px 0}.cup-field{align-items:flex-start;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--chat-border,#ffffff0f);display:flex;gap:12px;padding:10px 18px;transition:background .15s}.cup-field:hover{background:#ffffff08;background:var(--chat-surface-hover,#ffffff08)}.cup-field:last-child{border-bottom:none}.cup-field-icon{color:#a855f7;color:var(--chat-accent,#a855f7);display:flex;flex-shrink:0;margin-top:2px}.cup-field-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cup-field-label{color:#64748b;color:var(--chat-text-muted,#64748b);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.cup-field-value{color:#ffffffe6;color:var(--chat-text-primary,#ffffffe6);font-size:13px;font-weight:500;word-break:break-word}.cup-field-input{background:#1c1633;background:var(--chat-surface,#1c1633);border:1.5px solid #a855f7;border:1.5px solid var(--chat-accent,#a855f7);border-radius:6px;box-sizing:border-box;color:#fff;color:var(--chat-text-primary,#fff);font-size:13px;outline:none;padding:5px 8px;width:100%}.cup-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--chat-border,#ffffff14);padding:14px 18px}.cup-upload-btn{align-items:center;background:#a855f714;background:var(--chat-accent-soft,#a855f714);border:1.5px solid #a855f740;border:1.5px solid var(--chat-accent-soft2,#a855f740);border-radius:10px;color:#a855f7;color:var(--chat-accent,#a855f7);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:9px;transition:background .15s,border-color .15s;width:100%}.cup-upload-btn:hover{background:var(--chat-accent-soft2);border-color:var(--chat-accent)}body:not(.dark) .cup-panel{background:#fff}body:not(.dark) .cup-close{background:#00000012;color:#374151}body:not(.dark) .cup-avatar,body:not(.dark) .cup-remove-photo{border-color:#fff}body:not(.dark) .cup-name{color:#111827}body:not(.dark) .cup-bio{color:#6b7280}body:not(.dark) .cup-field-value{color:#111827}body:not(.dark) .cup-field-label{color:#9ca3af}body:not(.dark) .cup-field:hover{background:#f9fafb}body:not(.dark) .cup-bio-input,body:not(.dark) .cup-field-input,body:not(.dark) .cup-name-input{background:#f3f4f6;color:#111827}body:not(.dark) .cup-cancel-btn{background:#f3f4f6;color:#374151}body:not(.dark) .cup-cancel-btn:hover{background:#e5e7eb}.nexus-chat-wrapper,.nexus-chat-wrapper[data-theme=dark]{--chat-bg:#0f0a1e;--chat-sidebar-bg:#16112a;--chat-header-bg:#16112a;--chat-input-bg:#16112a;--chat-surface:#1c1633;--chat-surface-hover:#1f1836;--chat-border:#2d2d3d;--chat-scrollbar:#2d2d3d;--chat-scrollbar-h:#3f3f5a;--chat-text-primary:#fff;--chat-text-secondary:#94a3b8;--chat-text-muted:#64748b;--chat-accent:#a855f7;--chat-accent-btn:#7c3aed;--chat-accent-hover:#6d28d9;--chat-accent-soft:#a855f71f;--chat-accent-soft2:#a855f740;--chat-bubble-sent:#7c3aed;--chat-bubble-recv:#1c1633;--chat-bubble-recv-border:#2d2d3d;--chat-bubble-sent-text:#fff;--chat-bubble-recv-text:#e2e8f0;--chat-msg-bg:radial-gradient(circle at 50% 50%,#16112a 0%,#0f0a1e 100%);--chat-input-field-bg:#0f0a1e;--chat-input-field-focus:#1c1633;--chat-empty-h2:#f1f5f9;--chat-empty-p:#64748b;--chat-status-dot-border:#16112a;--chat-preview-img-border:#2d2d3d;--chat-search-bg:#0f0a1e;--chat-search-text:#fff;--chat-search-icon:#94a3b8;--chat-contact-hover:#a855f714;--chat-contact-selected:#a855f726;--chat-contact-border:#ffffff0a;--chat-name-color:#fff;--chat-dept-color:#94a3b8;--chat-time-color:#64748b;--chat-preview-color:#94a3b8;--chat-title-color:#a855f7}.nexus-chat-wrapper[data-theme=light]{--chat-bg:#f4f6fb;--chat-sidebar-bg:#fff;--chat-header-bg:#fff;--chat-input-bg:#fff;--chat-surface:#f8fafc;--chat-surface-hover:#ede9fe;--chat-border:#e2e8f0;--chat-scrollbar:#cbd5e1;--chat-scrollbar-h:#a855f7;--chat-text-primary:#0f172a;--chat-text-secondary:#475569;--chat-text-muted:#94a3b8;--chat-accent:#7c3aed;--chat-accent-btn:#7c3aed;--chat-accent-hover:#6d28d9;--chat-accent-soft:#7c3aed14;--chat-accent-soft2:#7c3aed2e;--chat-bubble-sent:#7c3aed;--chat-bubble-recv:#fff;--chat-bubble-recv-border:#e2e8f0;--chat-bubble-sent-text:#fff;--chat-bubble-recv-text:#1e293b;--chat-msg-bg:#f4f6fb;--chat-input-field-bg:#f8fafc;--chat-input-field-focus:#fff;--chat-empty-h2:#1e293b;--chat-empty-p:#94a3b8;--chat-status-dot-border:#fff;--chat-preview-img-border:#e2e8f0;--chat-search-bg:#f1f5f9;--chat-search-text:#0f172a;--chat-search-icon:#64748b;--chat-contact-hover:#7c3aed0d;--chat-contact-selected:#7c3aed1a;--chat-contact-border:#f1f5f9;--chat-name-color:#0f172a;--chat-dept-color:#64748b;--chat-time-color:#94a3b8;--chat-preview-color:#64748b;--chat-title-color:#7c3aed}.nexus-chat-wrapper{background:var(--chat-bg);color:var(--chat-text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;height:100dvh;overflow:hidden;transition:background .3s,color .3s}.chat-contact-sidebar{background:var(--chat-sidebar-bg);border-right:1px solid var(--chat-border);height:100%;max-width:320px;min-width:260px;overflow:hidden;transition:background .3s,border-color .3s;width:320px}.chat-contact-sidebar,.sidebar-search-header{display:flex;flex-direction:column;flex-shrink:0}.sidebar-search-header{border-bottom:1px solid var(--chat-border);gap:7px;padding:10px 12px 8px}.sidebar-header-row{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:0}.sidebar-header-row h3{margin:0;white-space:nowrap}.sidebar-search-header h3{color:var(--chat-title-color);font-size:14px;font-weight:700;margin:0}.search-bar-container{align-items:center;background:var(--chat-search-bg);border:1px solid var(--chat-border);border-radius:16px;display:flex;gap:6px;padding:5px 10px;transition:border-color .2s,background .3s}.search-bar-container:focus-within{background:var(--chat-input-field-focus);border-color:var(--chat-accent)}.search-bar-container svg{color:var(--chat-search-icon);flex-shrink:0;height:14px;width:14px}.search-bar-container input{background:none;border:none;color:var(--chat-search-text);font-size:12px;outline:none;width:100%}.search-bar-container input::placeholder{color:var(--chat-text-muted)}.search-clear-btn{background:none;border:none;color:var(--chat-text-muted);padding:0}.new-chat-btn,.search-clear-btn{align-items:center;cursor:pointer;display:flex}.new-chat-btn{background:var(--chat-accent-soft);border:1.5px solid var(--chat-accent);border-radius:8px;color:var(--chat-accent);font-size:11px;font-weight:600;gap:4px;padding:4px 8px;transition:background .2s,transform .15s,box-shadow .15s;white-space:nowrap}.new-chat-btn:hover{background:var(--chat-accent-btn);box-shadow:0 4px 14px #7c3aed66;color:#fff;transform:translateY(-1px)}.contact-scroll-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:6px 0;scrollbar-color:var(--chat-scrollbar) #0000;scrollbar-width:thin}.contact-scroll-list::-webkit-scrollbar{width:4px}.contact-scroll-list::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:4px}.contact-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--chat-scrollbar-h)}.no-contacts-msg{color:var(--chat-text-muted);font-size:13px;line-height:1.5;padding:28px 16px;text-align:center}.contact-item{align-items:center;border-bottom:1px solid var(--chat-contact-border);cursor:pointer;display:flex;gap:0;padding:10px 16px;transition:background .15s}.contact-item:hover{background:var(--chat-contact-hover)}.contact-item.selected{background:var(--chat-contact-selected);border-left:3px solid var(--chat-accent)}.avatar-wrapper{cursor:pointer;flex-shrink:0;margin-right:12px;position:relative}.avatar-wrapper:hover .user-avatar{box-shadow:0 0 0 3px #a855f780;transform:scale(1.05)}.user-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;display:flex;font-size:17px;height:44px;justify-content:center;transition:box-shadow .2s,transform .2s;width:44px}.status-dot{border:2px solid var(--chat-sidebar-bg);border-radius:50%;bottom:1px;height:11px;position:absolute;right:1px;transition:border-color .3s;width:11px}.status-dot.online{background:#22c55e}.status-dot.offline{background:#ef4444}.contact-details{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.contact-name-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.contact-name{color:var(--chat-name-color);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-time{color:var(--chat-time-color);flex-shrink:0;font-size:11px;white-space:nowrap}.contact-time-unread{color:var(--chat-accent)!important;font-weight:600}.contact-preview-row{align-items:center;display:flex;gap:4px;justify-content:space-between}.contact-dept,.contact-last-msg{align-items:center;color:var(--chat-preview-color);display:flex;flex:1 1;font-size:12px;gap:3px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-msg{color:var(--chat-text-primary)!important;font-weight:500}.preview-tick{display:inline-flex}.preview-tick,.unread-badge{align-items:center;flex-shrink:0}.unread-badge{background:var(--chat-accent-btn);border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.chat-active-window{background:var(--chat-msg-bg);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;transition:background .3s}.chat-active-header{align-items:center;background:var(--chat-header-bg);border-bottom:1px solid var(--chat-border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px;transition:background .3s,border-color .3s}.active-user-profile{align-items:center;display:flex;gap:12px}.avatar-active{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:42px;justify-content:center;transition:box-shadow .2s,transform .2s;width:42px}.avatar-active:hover{box-shadow:0 0 0 3px #a855f766;transform:scale(1.05)}.active-status-info{display:flex;flex-direction:column;gap:2px}.active-name{color:var(--chat-text-primary);font-size:15px;font-weight:600;margin:0}.status-row{align-items:center;display:flex;gap:6px}.status-text{font-size:12px;font-weight:500}.status-text.online{color:#22c55e}.status-text.offline{color:var(--chat-text-muted);font-weight:400}.status-text.typing{color:var(--chat-accent);font-style:italic}.last-seen{color:var(--chat-text-muted);font-size:11px;gap:3px}.header-actions,.last-seen{align-items:center;display:flex}.header-actions{gap:6px}.header-icon-btn{align-items:center;background:var(--chat-accent-soft);border:1px solid var(--chat-accent-soft2);border-radius:10px;color:var(--chat-accent);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.header-icon-btn:hover{background:var(--chat-accent-soft2);box-shadow:0 4px 12px #a855f740;transform:translateY(-1px)}.header-icon-btn.active{background:var(--chat-accent-btn)!important;border-color:var(--chat-accent-btn)!important;color:#fff!important}.header-icon{border-radius:8px;color:var(--chat-text-secondary);cursor:pointer;padding:6px;transition:color .2s,background .2s}.header-icon:hover{background:var(--chat-accent-soft);color:var(--chat-accent)}.msg-search-bar{align-items:center;animation:slideDown .18s ease;background:var(--chat-header-bg);border-bottom:1px solid var(--chat-border);display:flex;flex-shrink:0;gap:8px;padding:8px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.msg-search-icon{color:var(--chat-text-muted);flex-shrink:0}.msg-search-input{background:var(--chat-input-field-bg);border:1px solid var(--chat-border);border-radius:10px;color:var(--chat-text-primary);flex:1 1;font-size:14px;outline:none;padding:7px 12px;transition:border-color .2s,background .2s}.msg-search-input:focus{background:var(--chat-input-field-focus);border-color:var(--chat-accent)}.msg-search-count,.msg-search-input::placeholder{color:var(--chat-text-muted)}.msg-search-count{flex-shrink:0;font-size:12px;min-width:60px;text-align:center;white-space:nowrap}.msg-search-nav-btn{align-items:center;background:var(--chat-accent-soft);border:none;border-radius:8px;color:var(--chat-accent);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .2s;width:30px}.msg-search-nav-btn:hover:not(:disabled){background:var(--chat-accent-soft2)}.msg-search-nav-btn:disabled{cursor:default;opacity:.35}.msg-search-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--chat-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:color .2s,background .2s;width:30px}.msg-search-close-btn:hover{background:var(--chat-accent-soft);color:var(--chat-accent)}.messages-display{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px;scrollbar-color:var(--chat-scrollbar) #0000;scrollbar-width:thin}.messages-display::-webkit-scrollbar{width:4px}.messages-display::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:4px}.messages-display::-webkit-scrollbar-thumb:hover{background:var(--chat-scrollbar-h)}.nexus-chat-wrapper[data-theme=dark] .messages-display{background:radial-gradient(ellipse at 20% 20%,#a855f70a 0,#0000 60%),radial-gradient(ellipse at 80% 80%,#3b82f60a 0,#0000 60%),repeating-linear-gradient(45deg,#0000 0,#0000 20px,hsla(0,0%,100%,.012) 20px,hsla(0,0%,100%,.012) 21px),var(--chat-msg-bg)}.nexus-chat-wrapper[data-theme=light] .messages-display{background:repeating-linear-gradient(45deg,#0000,#0000 22px,rgba(0,0,0,.018) 0,rgba(0,0,0,.018) 23px),#e5ddd5}.date-separator{align-items:center;display:flex;justify-content:center;margin:12px 0 6px;pointer-events:none}.date-separator span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--chat-accent-soft2);border-radius:12px;color:var(--chat-text-secondary);font-size:11px;font-weight:600;padding:4px 14px}.message-bubble-row{cursor:pointer;display:flex;margin-bottom:4px;position:relative}.sent-row{justify-content:flex-end}.received-row{justify-content:flex-start}.message-bubble-row:active .message-bubble{filter:brightness(.92)}.msg-search-highlight{background:#ffc8008c;border-radius:2px;color:inherit;padding:0 1px}.message-bubble-row.search-match .message-bubble{outline:2px solid #a855f759;outline-offset:2px}.message-bubble-row.search-current-match .message-bubble{box-shadow:0 0 0 4px #a855f733;outline:2px solid var(--chat-accent);outline-offset:2px}.message-bubble{border-radius:16px;max-width:65%;overflow-wrap:anywhere;padding:10px 14px 8px;position:relative;word-break:break-word}.sent-row .message-bubble{background:var(--chat-bubble-sent);border-bottom-right-radius:4px;box-shadow:0 2px 8px #7c3aed4d;color:var(--chat-bubble-sent-text)}.received-row .message-bubble{background:var(--chat-bubble-recv);border:1px solid var(--chat-bubble-recv-border);border-bottom-left-radius:4px;color:var(--chat-bubble-recv-text);transition:background .3s,border-color .3s,color .3s}.message-bubble-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:0 6px}.message-bubble p{display:inline;flex:1 1 auto;font-size:14px;line-height:1.5;margin:0;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.msg-inline-time{align-items:center;align-self:flex-end;color:#ffffffa6;display:inline-flex;flex-shrink:0;font-size:11px;gap:3px;line-height:1.4;margin-left:auto;padding-left:4px;white-space:nowrap}.received-row .msg-inline-time{color:var(--chat-text-muted)}.nexus-chat-wrapper[data-theme=light] .sent-row .msg-inline-time{color:#fffc}.tick-icon{flex-shrink:0}.read-tick{color:#60a5fa}.delivered-tick{color:#94a3b8}.sent-tick{color:#fff9}.read-more-btn{background:none;border:none;color:#ffffffd9;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.nexus-chat-wrapper[data-theme=light] .received-row .read-more-btn{color:var(--chat-accent)}.msg-badges{display:flex;gap:4px;margin-bottom:3px}.msg-badge{align-items:center;border-radius:50%;display:inline-flex;height:18px;justify-content:center;width:18px}.pin-badge{background:#eab30833;color:#eab308}.bookmark-badge{background:#a855f733;color:var(--chat-accent)}.quick-reaction-bar{animation:reactionPop .15s cubic-bezier(.34,1.56,.64,1);background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:20px;box-shadow:0 4px 16px #00000040;display:flex;gap:4px;padding:5px 8px;position:absolute;top:-38px;white-space:nowrap;z-index:30}.reaction-bar-sent{right:0}.reaction-bar-recv{left:0}@keyframes reactionPop{0%{opacity:0;transform:scale(.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-reaction-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;padding:2px;transition:transform .12s}.quick-reaction-btn:hover{transform:scale(1.3)}.reaction-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{align-items:center;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:12px;color:var(--chat-text-primary);cursor:pointer;display:inline-flex;font-size:14px;gap:3px;line-height:1.4;padding:2px 7px;transition:background .15s,border-color .15s,transform .1s}.reaction-badge span{color:var(--chat-text-secondary);font-size:11px;font-weight:700}.reaction-badge:hover{background:var(--chat-accent-soft2);border-color:var(--chat-accent);transform:scale(1.05)}.msg-action-toolbar{align-items:center;animation:reactionPop .14s cubic-bezier(.34,1.56,.64,1);background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:22px;box-shadow:0 4px 20px #0000004d;display:flex;gap:2px;padding:4px 8px;position:absolute;top:-42px;white-space:nowrap;z-index:40}.toolbar-sent{right:0}.toolbar-recv{left:0}.toolbar-emoji-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;padding:3px 4px;transition:transform .12s,background .12s}.toolbar-emoji-btn:hover{background:var(--chat-accent-soft);transform:scale(1.35)}.toolbar-divider{background:var(--chat-border);flex-shrink:0;height:20px;margin:0 3px;width:1px}.toolbar-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--chat-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.toolbar-icon-btn:hover{background:var(--chat-accent-soft2);color:var(--chat-accent)}.msg-context-menu{animation:ctxPop .14s cubic-bezier(.34,1.56,.64,1);background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:14px;box-shadow:0 12px 48px #00000080,0 2px 8px #0003;min-width:220px;overflow:hidden;padding:6px;pointer-events:all;position:fixed;z-index:9999}@keyframes ctxPop{0%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-item{align-items:center;background:#0000;border:none;border-radius:9px;box-sizing:border-box;color:var(--chat-text-primary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;padding:10px 14px;text-align:left;transition:background .12s;width:100%}.ctx-item:hover{background:var(--chat-accent-soft);color:var(--chat-accent)}.ctx-item svg{flex-shrink:0;opacity:.7}.ctx-item:hover svg{color:var(--chat-accent);opacity:1}.ctx-divider{background:var(--chat-border);height:1px;margin:4px 8px}.scroll-to-bottom-btn{align-items:center;animation:btnPopIn .2s cubic-bezier(.34,1.56,.64,1);background:var(--chat-accent-btn);border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 16px #7c3aed73;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:24px;transition:transform .15s,box-shadow .15s;width:38px;z-index:20}.scroll-to-bottom-btn:hover{box-shadow:0 6px 20px #7c3aed99;transform:translateY(-2px) scale(1.08)}.scroll-to-bottom-btn:active{transform:scale(.93)}@keyframes btnPopIn{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-attachment{border:1px solid var(--chat-preview-img-border);border-radius:10px;max-width:100%}.file-card{align-items:center;background:#00000026;border-radius:10px;color:inherit;display:flex;gap:10px;max-width:260px;min-width:180px;padding:10px 12px;text-decoration:none;transition:background .2s}.file-card:hover{background:#00000040}.file-card-icon{align-items:center;background:#ffffff26;border-radius:8px;color:#ffffffd9;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pdf-icon{background:#ef444440;color:#fca5a5}.file-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-card-name{font-size:13px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{font-size:11px;opacity:.7}.preview-container{background:var(--chat-input-bg);padding:8px 16px 0;position:relative}.preview-image{border:1px solid var(--chat-preview-img-border);border-radius:10px;max-height:100px}.remove-preview{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:12px;top:4px;width:20px}.emoji-picker-container{background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:12px;bottom:100%;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:absolute;right:16px;z-index:100}.no-chat-selected{align-items:center;color:var(--chat-text-muted);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.empty-icon{color:var(--chat-accent-soft2)}.empty-logo{filter:drop-shadow(0 4px 16px rgba(168,85,247,.25));height:110px;object-fit:contain;opacity:.85;width:110px}.no-chat-selected h2{color:var(--chat-empty-h2);font-size:22px;font-weight:700;margin:0}.no-chat-selected p{color:var(--chat-empty-p);font-size:14px;margin:0}.chat-error-state{align-items:center;color:var(--chat-text-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.rich-editor-wrapper{background:var(--chat-input-bg);border-top:1px solid var(--chat-border);display:flex;flex-direction:column;flex-shrink:0;position:relative}.format-toolbar{align-items:center;animation:slideDown .15s ease;background:var(--chat-header-bg);border-bottom:1px solid var(--chat-border);display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:5px 10px;scrollbar-width:none}.format-toolbar::-webkit-scrollbar{display:none}.fmt-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--chat-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s,color .15s;width:30px}.fmt-btn:hover{background:var(--chat-accent-soft2);color:var(--chat-accent)}.fmt-btn.active{background:var(--chat-accent-soft);box-shadow:inset 0 0 0 1.5px var(--chat-accent);color:var(--chat-accent)}.fmt-divider{background:var(--chat-border);flex-shrink:0;height:18px;margin:0 4px;width:1px}.rich-editor-area{color:var(--chat-text-primary);font-size:14px;line-height:1.5;max-height:140px;min-height:44px;outline:none;overflow-y:auto;padding:12px 16px;scrollbar-color:var(--chat-scrollbar) #0000;scrollbar-width:thin;word-break:break-word}.rich-editor-area::-webkit-scrollbar{width:3px}.rich-editor-area::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:3px}.rich-editor-area:empty:before{color:var(--chat-text-muted);content:attr(data-placeholder);pointer-events:none;position:absolute}.mention-chip{background:var(--chat-accent-soft);border-radius:6px;color:var(--chat-accent);cursor:default;display:inline-block;font-size:13px;font-weight:600;margin:0 2px;padding:1px 6px;-webkit-user-select:all;user-select:all}.rich-editor-area blockquote{border-left:3px solid var(--chat-accent);color:var(--chat-text-secondary);font-style:italic;margin:4px 0;padding-left:10px}.rich-editor-area pre{background:var(--chat-accent-soft);border-radius:6px;font-family:monospace;font-size:12px;margin:4px 0;padding:6px 10px}.editor-bottom-bar{align-items:center;display:flex;justify-content:space-between;padding:6px 12px 10px}.editor-left-actions{align-items:center;display:flex;gap:2px}.editor-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--chat-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.editor-action-btn.active,.editor-action-btn:hover{background:var(--chat-accent-soft2);color:var(--chat-accent)}.voice-recording-btn{background:#ef44441f!important;border:1px solid #ef44444d!important;border-radius:20px!important;color:#ef4444!important;gap:6px;padding:0 10px;width:auto!important}.voice-recording-btn:hover{background:#ef444433!important}.rec-dot{animation:recPulse 1s ease-in-out infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;width:8px}.rec-time{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.editor-action-divider{background:var(--chat-border);flex-shrink:0;height:20px;margin:0 4px;width:1px}.send-btn-group{border-radius:10px;overflow:hidden}.rich-send-btn,.send-btn-group{align-items:center;display:flex;flex-shrink:0}.rich-send-btn{border:none;border-radius:10px 0 0 10px;padding:0 12px;transition:background .2s,color .2s,filter .15s,transform .15s}.rich-send-btn,.send-dropdown-btn{background:var(--chat-accent-soft);color:var(--chat-text-muted);cursor:pointer;height:36px;justify-content:center}.send-dropdown-btn{align-items:center;border:none;border-left:1px solid #ffffff1f;border-radius:0 10px 10px 0;display:flex;flex-shrink:0;transition:background .2s,color .2s;width:24px}.rich-send-btn.ready,.send-dropdown-btn.ready{background:var(--chat-accent-btn);color:#fff}.rich-send-btn.ready{box-shadow:0 4px 14px #7c3aed73}.rich-send-btn.ready:hover{box-shadow:0 6px 20px #7c3aed99;filter:brightness(1.1)}.rich-send-btn:active{transform:scale(.95)}.mention-dropdown{animation:slideUp .15s ease;background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:12px;bottom:100%;box-shadow:0 -8px 32px #0000004d;left:12px;max-height:260px;overflow:hidden;overflow-y:auto;position:absolute;right:12px;z-index:50}.mention-hint{background:var(--chat-surface);border-bottom:1px solid var(--chat-border);color:var(--chat-text-muted);display:flex;font-size:11px;gap:14px;padding:6px 14px}.mention-hint span{align-items:center;display:flex;gap:3px}.mention-item{align-items:center;border-bottom:1px solid var(--chat-contact-border);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .12s}.mention-item:last-child{border-bottom:none}.mention-item.active,.mention-item:hover{background:var(--chat-accent-soft)}.mention-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.mention-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mention-name{color:var(--chat-text-primary);font-size:13px;font-weight:600}.mention-status{color:var(--chat-text-muted);font-size:11px}@keyframes modalPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.new-chat-overlay{align-items:center;animation:fadeIn .18s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.new-chat-modal{animation:modalPop .2s cubic-bezier(.34,1.56,.64,1);background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:18px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.new-chat-modal-header{align-items:center;border-bottom:1px solid var(--chat-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px 12px}.new-chat-modal-header h4{color:var(--chat-text-primary);font-size:15px;font-weight:700;margin:0}.new-chat-close-btn{align-items:center;background:var(--chat-accent-soft);border:none;border-radius:8px;color:var(--chat-accent);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.new-chat-close-btn:hover{background:var(--chat-accent-soft2)}.new-chat-search{border-bottom:1px solid var(--chat-border);flex-shrink:0;padding:10px 14px}.new-chat-search-bar{align-items:center;background:var(--chat-search-bg);border:1px solid var(--chat-border);border-radius:20px;display:flex;gap:8px;padding:7px 12px;transition:border-color .2s}.new-chat-search-bar:focus-within{border-color:var(--chat-accent)}.new-chat-search-bar svg{color:var(--chat-text-muted);flex-shrink:0}.new-chat-search-bar input{background:none;border:none;color:var(--chat-text-primary);font-size:13px;outline:none;width:100%}.new-chat-user-list{flex:1 1;overflow-y:auto;scrollbar-color:var(--chat-scrollbar) #0000;scrollbar-width:thin}.new-chat-user-list::-webkit-scrollbar{width:4px}.new-chat-user-list::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:4px}.new-chat-user-item{align-items:center;border-bottom:1px solid var(--chat-contact-border);cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .15s}.new-chat-user-item:hover{background:var(--chat-accent-soft)}.new-chat-user-item:last-child{border-bottom:none}.new-chat-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;position:relative;width:40px}.new-chat-status-dot{border:2px solid var(--chat-header-bg);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.new-chat-status-dot.online{background:#22c55e}.new-chat-status-dot.offline{background:#ef4444}.new-chat-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.new-chat-user-name{color:var(--chat-text-primary);font-size:13px;font-weight:600}.new-chat-user-status{font-size:11px}.new-chat-user-status.online{color:#22c55e}.new-chat-user-status.offline{color:#ef4444}.new-chat-no-results{color:var(--chat-text-muted);font-size:13px;padding:28px;text-align:center}.forward-overlay{align-items:center;animation:fadeIn .16s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.forward-modal{animation:modalPop .2s cubic-bezier(.34,1.56,.64,1);background:var(--chat-header-bg);border:1px solid var(--chat-border);border-radius:18px;box-shadow:0 24px 64px #0000008c;display:flex;flex-direction:column;max-height:75vh;max-width:380px;overflow:hidden;width:100%}.forward-modal-header{align-items:center;border-bottom:1px solid var(--chat-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px 12px}.forward-modal-header h4{color:var(--chat-text-primary);font-size:15px;font-weight:700;margin:0}.forward-preview{background:var(--chat-accent-soft);border-left:3px solid var(--chat-accent);border-radius:8px;color:var(--chat-text-secondary);flex-shrink:0;font-size:13px;margin:10px 16px;max-height:60px;overflow:hidden;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.forward-search{border-bottom:1px solid var(--chat-border);flex-shrink:0;padding:8px 14px}.forward-search-bar{align-items:center;background:var(--chat-search-bg);border:1px solid var(--chat-border);border-radius:20px;display:flex;gap:8px;padding:7px 12px;transition:border-color .2s}.forward-search-bar:focus-within{border-color:var(--chat-accent)}.forward-search-bar svg{color:var(--chat-text-muted);flex-shrink:0}.forward-search-bar input{background:none;border:none;color:var(--chat-text-primary);font-size:13px;outline:none;width:100%}.forward-user-list{flex:1 1;overflow-y:auto;scrollbar-color:var(--chat-scrollbar) #0000;scrollbar-width:thin}.forward-user-list::-webkit-scrollbar{width:4px}.forward-user-list::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:4px}.forward-user-item{align-items:center;border-bottom:1px solid var(--chat-contact-border);cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .15s}.forward-user-item:hover{background:var(--chat-accent-soft)}.forward-user-item:last-child{border-bottom:none}.forward-user-item.selected{background:var(--chat-accent-soft2)}.forward-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:38px;justify-content:center;position:relative;width:38px}.forward-status-dot{border:2px solid var(--chat-header-bg);border-radius:50%;bottom:0;height:9px;position:absolute;right:0;width:9px}.forward-status-dot.online{background:#22c55e}.forward-status-dot.offline{background:#ef4444}.forward-user-name{color:var(--chat-text-primary);font-size:13px;font-weight:600}.forward-user-dept{color:var(--chat-text-muted);font-size:11px}.forward-actions{border-top:1px solid var(--chat-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 16px}.forward-cancel-btn{background:none;border:1px solid var(--chat-border);border-radius:10px;color:var(--chat-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:background .15s}.forward-cancel-btn:hover{background:var(--chat-accent-soft);color:var(--chat-accent)}.forward-send-btn{align-items:center;background:var(--chat-accent-btn);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 20px;transition:filter .15s,transform .15s}.forward-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.forward-send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.forward-no-results{color:var(--chat-text-muted);font-size:13px;padding:24px;text-align:center}.nexus-chat-wrapper,.nexus-chat-wrapper *{transition-duration:.25s;transition-property:background-color,border-color,color;transition-timing-function:ease}.nexus-chat-wrapper .avatar-active,.nexus-chat-wrapper .user-avatar,.nexus-chat-wrapper button{transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .15s ease,box-shadow .15s ease}.sidebar-header-actions{align-items:center;display:flex;flex-shrink:0;gap:5px}.new-group-btn{align-items:center;background:#6c63ff1f;border:1px solid #6c63ff47;border-radius:8px;color:#6c63ff;color:var(--chat-accent,#6c63ff);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.new-group-btn:hover{background:#6c63ff;background:var(--chat-accent,#6c63ff);border-color:#6c63ff;border-color:var(--chat-accent,#6c63ff);color:#fff}[data-theme=light] .new-group-btn{background:#6c63ff14;border-color:#6c63ff38;color:#6c63ff;color:var(--chat-accent,#6c63ff)}[data-theme=light] .new-group-btn:hover{background:#6c63ff;background:var(--chat-accent,#6c63ff);color:#fff}.voice-msg-player{align-items:center;display:flex;gap:8px;padding:4px 0}.voice-msg-icon{color:var(--chat-accent);flex-shrink:0}.voice-audio{border-radius:20px;height:32px;max-width:240px;min-width:180px;outline:none}.reply-banner{align-items:center;background:var(--chat-accent-soft);border-left:3px solid var(--chat-accent);border-radius:6px 6px 0 0;display:flex;font-size:12px;gap:8px;margin:0;padding:7px 12px}.edit-banner{background:#f59e0b14;border-left-color:#f59e0b}.reply-banner-icon{color:var(--chat-accent);flex-shrink:0}.edit-banner .reply-banner-icon{color:#f59e0b}.reply-banner-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.reply-banner-label{color:var(--chat-accent);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.edit-banner .reply-banner-label{color:#f59e0b}.reply-banner-preview{color:var(--chat-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-close{background:none;border:none;border-radius:4px;color:var(--chat-text-muted);cursor:pointer;display:flex;padding:2px}.reply-banner-close:hover{background:var(--chat-accent-soft2);color:var(--chat-text-primary)}.reply-quote{align-items:stretch;background:#0000001f;border-radius:6px;display:flex;gap:6px;margin-bottom:5px;max-width:100%;padding:5px 8px}.reply-quote-bar{background:var(--chat-accent);border-radius:2px;flex-shrink:0;width:3px}.reply-quote-text{color:var(--chat-text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edited-label{color:var(--chat-text-muted);font-size:10px;font-style:italic;margin-left:4px}.deleted-msg-placeholder{align-items:center;color:#ffffffb8!important;display:flex;font-size:13px;font-style:italic;gap:5px;margin:0;padding:2px 0}.received-row .deleted-msg-placeholder{color:#94a3b8e6!important}.received-row .message-bubble:has(.deleted-msg-placeholder),.sent-row .message-bubble:has(.deleted-msg-placeholder){background:#64648266!important;border:1px dashed #c8c8dc4d!important;box-shadow:none!important;opacity:.75}.ctx-item-danger{color:#ef4444!important}.ctx-item-danger:hover{background:#ef44441a!important;color:#f87171!important}.sidebar-header-right{align-items:center;display:flex}.sidebar-my-avatar-btn{border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s}.sidebar-my-avatar-btn:hover{transform:scale(1.08)}.sidebar-my-avatar-btn:hover .sidebar-my-avatar{box-shadow:0 0 0 3px var(--chat-accent-soft2)}.sidebar-my-avatar{align-items:center;background:linear-gradient(135deg,#8a40da,#6a2fb8);border:2px solid var(--chat-accent-soft2);border-radius:50%;box-shadow:0 2px 8px #8a40da59;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;position:relative;width:34px}.sidebar-my-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.sidebar-my-initials{color:#fff;font-size:12px;font-weight:700}.sidebar-my-online-dot{background:#10b981;border:2px solid #16112a;border:2px solid var(--chat-sidebar-bg,#16112a);border-radius:50%;bottom:0;height:8px;position:absolute;right:0;width:8px}.sidebar-action-row{display:flex;gap:6px;margin-bottom:7px}.sidebar-section-label{align-items:center;border-top:1px solid var(--chat-border);color:var(--chat-text-muted);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.08em;margin-top:4px;padding:8px 14px 4px;text-transform:uppercase}.group-avatar{background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;font-size:13px}.cgm-overlay,.group-avatar{align-items:center;display:flex;justify-content:center}.cgm-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;inset:0;padding:16px;position:fixed;z-index:1100}.cgm-modal{animation:cgm-pop-in .18s ease;background:#1c1633;background:var(--chat-surface,#1c1633);border:1px solid #2d2d3d;border:1px solid var(--chat-border,#2d2d3d);border-radius:16px;box-shadow:0 24px 64px #0000008c;display:flex;flex-direction:column;max-height:88vh;max-width:100%;overflow:hidden;width:440px}@keyframes cgm-pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cgm-header{border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--chat-border,#2d2d3d);flex-shrink:0;justify-content:space-between;padding:16px 18px 14px}.cgm-header,.cgm-header-title{align-items:center;display:flex}.cgm-header-title{gap:8px}.cgm-header-icon{color:#a855f7;color:var(--chat-accent,#a855f7)}.cgm-header h4{color:#fff;color:var(--chat-text-primary,#fff);font-size:15px;font-weight:700;margin:0}.cgm-close-btn{align-items:center;background:none;border:none;border-radius:7px;color:#64748b;color:var(--chat-text-muted,#64748b);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .15s,color .15s}.cgm-close-btn:hover{background:#1f1836;background:var(--chat-surface-hover,#1f1836);color:#fff;color:var(--chat-text-primary,#fff)}.cgm-section{flex-shrink:0;padding:12px 18px 0}.cgm-label{align-items:center;color:#64748b;color:var(--chat-text-muted,#64748b);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.cgm-required,.cgm-selected-count{color:#a855f7;color:var(--chat-accent,#a855f7)}.cgm-selected-count{background:#a855f71f;background:var(--chat-accent-soft,#a855f71f);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:0;margin-left:auto;padding:2px 8px;text-transform:none}.cgm-input{background:#0f0a1e;background:var(--chat-input-field-bg,#0f0a1e);border:1px solid #2d2d3d;border:1px solid var(--chat-border,#2d2d3d);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--chat-text-primary,#fff);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,background .15s;width:100%}.cgm-input:focus{background:#1c1633;background:var(--chat-input-field-focus,#1c1633);border-color:#a855f7;border-color:var(--chat-accent,#a855f7)}.cgm-input::placeholder{color:#64748b;color:var(--chat-text-muted,#64748b)}.cgm-toggle-row{align-items:center;display:flex;justify-content:space-between;padding-bottom:2px;padding-top:12px}.cgm-toggle-hint{color:#64748b;color:var(--chat-text-muted,#64748b);display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:2px;text-transform:none}.cgm-toggle{border:none;border-radius:20px;cursor:pointer;flex-shrink:0;height:21px;position:relative;transition:background .2s;width:38px}.cgm-toggle.on{background:#a855f7;background:var(--chat-accent,#a855f7)}.cgm-toggle.off{background:#2d2d3d;background:var(--chat-border,#2d2d3d)}.cgm-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000059;height:15px;position:absolute;top:3px;transition:left .2s;width:15px}.cgm-toggle.on .cgm-toggle-knob{left:20px}.cgm-toggle.off .cgm-toggle-knob{left:3px}.cgm-search-bar{align-items:center;background:#0f0a1e;background:var(--chat-input-field-bg,#0f0a1e);border:1px solid #2d2d3d;border:1px solid var(--chat-border,#2d2d3d);border-radius:8px;color:#64748b;color:var(--chat-text-muted,#64748b);display:flex;gap:8px;padding:8px 10px;transition:border-color .15s}.cgm-search-bar:focus-within{border-color:#a855f7;border-color:var(--chat-accent,#a855f7)}.cgm-search-bar input{background:none;border:none;color:#fff;color:var(--chat-text-primary,#fff);flex:1 1;font-size:13px;outline:none}.cgm-search-bar input::placeholder,.cgm-search-clear{color:#64748b;color:var(--chat-text-muted,#64748b)}.cgm-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;transition:color .12s}.cgm-search-clear:hover{color:#fff;color:var(--chat-text-primary,#fff)}.cgm-chips{display:flex;flex-shrink:0;flex-wrap:wrap;gap:5px;padding:8px 18px 0}.cgm-chip{background:#a855f71f;background:var(--chat-accent-soft,#a855f71f);border:1px solid #a855f740;border:1px solid var(--chat-accent-soft2,#a855f740);border-radius:20px;font-size:11px;font-weight:600;gap:5px;max-width:160px;overflow:hidden;padding:3px 8px 3px 10px;text-overflow:ellipsis;white-space:nowrap}.cgm-chip,.cgm-chip-remove{align-items:center;color:#a855f7;color:var(--chat-accent,#a855f7);display:flex}.cgm-chip-remove{background:none;border:none;cursor:pointer;flex-shrink:0;opacity:.7;padding:0;transition:opacity .12s}.cgm-chip-remove:hover{opacity:1}.cgm-member-list{border-top:1px solid #2d2d3d;border-top:1px solid var(--chat-border,#2d2d3d);flex:1 1;margin:10px 0 0;min-height:120px;overflow-y:auto}.cgm-no-results{color:#64748b;color:var(--chat-text-muted,#64748b);font-size:13px;padding:28px;text-align:center}.cgm-member-item{align-items:center;border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--chat-contact-border,#ffffff0a);cursor:pointer;display:flex;gap:10px;padding:9px 18px;transition:background .12s}.cgm-member-item:hover{background:#a855f714;background:var(--chat-contact-hover,#a855f714)}.cgm-member-item.checked{background:#a855f721;background:var(--chat-contact-selected,#a855f721)}.cgm-member-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.cgm-member-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.cgm-member-name{color:#fff;color:var(--chat-text-primary,#fff);font-size:13px;font-weight:600}.cgm-member-dept,.cgm-member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cgm-member-dept{color:#64748b;color:var(--chat-text-muted,#64748b);font-size:11px}.cgm-checkbox{align-items:center;border:2px solid #2d2d3d;border:2px solid var(--chat-border,#2d2d3d);border-radius:5px;color:#fff;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:background .12s,border-color .12s;width:18px}.cgm-checkbox.checked{background:#a855f7;background:var(--chat-accent,#a855f7);border-color:#a855f7;border-color:var(--chat-accent,#a855f7)}.cgm-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;flex-shrink:0;font-size:12px;margin:8px 18px 0;padding:9px 13px}.cgm-footer{border-top:1px solid #2d2d3d;border-top:1px solid var(--chat-border,#2d2d3d);display:flex;flex-shrink:0;gap:8px;padding:14px 18px}.cgm-cancel-btn{background:none;border:1px solid #2d2d3d;border:1px solid var(--chat-border,#2d2d3d);border-radius:8px;color:#94a3b8;color:var(--chat-text-secondary,#94a3b8);cursor:pointer;flex:0 0 auto;font-size:13px;padding:9px 18px;transition:background .12s,color .12s}.cgm-cancel-btn:hover:not(:disabled){background:#1f1836;background:var(--chat-surface-hover,#1f1836);color:#fff;color:var(--chat-text-primary,#fff)}.cgm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.cgm-create-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:9px 18px;transition:opacity .12s,transform .1s}.cgm-create-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cgm-create-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.nexus-chat-wrapper[data-theme=light] .cgm-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 24px 64px #00000026}.nexus-chat-wrapper[data-theme=light] .cgm-input,.nexus-chat-wrapper[data-theme=light] .cgm-search-bar{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.nexus-chat-wrapper[data-theme=light] .cgm-input::placeholder,.nexus-chat-wrapper[data-theme=light] .cgm-search-bar input::placeholder{color:#94a3b8}.nexus-chat-wrapper[data-theme=light] .cgm-search-bar input{color:#1e293b}.nexus-chat-wrapper[data-theme=light] .cgm-member-item:hover{background:#a855f70f}.nexus-chat-wrapper[data-theme=light] .cgm-member-item.checked{background:#a855f71a}.nexus-chat-wrapper[data-theme=light] .cgm-header h4,.nexus-chat-wrapper[data-theme=light] .cgm-member-name{color:#1e293b}.ap-container{font-family:Segoe UI,sans-serif;min-height:100vh;padding:28px 24px}.ap-dark{background:#0f0828;color:#fff}.ap-light{background:#f0f2fa;color:#1a1a2e}.ap-titlebar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ap-title{font-size:22px;font-weight:700;letter-spacing:.2px;margin:0}.ap-dark .ap-title{color:#fff}.ap-light .ap-title{color:#1a1a2e}.ap-sortbox{position:relative}.ap-sortbtn{align-items:center;border:1.5px solid;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 18px;transition:all .2s}.ap-dark .ap-sortbtn{background:#1e1b4b;border-color:#3b3270;color:#d1d5db}.ap-dark .ap-sortbtn:hover{background:#2a2560;border-color:#7c3aed}.ap-light .ap-sortbtn{background:#fff;border-color:#c4b5fd;color:#4c1d95}.ap-light .ap-sortbtn:hover{background:#ede9fe}.ap-chevron{font-size:12px;transition:transform .2s}.ap-chevron.open{transform:rotate(180deg)}.ap-dropdown{border-radius:10px;box-shadow:0 8px 28px #00000047;list-style:none;margin:0;min-width:180px;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.ap-dark .ap-dropdown{background:#1e1b4b;border:1px solid #3b3270}.ap-light .ap-dropdown{background:#fff;border:1px solid #e0d9ff}.ap-grp-lbl{font-size:10px;font-weight:700;letter-spacing:.9px;padding:6px 14px 3px;pointer-events:none;text-transform:uppercase}.ap-dark .ap-grp-lbl{color:#6b7280}.ap-light .ap-grp-lbl{color:#9ca3af}.ap-divider{height:1px;margin:4px 10px;pointer-events:none}.ap-dark .ap-divider{background:#2d2d4e}.ap-light .ap-divider{background:#e9e3ff}.ap-opt{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;transition:background .15s}.ap-dark .ap-opt{color:#d1d5db}.ap-dark .ap-opt:hover{background:#2a2560}.ap-dark .ap-opt.sel{background:#7c3aed;color:#fff}.ap-light .ap-opt{color:#374151}.ap-light .ap-opt:hover{background:#f5f3ff}.ap-light .ap-opt.sel{background:#7c3aed;color:#fff}.ap-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ap-dot.rejected{background:#ef4444}.ap-dot.approved{background:#10b981}.ap-dot.pending{background:#f59e0b}.ap-card{border-radius:12px}.ap-dark .ap-card{background:#12122a}.ap-light .ap-card{background:#fff;box-shadow:0 2px 20px #7c3aed17}.ap-scroll{border-radius:12px;overflow-x:auto;overflow-y:visible}.ap-bulkbar{align-items:center;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:10px 18px}.ap-dark .ap-bulkbar{background:#2a2560}.ap-light .ap-bulkbar{background:#ddd6fe}.ap-bulkbar+.ap-scroll{border-radius:0 0 12px 12px}.ap-selcount{font-size:13px;font-weight:500}.ap-dark .ap-selcount{color:#a78bfa}.ap-light .ap-selcount{color:#5b21b6}.ap-bulkbtns{display:flex;gap:10px}.ap-btn-reject{background:#7c3aed;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 22px;transition:background .2s}.ap-btn-reject:hover{background:#6d28d9}.ap-btn-approve{background:#16a34a;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 22px;transition:background .2s}.ap-btn-approve:hover{background:#15803d}.ap-table{border-collapse:collapse;min-width:1100px;width:100%}.ap-th{font-size:13px;font-weight:700;padding:13px 14px;text-align:left;white-space:nowrap}.ap-dark .ap-table thead tr .ap-th{background:#1e1b4b;color:#e2e8f0}.ap-light .ap-table thead tr .ap-th{background:#ede9fe;color:#4c1d95}.ap-row{transition:background .15s}.ap-dark .ap-row:hover{background:#1a1a2e}.ap-light .ap-row:hover{background:#f5f3ff}.ap-dark .ap-row-sel{background:#1e1b4b!important}.ap-light .ap-row-sel{background:#ede9fe!important}.ap-td{border-bottom:1px solid;font-size:13px;padding:12px 14px;white-space:nowrap}.ap-dark .ap-td{border-color:#1e1b4b;color:#d1d5db}.ap-light .ap-td{border-color:#f0ebff;color:#374151}.ap-row:last-child .ap-td{border-bottom:none}.ap-chk-col{text-align:center;vertical-align:middle;width:46px}.ap-checkbox{accent-color:#7c3aed;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.ap-reason{max-width:200px;min-width:150px;white-space:normal}.ap-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.ap-pending .ap-badge{background:#f59e0b1f;color:#f59e0b}.ap-approved .ap-badge{background:#10b9811f;color:#10b981}.ap-rejected .ap-badge{background:#ef44441f;color:#ef4444}.ap-dl-btn{align-items:center;background:#0000;border:1.5px solid;border-radius:7px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 12px;transition:all .2s;white-space:nowrap}.ap-dark .ap-dl-btn{border-color:#4f46e5;color:#a78bfa}.ap-dark .ap-dl-btn:hover{background:#4f46e5;color:#fff}.ap-light .ap-dl-btn{border-color:#7c3aed;color:#7c3aed}.ap-light .ap-dl-btn:hover{background:#7c3aed;color:#fff}.ap-pgbar{align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px;padding:14px 20px}.ap-dark .ap-pgbar{background:#12122a;border:1px solid #1e1b4b}.ap-light .ap-pgbar{background:#fff;box-shadow:0 2px 12px #7c3aed12}.ap-pginfo{font-size:13px;font-weight:500;white-space:nowrap}.ap-dark .ap-pginfo{color:#9ca3af}.ap-light .ap-pginfo{color:#6b7280}.ap-pgcontrols{align-items:center;display:flex;gap:6px}.ap-pgnav{background:#0000;border:1.5px solid;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .2s;white-space:nowrap}.ap-dark .ap-pgnav{border-color:#2d2d4e;color:#d1d5db}.ap-dark .ap-pgnav:hover{background:#1e1b4b;border-color:#7c3aed}.ap-light .ap-pgnav{border-color:#c4b5fd;color:#4c1d95}.ap-light .ap-pgnav:hover{background:#ede9fe;border-color:#7c3aed}.ap-pgnav:disabled{cursor:not-allowed;opacity:.35}.ap-pgnum{align-items:center;background:#0000;border:1.5px solid;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.ap-dark .ap-pgnum{border-color:#2d2d4e;color:#d1d5db}.ap-dark .ap-pgnum:hover{background:#1e1b4b;border-color:#7c3aed}.ap-dark .ap-pgactive{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;font-weight:700}.ap-light .ap-pgnum{border-color:#c4b5fd;color:#4c1d95}.ap-light .ap-pgnum:hover{background:#ede9fe;border-color:#7c3aed}.ap-light .ap-pgactive{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;font-weight:700}.ap-ellipsis{font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}.ap-dark .ap-ellipsis{color:#6b7280}.ap-light .ap-ellipsis{color:#9ca3af}.ap-pgsz{align-items:center;display:flex;gap:8px;white-space:nowrap}.ap-pgszlbl{font-size:13px;font-weight:500}.ap-dark .ap-pgszlbl{color:#9ca3af}.ap-light .ap-pgszlbl{color:#6b7280}.ap-pgszsel{border:1.5px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;transition:border-color .2s}.ap-dark .ap-pgszsel{background:#1e1b4b;border-color:#3b3270;color:#d1d5db}.ap-dark .ap-pgszsel:focus{border-color:#7c3aed;outline:none}.ap-light .ap-pgszsel{background:#fff;border-color:#c4b5fd;color:#4c1d95}.ap-light .ap-pgszsel:focus{border-color:#7c3aed;outline:none}.header-container{background:#dbe6f8;box-shadow:0 2px 8px #00000014;box-sizing:border-box;justify-content:space-between;left:0;padding:0 28px;position:fixed;right:0;top:0;transition:background .3s ease;width:100%}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-logo{height:70px;object-fit:contain}.header-title{color:#1d172c;font-size:8px;font-weight:400;white-space:nowrap}.header-right{align-items:center;display:flex;gap:18px}.theme-switch{background:#f8f7fc;border:1px solid #e6e6e6;border-radius:40px;padding:4px}.theme-btn,.theme-switch{display:flex;transition:all .3s ease}.theme-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#7a7a7a;cursor:pointer;height:34px;justify-content:center;width:34px}.theme-btn.active{background:linear-gradient(90deg,#3a3c6e,#8a41e7);color:#fff}.profile-dropdown-container{display:inline-block;position:relative}.user-box{align-items:center;background:linear-gradient(135deg,#8a40da,#6a2fb8);border:none;border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:42px}.user-box:hover{box-shadow:0 0 0 3px #8a41e733;transform:scale(1.1)}.user-box.active{box-shadow:0 0 0 3px #8a41e74d}.user-avatar{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}.user-img{border-radius:50%;height:42px;object-fit:cover;width:42px}.user-dept,.user-meta,.user-name{display:none}.profile-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:2000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;gap:14px;padding:20px}.header-avatar{align-items:center;background:linear-gradient(135deg,#8a40da,#6a2fb8);border-radius:50%;box-shadow:0 4px 12px #8a40da4d;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;text-transform:uppercase;width:56px}.header-info{flex:1 1;min-width:0}.header-name{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge-admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-badge-manager{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-badge-user{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dropdown-details{padding:16px 20px}.detail-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:first-child{padding-top:0}.detail-icon{color:#8a40da;flex-shrink:0;margin-top:2px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.detail-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a1a1a;font-size:14px;font-weight:500;word-break:break-word}.dropdown-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:8px 0}.dropdown-actions{display:flex;flex-direction:column;gap:4px;padding:12px}.action-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:14px;text-align:left;transition:all .2s ease;width:100%}.action-button:hover{background:#f9fafb;color:#8a40da}.action-button svg{flex-shrink:0}.logout-action{background:#fef2f2;border:1px solid #fecaca;color:#ef4444}.logout-action:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.support-btn{align-items:center;background:linear-gradient(90deg,#3a3c6e,#8a41e7);border:none;border-radius:12px;box-shadow:0 2px 8px #8a41e74d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:9px 18px;transition:all .3s ease;white-space:nowrap}.support-btn:hover{box-shadow:0 4px 12px #8a41e766;transform:translateY(-2px)}.support-btn:active{transform:translateY(0)}.support-btn svg{flex-shrink:0;height:18px;width:18px}.logout-btn{align-items:center;background:#fff!important;border:2px solid #8a41e7!important;border-radius:12px;box-shadow:0 2px 8px #8a41e726!important;color:#8a41e7!important;cursor:pointer;display:flex!important;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:9px 18px;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:#f3e8ff!important;border-color:#7c3aed!important;box-shadow:0 4px 12px #8a41e740!important;color:#7c3aed!important;transform:translateY(-1px)}.logout-btn svg{flex-shrink:0;height:18px;width:18px}body.dark .header-container{background:#140f2d;box-shadow:0 2px 8px #0000004d}body.dark .header-title{color:#9a72df}body.dark .theme-switch{background:#1a1435;border-color:#382a60}body.dark .theme-btn{color:#b0a6d4}body.dark .theme-btn.active{color:#fff}body.dark .profile-dropdown-menu{background:#2d2d2d;border-color:#404040}body.dark .dropdown-header{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-bottom-color:#404040}body.dark .header-name{color:#fff}body.dark .detail-item{border-bottom-color:#404040}body.dark .detail-label{color:#9ca3af}body.dark .detail-value{color:#e5e7eb}body.dark .action-button{color:#d1d5db}body.dark .action-button:hover{background:#1f1f1f;color:#8a40da}body.dark .logout-action{background:#3f1414;border-color:#7f1d1d;color:#fca5a5}body.dark .logout-action:hover{background:#4c1d1d;border-color:#991b1b;color:#ef4444}body.dark .support-btn{background:linear-gradient(90deg,#8a41e7,#3a3c6e);box-shadow:0 2px 8px #8a41e766}body.dark .logout-btn{background:#1a1435!important;border-color:#8a41e7!important;color:#eadeff!important}body.dark .logout-btn:hover{background:#251d47!important;border-color:#9f5ceb!important;color:#d4c9f0!important}body.dark-mode .header-container{background:#140f2d;box-shadow:0 2px 8px #0000004d}body.dark-mode .header-title{color:#9a72df}body.dark-mode .theme-switch{background:#1a1435;border-color:#382a60}body.dark-mode .theme-btn{color:#b0a6d4}body.dark-mode .profile-dropdown-menu{background:#2d2d2d;border-color:#404040}body.dark-mode .dropdown-header{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-bottom-color:#404040}body.dark-mode .header-name{color:#fff}body.dark-mode .detail-value{color:#e5e7eb}body.dark-mode .support-btn{background:linear-gradient(90deg,#8a41e7,#3a3c6e)}body.dark-mode .logout-btn{background:#1a1435!important;border-color:#8a41e7!important;color:#eadeff!important}@media (max-width:768px){.header-container{padding:0 16px}.header-right{gap:12px}.header-title{font-size:18px}.user-box{height:38px;width:38px}.user-avatar{font-size:13px}.profile-dropdown-menu{right:-50px;width:280px}.logout-btn,.support-btn{font-size:13px;padding:7px 14px}.logout-btn svg,.support-btn svg{height:16px;width:16px}}@media (max-width:480px){.header-logo{height:50px}.header-title{font-size:16px}.header-right{gap:8px}.theme-switch{padding:3px}.theme-btn{height:30px;width:30px}.user-box{height:36px;width:36px}.user-avatar{font-size:12px}.profile-dropdown-menu{right:-120px;width:calc(100vw - 32px)}.logout-btn,.support-btn{padding:7px 10px}.logout-btn span,.support-btn span{display:none}}.admin-sidebar-container{background:linear-gradient(180deg,#273268,#8a40da);box-shadow:2px 0 20px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 72px);left:0;overflow-x:hidden;overflow-y:auto;padding:12px 0 16px;position:fixed;top:0;transition:width .3s ease,background .3s ease;width:90px;z-index:900}.admin-sidebar-container.collapsed{padding-top:12px;width:90px}.admin-sidebar-container.collapsed .admin-section-title{display:none}.admin-sidebar-container.collapsed .admin-nav-item{gap:0;justify-content:center;margin:0 8px 4px;padding:12px 0;width:auto}.admin-sidebar-container.collapsed .admin-item-text,.admin-sidebar-container.collapsed .nav-badge{display:none}.admin-sidebar-toggle-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:0;color:#ffffffe6;cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;margin-bottom:12px;padding:0;transition:all .3s ease;width:100%;z-index:10}.admin-sidebar-toggle-btn:hover{background:#ffffff1f;border-color:#ffffff26}.admin-sidebar-toggle-btn:active{background:#ffffff26}.admin-toggle-icon{stroke:#ffffffd9;stroke-width:2;flex-shrink:0;height:22px;transition:transform .3s ease;width:22px}.admin-sidebar-container.collapsed .admin-toggle-icon{transform:rotate(180deg)}.admin-sidebar-container::-webkit-scrollbar{width:6px}.admin-sidebar-container::-webkit-scrollbar-track{background:#0000;border-radius:10px;margin:8px 0}.admin-sidebar-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.admin-sidebar-container::-webkit-scrollbar-thumb:hover{background:#ffffff59}.admin-sidebar-container{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.admin-sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:4px 0}.admin-sidebar-content::-webkit-scrollbar{width:6px}.admin-sidebar-content::-webkit-scrollbar-track{background:#0000}.admin-sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.admin-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.admin-sidebar-section{display:flex;flex-direction:column;gap:6px;padding:0 12px}.admin-sidebar-container.collapsed .admin-sidebar-section{padding:0 6px}.admin-section-title{color:#ffffff73;font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:1.2;margin-bottom:8px;padding:0 8px;text-transform:uppercase;transition:color .3s ease}.admin-nav-item,.admin-section-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;margin-bottom:0;overflow:visible;padding:10px 12px;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.admin-nav-item:hover{background:#ffffff1f;color:#fff}.admin-sidebar-container.collapsed .admin-nav-item:hover{background:#ffffff1f;transform:none}.admin-nav-item.active{background:#ffffff26;box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.admin-nav-item.active:before{background:#fff;border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.admin-sidebar-container.collapsed .admin-nav-item.active:before{display:none}.admin-nav-item.highlighted{background:#4caf5026;color:#fff;transition:all .3s ease}.admin-nav-item.highlighted:hover{background:#4caf5040;box-shadow:0 2px 8px #4caf5033}.admin-nav-item.highlighted.active{background:#4caf5059;box-shadow:0 2px 12px #4caf504d}.admin-nav-item.highlighted .admin-nav-icon{color:#4caf50;filter:drop-shadow(0 0 3px rgba(76,175,80,.4))}.admin-nav-item:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.admin-nav-icon{stroke:currentColor;stroke-width:2;flex-shrink:0;height:22px;opacity:.9;transition:all .25s ease;width:22px}.admin-nav-item:hover .admin-nav-icon{opacity:1;transform:scale(1.08)}.admin-nav-item.active .admin-nav-icon{color:#fff;opacity:1}.admin-item-text{flex:1 1;letter-spacing:.25px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 2px 4px #4caf504d;color:#fff;display:inline-block;font-size:9px;font-weight:800;letter-spacing:.5px;margin-left:auto;padding:2px 6px;white-space:nowrap}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}.admin-nav-item[title]{position:relative}.admin-sidebar-container.collapsed .admin-nav-item:hover{background:#ffffff1a}.admin-sidebar-container.collapsed .admin-nav-item:hover:after{animation:tooltipSlideIn .2s ease;background:#000000eb;border-radius:8px;color:#fff;content:attr(title);font-size:12px;font-weight:600;left:100%;margin-left:12px;opacity:1;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}body.dark .admin-sidebar-container{background:linear-gradient(165deg,#2d1b69,#1a1038 50%,#0d0820);box-shadow:2px 0 25px #0006}body.dark .admin-sidebar-toggle-btn{background:#ffffff0d;border-color:#ffffff14}body.dark .admin-sidebar-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff1f}body.dark .admin-section-title{color:#fff6}body.dark .admin-nav-item{color:#ffffffd9}body.dark .admin-nav-item:hover{background:#ffffff1a}body.dark .admin-nav-item.active{background:#ffffff24;box-shadow:0 2px 10px #0000004d}body.dark .admin-nav-item.highlighted{background:#4caf5033}body.dark .admin-nav-item.highlighted:hover{background:#4caf504d;box-shadow:0 2px 8px #4caf5040}body.dark .admin-nav-item.highlighted.active{background:#4caf5066;box-shadow:0 2px 12px #4caf5059}body.dark .admin-toggle-icon{stroke:#fffc}body.dark .admin-sidebar-content::-webkit-scrollbar-thumb{background:#3b82f64d}body.dark .admin-sidebar-content::-webkit-scrollbar-thumb:hover{background:#3b82f673}@media (max-width:1024px){.admin-sidebar-container:not(.collapsed){width:240px}.admin-nav-item{font-size:13px;gap:12px;padding:10px 12px}.admin-nav-icon{height:20px;width:20px}.nav-badge{font-size:8px;padding:2px 5px}}@media (max-width:768px){.admin-sidebar-container{padding:10px 0 14px;width:70px}.admin-sidebar-container:not(.collapsed){width:70px}.admin-sidebar-container.collapsed{padding-top:10px;width:70px}.admin-sidebar-toggle-btn{display:none}.admin-nav-item{gap:0;justify-content:center;margin:0 8px 3px;padding:10px 0;width:auto}.admin-item-text,.admin-section-title{display:none}.admin-sidebar-section{gap:5px;padding:0}.admin-sidebar-content{gap:18px;padding:2px 0}.nav-badge{display:none}.admin-nav-item:hover:after{background:#1f2937;border-radius:8px;color:#fff;content:attr(title);font-size:12px;font-weight:600;left:100%;margin-left:12px;opacity:1;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1001}}@media (max-width:480px){.admin-sidebar-container{padding:10px 0 12px;width:65px}.admin-nav-item{padding:9px 0}.admin-nav-icon{height:20px;width:20px}.admin-sidebar-section{gap:4px}}.admin-nav-item[href*=file-log] .admin-nav-icon{transition:all .3s ease}.admin-nav-item[href*=file-log]:hover .admin-nav-icon{animation:fileLitePulse 1.5s ease-in-out infinite}.admin-nav-item[href*=file-log].active .admin-nav-icon{filter:drop-shadow(0 0 6px rgba(76,175,80,.7))}@keyframes fileLitePulse{0%,to{filter:drop-shadow(0 0 3px rgba(76,175,80,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(76,175,80,.6));transform:scale(1.12)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.admin-sidebar-container.animate-in .admin-nav-item{animation:slideInFromLeft .4s ease forwards;opacity:0}.admin-sidebar-container.animate-in .admin-nav-item:first-child{animation-delay:.05s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(2){animation-delay:.1s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(3){animation-delay:.15s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(4){animation-delay:.2s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(5){animation-delay:.25s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(6){animation-delay:.3s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(7){animation-delay:.35s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(8){animation-delay:.4s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(9){animation-delay:.45s}.admin-sidebar-container.animate-in .admin-nav-item:nth-child(10){animation-delay:.5s}@media (prefers-reduced-motion:reduce){.admin-nav-icon,.admin-nav-item,.admin-sidebar-container,.admin-sidebar-toggle-btn,.nav-badge{animation:none!important;transition:none!important}}.pp-page{background:#f6f7fb;color:#141824;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;min-height:100vh;padding:22px}body.dark-mode .pp-page{background:radial-gradient(1200px 700px at 30% -10%,#513b79 0,#0000 55%),linear-gradient(180deg,#1c1439,#0a0f2c 70%);color:#eef0ff}.pp-headRow{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.pp-heading{font-size:18px;font-weight:800;margin:0}.pp-topControls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp-userSelect{background:#fff;border:1px solid #e6e8ef;border-radius:10px;color:#141824;font-size:12px;height:36px;min-width:240px;outline:none;padding:0 12px}body.dark-mode .pp-userSelect{background:#11133b;border:1px solid #ffffff1f;color:#eef0ff}.pp-userSelect:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.pp-topEditBtn{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:800;height:36px;padding:0 14px;transition:transform .08s ease,background .2s ease,opacity .2s ease}.pp-topEditBtn:hover{background:#7c3aed}.pp-topEditBtn:active{transform:translateY(1px)}.pp-topEditBtn:disabled{cursor:not-allowed;opacity:.6}.pp-error{color:crimson;font-weight:700;margin:10px 0}.pp-tableWrap{background:#fff;border:1px solid #e6e8ef;border-radius:14px;box-shadow:0 10px 25px #00000014;overflow:hidden}body.dark-mode .pp-tableWrap{background:#11133b;border:1px solid #ffffff1a;box-shadow:0 16px 40px #00000073}.pp-table{border-collapse:collapse;width:100%}.pp-table thead th{background:#f3f4f8;border-bottom:1px solid #e6e8ef;color:#6b7280;font-size:11px;font-weight:800;letter-spacing:.6px;padding:10px 12px;text-align:left;text-transform:uppercase}body.dark-mode .pp-table thead th{background:#2c1656;border-bottom:1px solid #ffffff1a;color:#eef0ffd9}.pp-table tbody td{font-size:12px;padding:10px 12px}.pp-table tbody tr{border-bottom:1px solid #eef0f5}body.dark-mode .pp-table tbody tr{border-bottom:1px solid #ffffff12}.pp-table tbody tr:hover{background:#8b5cf61a}.pp-rowActive{background:#8b5cf629!important}.pp-emailCell{font-size:12px;font-weight:800}.pp-empty{font-weight:700;opacity:.8;padding:18px;text-align:center}.pp-yesIcon{color:#16a34a}.pp-noIcon{color:#dc2626}.pp-editCell{text-align:center}.pp-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.pp-iconBtn:hover{background:#0000000f}body.dark-mode .pp-iconBtn:hover{background:#ffffff14}.pp-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.pp-showingText{font-size:12px;font-weight:800;opacity:.85;white-space:nowrap}.pp-pagerCenter{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pp-navBtn{align-items:center;background:#fff;border:1px solid #e6e8ef;border-radius:10px;color:#141824;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:4px;height:36px;padding:0 16px;transition:background .15s ease,transform .08s ease,opacity .2s ease}.pp-navBtn:hover:not(:disabled){background:#8b5cf61a}.pp-navBtn:active:not(:disabled){transform:translateY(1px)}.pp-navBtn:disabled{cursor:not-allowed;opacity:.45}body.dark-mode .pp-navBtn{background:#11133b;border:1px solid #ffffff1f;color:#eef0ff}body.dark-mode .pp-navBtn:hover:not(:disabled){background:#ffffff14}.pp-pageNum{align-items:center;background:#fff;border:1px solid #e6e8ef;border-radius:10px;color:#141824;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;height:36px;justify-content:center;transition:background .15s ease,transform .08s ease;width:36px}.pp-pageNum:hover{background:#8b5cf61a}.pp-pageNum:active{transform:translateY(1px)}body.dark-mode .pp-pageNum{background:#11133b;border:1px solid #ffffff1f;color:#eef0ff}body.dark-mode .pp-pageNum:hover{background:#ffffff14}.pp-pageNum.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}body.dark-mode .pp-pageNum.active{background:#a855f7;border-color:#a855f7;color:#fff}.pp-dots{font-size:13px;font-weight:900;opacity:.6;padding:0 4px}.pp-pageSizeWrap{align-items:center;display:flex;gap:8px;white-space:nowrap}.pp-pageSizeLabel{font-size:12px;font-weight:800;opacity:.85}.pp-pageSizeSelect{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #8b5cf6;border-radius:10px;color:#141824;cursor:pointer;font-size:12px;font-weight:800;height:36px;outline:none;padding:0 28px 0 10px;transition:border-color .2s ease,box-shadow .2s ease}.pp-pageSizeSelect:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}body.dark-mode .pp-pageSizeSelect{background:#11133b;border:1px solid #8b5cf6;color:#eef0ff}.pp-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:999}.pp-modal{background:#fff;border:1px solid #e6e8ef;border-radius:14px;box-shadow:0 20px 70px #0000002e;max-width:100%;overflow:hidden;width:420px}body.dark-mode .pp-modal{background:#11133b;border:1px solid #ffffff1a;box-shadow:0 20px 80px #0000008c}.pp-modalHeader{align-items:center;background:#f3f4f8;border-bottom:1px solid #e6e8ef;display:flex;justify-content:space-between;padding:10px 12px}body.dark-mode .pp-modalHeader{background:#2c1656;border-bottom:1px solid #ffffff1a}.pp-modalTitle{font-size:12px;font-weight:900}.pp-closeBtn{background:#fff;border:1px solid #e6e8ef;border-radius:10px;cursor:pointer;font-size:18px;height:32px;line-height:1;width:32px}body.dark-mode .pp-closeBtn{background:#11133b;border:1px solid #ffffff1f;color:#eef0ff}.pp-modalBody{padding:12px}.pp-userEmail{font-size:12px;font-weight:900}.pp-divider{background:#e6e8ef;height:1px;margin:12px 0}body.dark-mode .pp-divider{background:#ffffff1a}.pp-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.pp-rowLabel{font-size:12px;font-weight:900}.pp-switch{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.pp-switch input{display:none}.pp-track{align-items:center;border-radius:999px;display:flex;font-size:11px;font-weight:900;height:30px;padding:0 10px;position:relative;width:74px}.pp-thumb{border-radius:50%;height:22px;left:4px;position:absolute;top:4px;transition:transform .25s ease;width:22px}.pp-switch.isOff .pp-track{background:#e5e7eb;border:1px solid #94a3b859;color:#374151}body.dark-mode .pp-switch.isOff .pp-track{background:#94a3b82e;color:#eef0ffc7}.pp-switch.isOff .pp-thumb{background:#fff;transform:translateX(0)}.pp-switch.isOn .pp-track{background:#8b5cf640;border:1px solid #8b5cf659;color:#fff}.pp-switch.isOn .pp-thumb{background:#8b5cf6;transform:translateX(44px)}.pp-pillText{font-size:10px;font-weight:900;line-height:1;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.pp-switch.isOn .pp-pillText{color:#7c3aed;left:8px}.pp-switch.isOff .pp-pillText{color:#6b7280;right:8px}body.dark-mode .pp-switch.isOff .pp-pillText{color:#eef0ffa6}.pp-modalFooter{display:flex;gap:10px;justify-content:flex-end;padding:10px 12px}.pp-cancelBtn,.pp-saveBtn{border:none;border-radius:10px;cursor:pointer;font-size:12px;font-weight:900;height:34px;padding:0 14px}.pp-cancelBtn{background:#e5e7eb;color:#111827}body.dark-mode .pp-cancelBtn{background:#ffffff1f;color:#eef0ff}.pp-saveBtn{background:#8b5cf6;color:#fff}.pp-saveBtn:hover{background:#7c3aed}.success-popup{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.success-popup-content{align-items:center;background:#10b981;border-radius:12px;box-shadow:0 10px 40px #10b98166;color:#fff;display:flex;font-size:14px;font-weight:700;gap:12px;min-width:300px;padding:16px 24px}body.dark-mode .success-popup-content{background:#059669;box-shadow:0 10px 40px #05966980}.success-icon{animation:scaleIn .5s ease-out;flex-shrink:0}.success-text{flex:1 1}@media (max-width:768px){.pp-headRow{align-items:flex-start;flex-direction:column}.pp-topControls{width:100%}.pp-userSelect{min-width:0;width:100%}.pp-topEditBtn{width:100%}.pp-pagination{align-items:flex-start;flex-direction:column;gap:10px}.pp-pagerCenter{flex-wrap:wrap}.success-popup{left:10px;right:10px;top:10px}.success-popup-content{font-size:13px;min-width:auto;padding:14px 18px}}.add-group-wrapper{background:#fff;color:#000;font-family:Arial,sans-serif;font-size:18px;padding:30px}.page-heading{font-size:28px;font-weight:700;margin-bottom:25px}.form-line{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.form-line label{font-size:18px;font-weight:700;padding-top:8px;width:160px}.form-line input{border:2px solid #000;border-radius:6px;font-size:18px;outline:none;padding:10px 12px;width:360px}.form-line input:focus{border-color:#4b5bdc;box-shadow:0 0 0 3px #4b5bdc33}.permission-box select{border:1px solid #c4c4c4;border-radius:6px;font-size:17px;height:190px;outline:none;padding:10px;width:560px}.permission-box select:focus{border-color:#4b5bdc;box-shadow:0 0 0 3px #4b5bdc33}.help-text{color:#555;font-size:16px;margin-top:8px}hr{border:none;border-top:1px solid #ddd;margin:25px 0}.relation-header{background:#4b5bdc;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px}.relation-table{border:1px solid #ddd}.relation-row{align-items:center;border-top:1px solid #eee;display:flex;font-size:17px;gap:12px;padding:12px}.relation-row.head{background:#f5f5f5;border-top:none;font-weight:700}.relation-row select{border:1px solid #c4c4c4;border-radius:6px;font-size:17px;outline:none;padding:8px 10px;width:220px}.relation-icons{display:flex;gap:10px}.icon{cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.icon.add{color:green;font-weight:800}.icon.edit{color:gray}.icon.view{color:#444}.icon.delete{color:red;font-weight:800}.delete-col,.icon.delete{margin-left:auto}.add-more{background:none;border:none;color:#4b5bdc;cursor:pointer;font-size:17px;font-weight:700;margin:12px 0}.add-more:hover{text-decoration:underline}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{background:#4b5bdc;border-radius:6px;color:#fff;padding:12px 18px}.btn:hover{opacity:.92}.btn.save{background:#4b5bdc}body.light .add-group-wrapper{background:#fff;color:#000}body.light .form-line input,body.light .permission-box select,body.light .relation-row select{background:#fff;border-color:#000;color:#000}body.light .relation-row.head{background:#f5f5f5}body.light .help-text{color:#555}body.light .relation-table{border-color:#ddd}body.light .btn{background:#4b5bdc;color:#fff}body.light .btn.save{background:#244e63}body.dark .add-group-wrapper{background:#141035;color:#fff}body.dark .form-line label,body.dark .page-heading{color:#fff}body.dark .form-line input,body.dark .permission-box select,body.dark .relation-row select{background:#1e1a4a;border-color:#ffffff4d;color:#fff}body.dark .permission-box option{background:#1e1a4a;color:#fff}body.dark .help-text{color:#c7c9ff}body.dark hr{border-top:1px solid #fff3}body.dark .relation-header{background:#4b5bdc}body.dark .relation-table{border-color:#fff3}body.dark .relation-row{border-top-color:#ffffff26}body.dark .relation-row.head{background:#1e1a4a}body.dark .icon.edit{color:#c7c9ff}body.dark .add-more,body.dark .icon.view{color:#a78bfa}body.dark .btn{background:#6d28d9;color:#fff}body.dark .btn.save{background:#4c1d95}@media (max-width:768px){.form-line{flex-direction:column;gap:10px}.form-line label{padding-top:0;width:auto}.form-line input,.permission-box select,.relation-row select{width:100%}}.users-page{background:#f3f4ff;color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;min-height:140vh;padding:18px}body.dark-mode .users-page{background:radial-gradient(1200px 700px at 30% -10%,#513b79 0,#0000 55%),linear-gradient(180deg,#1c1439,#0a0f2c 70%);color:#eef2ff}.users-card{background:#fff;border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 18px 60px #0000001a;margin:0 auto;max-width:1200px;padding:14px;width:100%}body.dark-mode .users-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f27e6;border:1px solid #eef2ff1f;box-shadow:0 18px 70px #0000008c}.users-header{align-items:flex-start;border-bottom:1px solid #0f172a1a;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}body.dark-mode .users-header{border-bottom:1px solid #eef2ff1a}.users-title{font-size:20px;font-weight:900;margin:0}.users-subtitle{font-size:12px;margin:6px 0 0;opacity:.75}.users-headActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.users-btnPrimary{background:#8b5cf6;border:none;border-radius:12px;box-shadow:0 10px 30px #8b5cf64d;color:#fff;cursor:pointer;font-size:12px;font-weight:900;height:38px;padding:0 14px}.users-btnPrimary:hover{background:#7c3aed}.users-btnGhost{align-items:center;background:#0000;border:1px solid #0f172a1f;border-radius:12px;color:inherit;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:8px;height:38px;padding:0 12px}body.dark-mode .users-btnGhost{border:1px solid #eef2ff29}.users-btnGhost:hover{background:#8b5cf614}.users-toolbar{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.users-search,.users-toolbar{align-items:center;display:flex}.users-search{background:#fff;border:1px solid #0f172a1f;border-radius:12px;gap:8px;max-width:100%;padding:8px 10px;width:360px}body.dark-mode .users-search{background:#ffffff0a;border:1px solid #eef2ff24}.users-searchIcon{opacity:.7}.users-search input{background:#0000;border:none;color:inherit;font-size:12px;outline:none;width:100%}.users-error{background:#ef44441a;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-weight:900;margin:10px 0 12px;padding:10px 12px}body.dark-mode .users-error{color:#fecaca}.users-tableWrap{border:1px solid #0f172a1a;border-radius:14px;overflow:hidden}body.dark-mode .users-tableWrap{border:1px solid #eef2ff1a}.users-tableScroll{max-height:520px;overflow:auto}.users-table{border-collapse:collapse;font-size:12px;min-width:820px;width:100%}.users-table thead th{background:#8b5cf61a;border-bottom:1px solid #0f172a14;font-size:11px;font-weight:900;letter-spacing:.3px;padding:11px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}body.dark-mode .users-table thead th{background:#a855f72e;border-bottom:1px solid #eef2ff14}.users-table tbody td{border-top:1px solid #0f172a0f;padding:11px 12px;white-space:nowrap}body.dark-mode .users-table tbody td{border-top:1px solid #eef2ff14}.users-table tbody tr:hover{background:#8b5cf60f}.col-center{text-align:center}.users-nameCell{font-weight:900}.muted{opacity:.75}.pill{background:#6366f124;border-radius:999px;color:#4338ca;display:inline-flex;font-size:11px;font-weight:900;padding:5px 10px}body.dark-mode .pill{background:#6366f12e;color:#c7d2fe}.empty-row{font-weight:900;opacity:.75;padding:18px!important;text-align:center}.iconActions{align-items:center;display:inline-flex;gap:12px;justify-content:center}.iconBtn{border:none;border-radius:14px;box-shadow:0 10px 20px #0000001f,inset 0 2px 0 #ffffff40;color:#fff;display:inline-flex;height:30px;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;width:30px}.iconBtn:active{box-shadow:0 7px 14px #00000024,inset 0 1px 0 #fff3;transform:translateY(1px)}.iconBtn--edit{background:linear-gradient(180deg,#7c3aed,#5b21b6)}.iconBtn--delete{background:linear-gradient(180deg,#fb7185,#e11d48)}.iconBtn:hover{filter:brightness(1.05)}.users-pagination{align-items:center;border-top:1px solid #0f172a1a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px;padding-top:12px}body.dark-mode .users-pagination{border-top:1px solid #eef2ff1a}.users-pageInfo{font-size:12px;font-weight:900;opacity:.8}.users-pageBtns{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.page-btn{background:#0000;border:1px solid #0f172a1f;border-radius:12px;color:inherit;cursor:pointer;font-size:11px;font-weight:900;height:34px;padding:0 12px}body.dark-mode .page-btn{border:1px solid #eef2ff29}.page-btn:disabled{cursor:not-allowed;opacity:.55}.page-number{font-size:12px;font-weight:900;opacity:.85}.modalOverlay{background:#0206178c;padding:18px;z-index:50}.modalCard{border-radius:16px;box-shadow:0 26px 70px #00000059;max-width:100%;overflow:hidden;width:560px}body.dark-mode .modalCard{background:#0b0f27f5;border:1px solid #eef2ff1f;color:#eef2ff}.modalHeader{align-items:center;border-bottom:1px solid #0f172a1a;padding:12px 14px}body.dark-mode .modalHeader{border-bottom:1px solid #eef2ff1a}.modalHeader h3{font-size:14px;font-weight:900;margin:0}.modalClose{border:none;font-size:18px;opacity:.7}.modalClose:hover{opacity:1}.modalBody{padding:14px}.modalGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:560px){.modalGrid{grid-template-columns:1fr}}.modalGrid label{display:flex;flex-direction:column;font-size:11px;font-weight:900;gap:6px;opacity:.9}.modalGrid input{border:1px solid #0f172a1f;border-radius:12px;font-size:12px;font-weight:700;height:36px;outline:none;padding:0 10px}body.dark-mode .modalGrid input{background:#ffffff0a;border:1px solid #eef2ff24;color:#eef2ff}.modalFooter{border-top:1px solid #0f172a1a;display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}body.dark-mode .modalFooter{border-top:1px solid #eef2ff1a}@media (max-width:768px){.users-header{align-items:flex-start;flex-direction:column}.users-btnPrimary,.users-search{width:100%}}.au-page{align-items:flex-start;background:#f3f4ff;color:#0f172a;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:22px}body.dark-mode .au-page{background:radial-gradient(1200px 700px at 30% -10%,#513b79 0,#0000 55%),linear-gradient(180deg,#1c1439,#0a0f2c 70%);color:#eef2ff}.au-card{background:#fff;border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 18px 60px #0000001f;max-width:920px;padding:18px;width:100%}body.dark-mode .au-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f27e6;border:1px solid #eef2ff1f;box-shadow:0 18px 70px #0000008c}.au-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.au-title{font-size:22px;font-weight:900;letter-spacing:.2px;margin:0}.au-sub{font-size:13px;margin:6px 0 0;opacity:.75}.au-alert{border-radius:12px;font-size:13px;font-weight:800;margin:10px 0 14px;padding:10px 12px}.au-alert--ok{background:#22c55e1f;border:1px solid #22c55e40;color:#15803d}.au-alert--err{background:#dc26261a;border:1px solid #dc262633;color:#b91c1c}body.dark-mode .au-alert--ok{color:#86efac}body.dark-mode .au-alert--err{color:#fecaca}.au-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr;margin-top:6px}@media (max-width:760px){.au-grid{grid-template-columns:1fr}}.au-field{display:flex;flex-direction:column;gap:6px}.au-label{font-size:12px;opacity:.9}.au-label,.req{font-weight:900}.au-input{background:#fff;border:1px solid #0f172a1f;border-radius:12px;color:inherit;font-size:13px;height:42px;outline:none;padding:0 12px;transition:box-shadow .2s ease,border-color .2s ease}body.dark-mode .au-input{background:#ffffff0a;border:1px solid #eef2ff24}.au-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}select.au-input{cursor:pointer}select.au-input option{background:#fff;color:#0f172a;padding:8px}body.dark-mode select.au-input option{background:#0b0f27;color:#eef2ff}.au-help{font-size:12px;line-height:1.3;opacity:.7}.au-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:14px}.au-requiredNote{font-size:12px;font-weight:900;opacity:.8}.au-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.au-btn{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:900;height:40px;min-width:100px;transition:transform .08s ease,opacity .2s ease,background .2s ease}.au-btn:active{transform:translateY(1px)}.au-btn:disabled{cursor:not-allowed;opacity:.6}.au-btnGhost{background:#0000;border:1px solid #0f172a24;color:inherit}body.dark-mode .au-btnGhost{border:1px solid #eef2ff29}.au-btnPrimary{background:#8b5cf6;box-shadow:0 12px 24px #8b5cf633;color:#fff;min-width:140px}.au-btnPrimary:hover{background:#7c3aed}body.dark-mode .au-btnPrimary{background:#a855f7;color:#0b0f27}@media (max-width:760px){.au-footer{align-items:flex-start;flex-direction:column}.au-actions{width:100%}.au-btn{flex:1 1}}.au-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}body.dark-mode .au-popup-overlay{background:#000000b3}.au-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0f172a1a;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:420px;padding:40px 32px;text-align:center;width:90%}body.dark-mode .au-popup{background:#0b0f27f2;border:1px solid #eef2ff26;box-shadow:0 25px 60px #0009}.au-popup-icon{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;margin-bottom:20px}.au-popup-title{color:#0f172a;font-size:24px;font-weight:900;letter-spacing:.3px;margin:0 0 12px}body.dark-mode .au-popup-title{color:#eef2ff}.au-popup-message{font-size:14px;line-height:1.5;margin:0 0 20px;opacity:.75}.au-popup-redirect{animation:pulse 1.5s ease-in-out infinite;color:#8b5cf6;font-size:13px;font-weight:700;opacity:.8}body.dark-mode .au-popup-redirect{color:#a855f7}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.activity-page{background:#f3f4f6;font-size:16px;min-height:100vh;padding:20px}.activity-container{background:#fff;border-radius:12px;color:#1f2937;padding:22px}.activity-title{font-size:26px;font-weight:700;margin-bottom:16px}.search-bar input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 14px;width:320px}.activity-table{border-collapse:collapse;font-size:16px;width:100%}.activity-table th{background:#f3f4f6;color:#374151;font-weight:700;text-align:left}.activity-table td,.activity-table th{border-bottom:1px solid #e5e7eb;font-size:16px;padding:14px 12px}.admin-link{color:#2563eb;font-size:16px;font-weight:700}.details{font-size:15px;line-height:1.6;max-width:600px}body.dark-mode .activity-page{background:linear-gradient(180deg,#070b1f,#0b102a)}body.dark-mode .activity-container{background:linear-gradient(180deg,#1a1440,#141034);box-shadow:0 20px 40px #00000073;color:#e6e8ff}body.dark-mode .search-bar input{background:#221a55;border:1px solid #3a2f7a;color:#fff;font-size:16px}body.dark-mode .search-bar input::placeholder{color:#a9afff}body.dark-mode .activity-table th{background:#3a2474;border-bottom:1px solid #4b3b9a;color:#d6d9ff;font-size:16px;font-weight:700}body.dark-mode .activity-table td{background:#0000;border-bottom:1px solid #2a215f;color:#e6e8ff;font-size:16px}body.dark-mode .activity-table tbody tr:hover{background:#7a5cff2e}body.dark-mode .admin-link{color:#b7baff;font-size:16px}body.dark-mode .details{color:#c7cbff;font-size:15px;line-height:1.6}.file-page{background:#f3f4f6;display:flex;font-size:16px;gap:20px;min-height:100vh;padding:20px}.file-table-container{background:#fff;border-radius:8px;flex:1 1;padding:18px}.file-search{display:flex;gap:10px;margin-bottom:14px}.file-search input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:16px;padding:10px 12px}.file-table{border-collapse:collapse;font-size:16px;width:100%}.file-table th{background:#f8fafc;color:#374151;font-weight:700;text-align:left}.file-table td,.file-table th{border-bottom:1px solid #e5e7eb;font-size:16px;padding:14px 12px}.file-link{color:#2563eb;cursor:pointer;font-size:16px;font-weight:700}.filter-panel{background:#fff;border-radius:8px;padding:18px;width:300px}.filter-panel h3{background:#3a2f7a;color:#fff;font-size:18px;font-weight:700;margin:-18px -18px 16px;padding:12px}.filter-section{margin-bottom:18px}.filter-section h4{color:#374151;font-size:16px;font-weight:700;margin-bottom:10px}.filter-section ul{list-style:none;margin:0;padding:0}.filter-section li{color:#374151;cursor:pointer;font-size:16px;padding:8px 6px}.filter-section li.active{font-weight:800}.filter-section select{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;margin-top:8px;padding:10px 12px;width:100%}body.dark-mode .file-page{background:linear-gradient(180deg,#070b1f,#0a0f2b)}body.dark-mode .file-table-container{background:linear-gradient(180deg,#141034,#100c2a);color:#e5e7ff}body.dark-mode .file-table th{background:#2a1f5e;border-bottom:1px solid #3a2f7a;color:#d6d9ff}body.dark-mode .file-table td{border-bottom:1px solid #1c2354}body.dark-mode .file-link{color:#b7baff}body.dark-mode .file-search input{background:#141a44;border:1px solid #2a2f66;color:#fff;font-size:16px}body.dark-mode .filter-panel{background:linear-gradient(180deg,#141034,#100c2a);color:#e5e7ff}body.dark-mode .filter-panel h3{background:#3a2474}body.dark-mode .filter-section h4{color:#c8ccff}body.dark-mode .filter-section li{color:#b9beff}body.dark-mode .filter-section li.active{color:#fff}body.light-mode{background:#f3f4ff}body.dark-mode{background:#070a1a;color:#eef2ff}.dept-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:18px 20px}.dept-card{background:#fff;border:1px solid #0f172a1a;border-radius:14px;box-shadow:0 10px 30px #0f172a14;max-width:900px;padding:16px 18px;width:100%}body.dark-mode .dept-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f27e0;border:1px solid #eef2ff1a;box-shadow:0 10px 30px #00000073}.dept-head{border-bottom:1px solid #0f172a14;margin-bottom:14px;padding:6px 0 12px;text-align:center}body.dark-mode .dept-head{border-bottom:1px solid #eef2ff1a}.dept-head h2{font-size:22px;font-weight:700;letter-spacing:.2px;margin:0}.dept-head p{font-size:13px;margin:6px 0 0;opacity:.75}.dept-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr;padding:10px 2px}.field{display:flex;flex-direction:column}.field-full{grid-column:1/-1}label{color:inherit;font-size:13px;font-weight:600;margin-bottom:6px}.req{color:#ef4444;margin-left:6px}input,textarea{background:#fff;border:1px solid #0f172a2e;border-radius:10px;color:#0f172a;font-size:13px;height:36px;outline:none;padding:9px 11px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{border-color:#6d28d98c;box-shadow:0 0 0 3px #6d28d91f}textarea{height:auto;min-height:80px;resize:vertical}body.dark-mode input,body.dark-mode textarea{background:#ffffff0a;border:1px solid #eef2ff24;color:#eef2ff}body.dark-mode input:focus,body.dark-mode textarea:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #a855f72e}input::placeholder,textarea::placeholder{color:#64748bf2}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#eef2ff8c}.err{color:#ef4444;font-size:12px;font-weight:600;gap:8px;margin-top:6px}.err-dot{background:#ef4444;font-size:11px;height:16px;width:16px}.dept-actions{border-top:1px solid #0f172a14;gap:10px;margin-top:12px;padding-top:14px}body.dark-mode .dept-actions{border-top:1px solid #eef2ff1a}.btn{border-radius:10px;font-size:13px;padding:9px 14px;transition:transform .05s ease,opacity .2s ease}.btn:active{transform:scale(.98)}.btn.ghost{border:1px solid #0f172a2e;min-width:110px}body.dark-mode .btn.ghost{border:1px solid #eef2ff2e}.btn.primary{background:linear-gradient(180deg,#273268,#8a40da);box-shadow:0 10px 20px #6d28d933;min-width:160px}.btn.primary:hover{opacity:.95}body.dark-mode .btn.primary{background:#a855f7;box-shadow:0 10px 20px #a855f738}@media (max-width:760px){.dept-grid{grid-template-columns:1fr}}body.light-mode{background:linear-gradient(135deg,#f5f7fa,#e8ecf4);color:#0f172a}body.dark-mode{background:linear-gradient(135deg,#0a0e27,#16213e);color:#f1f5f9}.deptlist-page{align-items:flex-start;animation:fadeIn .4s ease-out;display:flex;justify-content:center;min-height:100vh;padding:32px 20px}.deptlist-card{background:#fff;border:1px solid #0f172a14;border-radius:20px;box-shadow:0 4px 16px #0f172a0a,0 12px 48px #0f172a14;max-width:1300px;padding:32px;transition:all .3s ease;width:100%}.deptlist-card:hover{box-shadow:0 8px 24px #0f172a14,0 16px 56px #0f172a1f}body.dark-mode .deptlist-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#111830f2,#0b0f27eb);border:1px solid #8b5cf61f;box-shadow:0 4px 24px #00000040,0 12px 56px #8b5cf626}body.dark-mode .deptlist-card:hover{box-shadow:0 8px 32px #00000059,0 16px 64px #8b5cf633}.deptlist-top{align-items:center;border-bottom:2px solid #0f172a14;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}body.dark-mode .deptlist-top{border-bottom:2px solid #8b5cf626}.deptlist-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5b21b6,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}body.dark-mode .deptlist-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text}.btn-add{align-items:center;background:linear-gradient(135deg,#6d28d9,#7c3aed);border:none;border-radius:14px;box-shadow:0 4px 12px #6d28d940,0 0 0 0 #6d28d966;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add:before{background:#ffffff26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.btn-add:hover:before{height:300px;width:300px}.btn-add:hover{box-shadow:0 8px 20px #6d28d959,0 0 0 4px #6d28d926;transform:translateY(-2px)}.btn-add:active{box-shadow:0 2px 8px #6d28d940,0 0 0 2px #6d28d933;transform:translateY(0)}body.dark-mode .btn-add{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 4px 12px #a855f759,0 0 0 0 #a855f766;color:#0b0f27}body.dark-mode .btn-add:hover{box-shadow:0 8px 20px #a855f773,0 0 0 4px #a855f733}.deptlist-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:24px}.search-box{background:#fafafa;border:2px solid #0f172a1a;border-radius:14px;gap:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box:focus-within{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a,0 4px 12px #7c3aed26;transform:translateY(-1px)}body.dark-mode .search-box{background:#ffffff08;border:2px solid #8b5cf626}body.dark-mode .search-box:focus-within{background:#ffffff0d;border-color:#a855f7;box-shadow:0 0 0 4px #a855f726,0 4px 12px #a855f733}.search-box svg{color:#6d28d9;transition:color .2s ease}body.dark-mode .search-box svg{color:#c084fc}.search-box input{background:#0000;border:none;color:inherit;font-size:14px;font-weight:500;outline:none;width:100%}.search-box input::placeholder{color:#64748bb3}body.dark-mode .search-box input::placeholder{color:#eef2ff73}.table-wrap{background:#fafafa;border:1px solid #0f172a14;border-radius:16px;margin-top:20px;overflow:hidden}body.dark-mode .table-wrap{background:#ffffff05;border:1px solid #8b5cf61f}.dept-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.dept-table thead th{background:linear-gradient(135deg,#6d28d914,#7c3aed1f);color:#6d28d9;font-size:12px;font-weight:800;letter-spacing:.8px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}body.dark-mode .dept-table thead th{background:linear-gradient(135deg,#8b5cf626,#a855f733);color:#c084fc}.dept-table tbody tr{background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .dept-table tbody tr{background:#ffffff05}.dept-table tbody tr:hover{background:#6d28d90a;box-shadow:0 2px 8px #6d28d914;transform:scale(1.005)}body.dark-mode .dept-table tbody tr:hover{background:#8b5cf614;box-shadow:0 2px 8px #8b5cf626}.dept-table tbody td{border-top:1px solid #0f172a0f;padding:16px 20px;vertical-align:middle;white-space:nowrap}body.dark-mode .dept-table tbody td{border-top:1px solid #8b5cf614}.th-click{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.th-click:hover{color:#7c3aed;transform:translateX(2px)}body.dark-mode .th-click:hover{color:#a855f7}.nameCell{align-items:center;display:flex;gap:12px}.folderIcon{color:#7c3aed;transition:all .3s ease}body.dark-mode .folderIcon{color:#c084fc}.dept-table tbody tr:hover .folderIcon{transform:scale(1.15) rotate(5deg)}.deptName{color:inherit;font-weight:700}.muted{font-style:italic;opacity:.5}.td-center{color:#64748b;font-size:14px;font-weight:600;padding:32px!important;text-align:center}body.dark-mode .td-center{color:#94a3b8}.th-action{text-align:center}.td-action{gap:8px;text-align:center}.iconBtn,.td-action{display:flex;justify-content:center}.iconBtn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;height:38px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.iconBtn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.iconBtn:hover:before{height:100px;width:100px}.iconBtn.edit{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 2px 8px #6d28d940;color:#fff}.iconBtn.edit:hover{box-shadow:0 4px 12px #6d28d959;transform:translateY(-2px)}.iconBtn.del{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 8px #dc262640;color:#fff}.iconBtn.del:hover{box-shadow:0 4px 12px #dc262659;transform:translateY(-2px)}.iconBtn:active{transform:scale(.95)}body.dark-mode .iconBtn.edit{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 2px 8px #a855f74d}body.dark-mode .iconBtn.del{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef44444d}.pager{border-top:2px solid #0f172a14;gap:16px;justify-content:space-between;margin-top:24px;padding-top:24px}body.dark-mode .pager{border-top:2px solid #8b5cf626}.pagerBtn{background:#fff;border:2px solid #0f172a1a;border-radius:12px;color:inherit;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagerBtn:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed40;color:#fff;transform:translateY(-2px)}.pagerBtn:active:not(:disabled){transform:scale(.98)}body.dark-mode .pagerBtn{background:#ffffff08;border:2px solid #8b5cf633}body.dark-mode .pagerBtn:hover:not(:disabled){background:#a855f7;border-color:#a855f7;color:#0b0f27}.pagerBtn:disabled{cursor:not-allowed;opacity:.3}.pagerCenter{gap:8px}.pagerCenter,.pagerNums{align-items:center;display:flex}.pagerNums{gap:6px}.pageNum{align-items:center;background:#fff;border:2px solid #0f172a1a;border-radius:12px;color:inherit;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.pageNum:hover:not(.active){background:#7c3aed1a;border-color:#7c3aed;transform:translateY(-2px)}.pageNum.active{background:linear-gradient(135deg,#6d28d9,#7c3aed);border-color:#6d28d9;box-shadow:0 4px 12px #6d28d94d;color:#fff;transform:scale(1.05)}body.dark-mode .pageNum{background:#ffffff08;border:2px solid #8b5cf633}body.dark-mode .pageNum:hover:not(.active){background:#a855f726;border-color:#a855f7}body.dark-mode .pageNum.active{background:linear-gradient(135deg,#a855f7,#c084fc);border-color:#a855f7;box-shadow:0 4px 12px #a855f766;color:#0b0f27}.pageInfo{font-size:13px;font-weight:600;margin-left:12px;opacity:.7}.dots{font-size:14px;font-weight:700;opacity:.6;padding:0 8px}.modalOverlay{align-items:center;animation:fadeInOverlay .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modalCard{animation:slideInModal .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #0f172a1a;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #6d28d91a;max-width:540px;padding:28px;transform-origin:center;width:100%}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}body.dark-mode .modalCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#111830fa,#0b0f27f2);border:1px solid #8b5cf633;box-shadow:0 20px 60px #0009,0 0 0 1px #a855f733}.modalHeader{align-items:flex-start;border-bottom:2px solid #0f172a14;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}body.dark-mode .modalHeader{border-bottom:2px solid #8b5cf626}.modalTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5b21b6,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}body.dark-mode .modalTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text}.modalSub{font-size:13px;font-weight:500;margin:6px 0 0;opacity:.65}.modalClose{align-items:center;background:#0000;border:2px solid #0f172a1a;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.modalClose:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626;transform:rotate(90deg)}body.dark-mode .modalClose{border:2px solid #8b5cf633}body.dark-mode .modalClose:hover{background:#ef444426;border-color:#ef4444;color:#f87171}.modalBody{display:flex;flex-direction:column;gap:14px;padding:8px 0 24px}.modalLabel{font-size:14px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}.req{color:#dc2626;margin-left:4px}.modalInput{background:#fafafa;border:2px solid #0f172a1f;border-radius:12px;color:inherit;font-size:14px;font-weight:500;height:48px;outline:none;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modalInput:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;transform:translateY(-1px)}body.dark-mode .modalInput{background:#ffffff0a;border:2px solid #8b5cf633}body.dark-mode .modalInput:focus{background:#ffffff0f;border-color:#a855f7;box-shadow:0 0 0 4px #a855f726}.err{align-items:center;animation:shakeError .3s ease-out;background:#dc262614;border-left:4px solid #dc2626;border-radius:10px;color:#dc2626;display:flex;font-size:13px;font-weight:700;gap:10px;margin-top:8px;padding:10px 14px}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.err-dot{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:900;height:20px;justify-content:center;width:20px}.dept-actions{border-top:2px solid #0f172a14;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}body.dark-mode .dept-actions{border-top:2px solid #8b5cf626}.btn{border-radius:12px;font-size:14px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.btn:hover:before{height:300px;width:300px}.btn.ghost{background:#0000;border:2px solid #0f172a26;color:inherit}.btn.ghost:hover{background:#0f172a0d;border-color:#0f172a40;transform:translateY(-2px)}body.dark-mode .btn.ghost{border:2px solid #8b5cf640}body.dark-mode .btn.ghost:hover{background:#8b5cf61a;border-color:#8b5cf666}.btn.primary{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 4px 12px #6d28d94d}.btn.primary:hover{box-shadow:0 6px 20px #6d28d966;transform:translateY(-2px)}.btn.primary:active{transform:scale(.98)}body.dark-mode .btn.primary{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 4px 12px #a855f759;color:#0b0f27}body.dark-mode .btn.primary:hover{box-shadow:0 6px 20px #a855f773}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.success-toast{animation:slideInToast .4s cubic-bezier(.4,0,.2,1);position:fixed;right:24px;top:24px;z-index:9999}@keyframes slideInToast{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.success-toast-content{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 10px 40px #10b98166,0 0 0 1px #10b98133;color:#fff;display:flex;font-size:15px;font-weight:700;gap:14px;min-width:320px;padding:18px 28px}body.dark-mode .success-toast-content{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 40px #05966980,0 0 0 1px #0596694d}.success-toast-icon{animation:scaleInIcon .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}@keyframes scaleInIcon{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.success-toast-text{flex:1 1;letter-spacing:.2px}@media (max-width:980px){.deptlist-card{padding:20px}.deptlist-title{font-size:24px}.deptlist-top{align-items:flex-start;flex-direction:column}.btn-add{justify-content:center;width:100%}.dept-table thead{display:none}.dept-table,.dept-table tbody,.dept-table td,.dept-table tr{display:block;width:100%}.dept-table tbody tr{border-radius:12px;margin-bottom:16px;padding:16px}.dept-table tbody td{border-top:none;padding:8px 0;white-space:normal}.td-action{justify-content:flex-start;margin-top:12px}.pager{flex-direction:column;gap:12px}.pagerCenter{justify-content:center;width:100%}.pagerBtn{width:100%}}@media (max-width:640px){.deptlist-page{padding:16px 12px}.deptlist-card{padding:16px}.modalCard{padding:20px}.pageInfo{display:none}.success-toast{left:12px;right:12px;top:12px}.success-toast-content{font-size:14px;min-width:auto;padding:16px 20px}}.fileshares-page{background:#f3f2ff;color:#101827;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;min-height:100vh;padding:18px 18px 40px}.fileshares-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px}.fileshares-title{font-size:18px;font-weight:900}.fileshares-subtitle{color:#1018278c;font-size:12px;font-weight:700;margin-top:2px}.fileshares-topbar{background:#fff;border:1px solid #10182714;border-radius:14px;box-shadow:0 10px 22px #1018270f;justify-content:space-between;padding:12px}.fileshares-topbar,.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-row{width:100%}.date-filter-group{gap:8px}.date-input{border:1px solid #1018271a;border-radius:12px;color:#101827;font-weight:700;min-width:150px;padding:0 12px}.date-label{color:#10182799;font-size:12px;font-weight:800}.clear-date-btn{background:#fff;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:all .2s ease}.clear-date-btn:hover{background:#fef2f2;border-color:#ef4444}.fileshares-searchbox{align-items:center;background:#fff;border:1px solid #1018271a;border-radius:12px;display:flex;gap:10px;max-width:760px;padding:10px 12px;width:100%}.search-icon{color:#10182780;font-size:18px}.fileshares-searchbox input{background:#0000;border:none;color:#101827;font-size:14px;outline:none;width:100%}.fileshares-searchbox input::placeholder{color:#10182766}.fileshares-select{background:#fff;border:1px solid #1018271a;border-radius:12px;color:#101827;font-weight:800;height:42px;outline:none;padding:0 12px;position:relative;z-index:10}.fileshares-select option{background:#fff;color:#101827;padding:8px}.fileshares-searchbtn{background:#2f255a;border:1px solid #7c3aed4d;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:10px 16px}.fileshares-table-card{background:#fff;border:1px solid #10182714;border-radius:10px;margin-top:14px;overflow:hidden}.fileshares-table-wrap{overflow-x:auto}.fileshares-table{border-collapse:collapse;font-size:13px;width:100%}.fileshares-table thead th{background:#fff;border-bottom:1px solid #1018271a;color:#101827bf;font-size:12.5px;font-weight:900;padding:12px 14px;text-align:left;white-space:nowrap}.fileshares-table tbody td{background:#fff;border-bottom:1px solid #10182714;padding:12px 14px;white-space:nowrap}.fileshares-table tbody tr:hover td{background:#7c3aed0f}.wrapcell{line-height:1.4;max-width:280px;overflow-wrap:break-word;padding:12px 8px!important;white-space:normal;word-break:break-word}.email-list{display:flex;flex-direction:column;gap:4px}.email-item{font-size:12px;padding:2px 0;word-break:break-all}.fileid-strong{font-weight:900}.otp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.otp-cell{text-align:center}.otp-badge,.otp-yes{align-items:center;border-radius:50%;color:#fff;display:inline-flex;height:26px;justify-content:center;width:26px}.otp-badge{background:#ef4444}.otp-yes{background:#22c55e}.type-pill{border:1px solid #1018271a;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:900;padding:6px 10px}.type-pill.internal{background:#7c3aed24;color:#5b21b6}.type-pill.external{background:#3b82f624;color:#1d4ed8}.fileshares-footer{align-items:center;background:#fff;border-top:1px solid #1018271a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.fileshares-count{color:#101827b3;font-size:13px;font-weight:700;white-space:nowrap}.pager{flex-wrap:wrap;gap:8px}.pager,.pager-btn{align-items:center;display:flex}.pager-btn{background:#fff;border:1px solid #10182724;border-radius:10px;color:#101827d9;cursor:pointer;font-size:13px;font-weight:700;gap:6px;padding:10px 16px;transition:all .2s ease}.pager-btn:hover:not(:disabled){background:#7c3aed14;border-color:#7c3aed4d;color:#5b21b6}.pager-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{gap:6px}.page-number-btn,.page-numbers{align-items:center;display:flex}.page-number-btn{background:#fff;border:1px solid #1018271a;border-radius:10px;color:#101827d9;cursor:pointer;font-size:14px;font-weight:700;height:44px;justify-content:center;min-width:44px;transition:all .2s ease}.page-number-btn:hover:not(.active){background:#7c3aed0f;border-color:#7c3aed33}.page-number-btn.active{background:#5b21b6;border-color:#5b21b6;box-shadow:0 4px 12px #5b21b640;color:#fff}.page-ellipsis{color:#10182780;font-weight:700;padding:0 8px}.items-per-page{gap:10px;margin-left:auto}.items-per-page-label{color:#101827b3;font-size:13px;font-weight:700;white-space:nowrap}.items-per-page-select{background:#fff;border:1px solid #10182724;border-radius:10px;color:#101827d9;cursor:pointer;font-size:14px;font-weight:700;height:44px;min-width:80px;outline:none;padding:0 12px;transition:all .2s ease}.items-per-page-select:hover{background:#7c3aed0f;border-color:#7c3aed4d}.items-per-page-select:focus{border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b61a}.no-data{color:#10182799;font-weight:800;padding:18px 12px;text-align:center}body.dark-mode .fileshares-page{background:linear-gradient(180deg,#070a1b,#050718 60%,#040616);color:#ffffffe6}body.dark-mode .fileshares-subtitle{color:#ffffff8c}body.dark-mode .fileshares-topbar{background:#070a1bd9;border:1px solid #ffffff1a;box-shadow:0 18px 40px #00000073}body.dark-mode .date-input{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffffeb}body.dark-mode .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}body.dark-mode .date-label{color:#fff9}body.dark-mode .clear-date-btn{background:#ffffff0f;border:1px solid #ef44444d;color:#fca5a5}body.dark-mode .clear-date-btn:hover{background:#ef444426;border-color:#ef4444}body.dark-mode .fileshares-searchbox{background:#ffffff0f;border:1px solid #ffffff1a}body.dark-mode .search-icon{color:#ffffffbf}body.dark-mode .fileshares-searchbox input{color:#ffffffeb}body.dark-mode .fileshares-searchbox input::placeholder{color:#ffffff80}body.dark-mode .fileshares-select{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffffeb}body.dark-mode .fileshares-select option{background:#1a1a2e;color:#ffffffeb}body.dark-mode .fileshares-table-card{background:#0a0c1c8c;border:1px solid #ffffff1a}body.dark-mode .fileshares-table thead th{background:#3b2470;border-bottom:1px solid #ffffff1f;color:#ffffffeb}body.dark-mode .fileshares-table tbody td{background:#0d0f249e;border-bottom:1px solid #ffffff0f;color:#ffffffe0}body.dark-mode .fileshares-table tbody tr:nth-child(2n) td{background:#0d0f2470}body.dark-mode .fileshares-table tbody tr:hover td{background:#7c3aed1f}body.dark-mode .fileshares-footer{background:#0d0f248c;border-top:1px solid #ffffff0f}body.dark-mode .fileshares-count{color:#ffffffb3}body.dark-mode .pager-btn{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffffe6}body.dark-mode .pager-btn:hover:not(:disabled){background:#7c3aed33;border-color:#7c3aed66;color:#c4b5fd}body.dark-mode .page-number-btn{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffffe6}body.dark-mode .page-number-btn:hover:not(.active){background:#7c3aed33;border-color:#7c3aed4d}body.dark-mode .page-number-btn.active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed66;color:#fff}body.dark-mode .page-ellipsis{color:#ffffff80}body.dark-mode .items-per-page-label{color:#ffffffb3}body.dark-mode .items-per-page-select{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffffe6}body.dark-mode .items-per-page-select:hover{background:#7c3aed33;border-color:#7c3aed66}body.dark-mode .items-per-page-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}body.dark-mode .items-per-page-select option{background:#1a1a2e;color:#ffffffeb}body.dark-mode .no-data{color:#ffffffb3}.add-activity-page{font-size:16px;min-height:100vh;padding:20px}.add-activity-box{border-radius:8px;padding:20px}.theme-light .add-activity-box{background:#fff;border:1px solid #e5e7eb}.theme-dark .add-activity-box{background:#0b1020;border:1px solid #2a2f45}.form-row{align-items:center;border-bottom:1px solid;display:flex;padding:14px 0}.theme-light .form-row{border-color:#e5e7eb}.theme-dark .form-row{border-color:#1e293b}.form-row label{font-size:16px;font-weight:700;width:180px}.theme-light .form-row label{color:#374151}.theme-dark .form-row label{color:#c7d2fe}.form-row select{border-radius:6px;font-size:16px;padding:10px 12px;width:300px}.theme-light .form-row select{background:#fff;border:1px solid #d1d5db}.theme-dark .form-row select{background:#151a2e;border:1px solid #2a2f45;color:#fff}.checkbox-row{font-size:16px;padding-left:180px}.checkbox-row input{margin-right:10px;transform:scale(1.1)}.info-row{border-bottom:1px solid;display:flex;font-size:16px;justify-content:space-between;padding:14px 0}.theme-light .info-row{border-color:#e5e7eb;color:#374151}.theme-dark .info-row{border-color:#1e293b;color:#c7d2fe}.form-footer{border-top:1px solid;display:flex;gap:12px;margin-top:20px;padding-top:16px}.theme-light .form-footer{border-color:#e5e7eb}.theme-dark .form-footer{border-color:#1e293b}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 16px}.theme-light .btn{background:#e5e7eb}.theme-dark .btn{background:#1f2540;color:#fff}.btn.primary{background:#1f4e6e;color:#fff}.support-tickets-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tickets-header h1{color:#1a1a1a;font-size:28px;margin:0}.refresh-btn{border-radius:6px;font-weight:500}.refresh-btn:hover:not(:disabled){transform:translateY(-1px)}.filter-buttons{display:flex;gap:10px;margin-bottom:20px}.filter-buttons button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-buttons button:hover{border-color:#2196f3;color:#2196f3}.filter-buttons button.active{background:#2196f3;border-color:#2196f3;color:#fff}.spinner{border-top-color:#2196f3}.loading p{color:#666}.error-message{border-radius:8px;gap:10px;padding:20px}.error-message .error-icon{color:#f44336}.error-message button{font-weight:500;margin-top:10px;padding:10px 25px}.table-container{border-radius:8px}.tickets-table{border-collapse:collapse;font-size:14px;width:100%}.tickets-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.tickets-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.tickets-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.tickets-table tbody tr:hover{background:#f9f9f9}.tickets-table td{color:#555;padding:15px 12px}.tickets-table .ticket-id{color:#666;font-family:Courier New,monospace;font-size:12px;font-weight:500}.tickets-table .subject{color:#333;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-table .no-data{color:#999;font-style:italic;padding:40px;text-align:center}.status-badge{border-radius:20px;padding:5px 12px}.status-badge.open{background:#e3f2fd;color:#1976d2}.status-badge.closed{background:#e8f5e9;color:#388e3c}.priority-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.priority-badge.low{background:#e8f5e9;color:#388e3c}.priority-badge.medium{background:#fff3e0;color:#f57c00}.priority-badge.high{background:#ffebee;color:#d32f2f}.actions{gap:8px}.close-btn,.view-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.view-btn{background:#2196f3;color:#fff}.view-btn:hover{background:#1976d2;transform:translateY(-1px)}.close-btn{background:#4caf50;color:#fff}.close-btn:hover:not(:disabled){background:#388e3c;box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.close-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7;transform:none}.modal-content{box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h2{color:#1a1a1a}.close-modal-btn{border-radius:50%;color:#666}.close-modal-btn:hover{background:#f0f0f0;color:#333}.detail-row{grid-gap:12px;gap:12px;margin-bottom:18px}.detail-row strong{color:#666;font-size:13px;font-weight:600}.detail-row p,.detail-row span{color:#333}.modal-footer{border-top:1px solid #e0e0e0;gap:10px}.cancel-btn,.close-ticket-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.close-ticket-btn{background:#4caf50;color:#fff}.close-ticket-btn:hover:not(:disabled){background:#388e3c;box-shadow:0 2px 8px #4caf504d}.close-ticket-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}body.dark .support-tickets-container,body.dark .tickets-header h1{color:#fff}body.dark .filter-buttons button{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}body.dark .filter-buttons button:hover{border-color:#2196f3;color:#2196f3}body.dark .filter-buttons button.active{background:#2196f3;color:#fff}body.dark .table-container{background:#ffffff0d}body.dark .tickets-table thead{background:#ffffff0d;border-bottom-color:#ffffff1a}body.dark .tickets-table th{color:#ffffffb3}body.dark .tickets-table tbody tr{border-bottom-color:#ffffff0d}body.dark .tickets-table tbody tr:hover{background:#ffffff08}body.dark .tickets-table td{color:#fffc}body.dark .tickets-table .ticket-id{color:#fff9}body.dark .tickets-table .subject{color:#ffffffe6}body.dark .cancel-btn{background:#ffffff0d}body.dark .cancel-btn:hover{background:#ffffff1a}@media (max-width:1024px){.tickets-table{font-size:13px}.tickets-table td,.tickets-table th{padding:12px 8px}.actions{flex-direction:column;gap:6px}.close-btn,.view-btn{justify-content:center;width:100%}}@media (max-width:768px){.support-tickets-container{padding:15px}.tickets-header{align-items:flex-start;flex-direction:column;gap:15px}.filter-buttons{flex-wrap:wrap}.table-container{overflow-x:auto}.tickets-table{font-size:12px;min-width:900px}.tickets-table td,.tickets-table th{padding:10px 6px}.actions{flex-direction:column;gap:4px}.close-btn,.view-btn{font-size:11px;justify-content:center;padding:6px 8px;width:100%}.detail-row{gap:6px;grid-template-columns:1fr}}.ticket-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}body.dark .ticket-popup-overlay{background:#000000b3}.ticket-popup{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0f172a1a;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:420px;padding:40px 32px;text-align:center;width:90%}body.dark .ticket-popup{background:#1a1a2ef2;border:1px solid #ffffff26;box-shadow:0 25px 60px #0009}.ticket-popup-icon{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;display:flex;justify-content:center;margin-bottom:20px}.ticket-popup-title{color:#1a1a1a;font-size:24px;font-weight:700;letter-spacing:.3px;margin:0 0 12px}body.dark .ticket-popup-title{color:#fff}.ticket-popup-message{color:#666;font-size:14px;line-height:1.5;margin:0}body.dark .ticket-popup-message{color:#ffffffb3}@keyframes scaleIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.file-logs-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;padding:24px 32px;transition:background .3s ease}body.dark .file-logs-container{background:#0f0828}.logs-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.logs-header h1{color:#1a1a2e;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.logs-header p{color:#6b7280;font-size:16px;margin:0;transition:color .3s ease}body.dark .logs-header h1{color:#fff}body.dark .logs-header p{color:#fff9}.refresh-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.refresh-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logs-controls{flex-wrap:wrap;gap:16px;margin-bottom:24px}.logs-controls,.search-box{align-items:center;display:flex}.search-box{background:#f9f9f9;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;min-width:300px;padding:0 12px;position:relative;transition:all .3s ease}body.dark .search-box{background:#ffffff0d;border-color:#ffffff1a}.search-box:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark .search-box:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.search-icon{color:#9ca3af;flex-shrink:0;margin-right:8px;transition:color .3s ease}body.dark .search-icon{color:#6b7280}.search-input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 0}body.dark .search-input{color:#2e2938e6}.search-input::placeholder{color:#9ca3af}body.dark .search-input::placeholder{color:#fff6}.filter-group{align-items:center;background:#f3f0f5;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:0;padding:0 12px;transition:all .3s ease}.filter-group svg{color:#6b7280;flex-shrink:0;margin-right:8px;transition:color .3s ease}.filter-group select{background:#0000;border:none;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:10px 0}.filter-group:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark .filter-group{background:#ffffff0d;border-color:#ffffff1a}body.dark .filter-group svg{color:#ffffff80}body.dark .filter-group select{color:#ffffffe6}body.dark .filter-group select option{background:#1a1a2e;color:#fff}body.dark .filter-group:focus-within{box-shadow:0 0 0 3px #4caf5033}.sort-group{align-items:center;background:#f3f0f5;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:0;padding:0 0 0 12px;transition:all .3s ease}.sort-group svg{color:#6b7280;flex-shrink:0;margin-right:8px;transition:color .3s ease}.sort-group select{background:#0000;border:none;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:10px 8px 10px 0}.sort-group:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.sort-group .sort-order-btn{background:#ece9ef;border:none;border-left:2px solid #e2e8f0;border-radius:0 6px 6px 0;margin:0;min-height:42px}.sort-group .sort-order-btn:hover{background:#d4d0d9;border-left-color:#4caf50}body.dark .sort-group{background:#ffffff0d;border-color:#ffffff1a}body.dark .sort-group svg{color:#ffffff80}body.dark .sort-group select{color:#ffffffe6}body.dark .sort-group select option{background:#1a1a2e;color:#fff}body.dark .sort-group:focus-within{box-shadow:0 0 0 3px #4caf5033}body.dark .sort-group .sort-order-btn{background:#ffffff14;border-left-color:#ffffff1a;color:#ffffffe6}body.dark .sort-group .sort-order-btn:hover{background:#4caf5026;border-left-color:#4caf50}.filter-select,.sort-select{align-items:center;background:#f3f0f5;border:2px solid #e2e8f0;border-radius:8px;display:flex;padding:0 12px;position:relative;transition:all .3s ease}body.dark .filter-select,body.dark .sort-select{background:#fff;border-color:#ffffff1a}.filter-select:focus-within,.sort-select:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark .filter-select:focus-within,body.dark .sort-select:focus-within{box-shadow:0 0 0 3px #4caf5033}.filter-select svg{color:#6b7280;flex-shrink:0;margin-right:8px;transition:color .3s ease}body.dark .filter-select svg{color:#ffffff80}.filter-select select,.sort-select select{background:#0000;border:none;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:10px 0}body.dark .filter-select select,body.dark .sort-select select{color:#ffffffe6}.filter-select select option,.sort-select select option{background:#fff;color:#1a1a2e;padding:8px}body.dark .filter-select select option,body.dark .sort-select select option{background:#1a1a2e;color:#fff}.sort-order-btn{align-items:center;background:#f9f9f9;border:2px solid #e2e8f0;border-radius:8px;color:#1a1a2e;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:10px 14px;transition:all .3s ease}body.dark .sort-order-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}.sort-order-btn:hover{background:#e2e8f0;border-color:#4caf50;color:#4caf50}body.dark .sort-order-btn:hover{background:#4caf5026;border-color:#4caf50}.date-filter-controls{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}body.dark .date-filter-controls{background:#ffffff08;border-color:#ffffff14}.date-filter-group{align-items:center;display:flex;gap:10px}.date-filter-group svg{color:#6b7280;flex-shrink:0}body.dark .date-filter-group svg{color:#ffffff80}.date-label{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}body.dark .date-label{color:#fff9}.date-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:13px;font-weight:600;height:42px;min-width:160px;outline:none;padding:0 14px;transition:all .3s ease}body.dark .date-input{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}.date-input:hover{border-color:#cbd5e1}body.dark .date-input:hover{border-color:#ffffff26}.date-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark .date-input:focus{box-shadow:0 0 0 3px #4caf5033}body.dark .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.clear-dates-btn{align-items:center;background:#fff;border:2px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}body.dark .clear-dates-btn{background:#ffffff0d;border-color:#ef44444d;color:#fca5a5}.clear-dates-btn:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}body.dark .clear-dates-btn:hover{background:#ef444426;border-color:#ef4444}.logs-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#f9f9f9,#fff);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#4caf50,#66bb6a);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-card:hover:before{opacity:1}body.dark .stat-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-color:#ffffff26}.stat-card:hover{border-color:#4caf50;box-shadow:0 8px 20px #4caf5026;transform:translateY(-4px)}body.dark .stat-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:0 8px 20px #4caf5033}.stat-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;transition:color .3s ease}body.dark .stat-label{color:#ffffff80}.stat-value{color:#4caf50;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1;transition:all .3s ease}body.dark .stat-value{color:#66bb6a}.stat-card:hover .stat-value{color:#45a049;transform:scale(1.05)}body.dark .stat-card:hover .stat-value{color:#81c784}.stat{background:linear-gradient(135deg,#f9f9f9,#fff);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}body.dark .stat{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:#ffffff1a}.stat:hover{border-color:#4caf50;box-shadow:0 8px 16px #4caf501a;transform:translateY(-4px)}body.dark .stat:hover{box-shadow:0 8px 16px #4caf5026}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:15px;width:50px}body.dark .spinner{border-color:#4caf50 #ffffff1a #ffffff1a}.loading p{color:#6b7280;font-size:16px;margin:0;transition:color .3s ease}body.dark .loading p{color:#fff9}.error-message{align-items:center;background:#ffebee;border:1px solid #f44336;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin:20px 0;padding:24px;text-align:center;transition:all .3s ease}body.dark .error-message{background:#f443361a;border-color:#f443364d}.error-icon{color:#f44336;transition:color .3s ease}.error-message p{color:#c62828;font-size:16px;margin:0;transition:color .3s ease}body.dark .error-message p{color:#f99}.error-message button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 24px;transition:all .2s ease}.error-message button:hover{background:#d32f2f;transform:translateY(-1px)}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}body.dark .table-container{background:#ffffff05;border:1px solid #ffffff1a;box-shadow:0 2px 12px #0000004d}.logs-table{border-collapse:collapse;font-size:14px;width:100%}.logs-table thead{background:#f9f9f9;border-bottom:2px solid #e2e8f0}body.dark .logs-table thead{background:#ffffff0d;border-bottom-color:#ffffff1a}.logs-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase;transition:color .3s ease}body.dark .logs-table th{color:#ffffffb3}.logs-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}body.dark .logs-table tbody tr{border-bottom-color:#ffffff1a}.logs-table tbody tr:hover{background:#f9f9f9}body.dark .logs-table tbody tr:hover{background:#ffffff08}.logs-table td{color:#1a1a2e;padding:14px;transition:color .3s ease}body.dark .logs-table td{color:#ffffffe6}.logs-table .file-name{align-items:center;color:#1a1a2e;display:flex;font-weight:600;gap:8px;max-width:300px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}body.dark .logs-table .file-name{color:#fffffff2}.logs-table .file-name svg{color:#4caf50;flex-shrink:0}.logs-table .email{color:#6b7280;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}body.dark .logs-table .email{color:#fff9}.logs-table .no-data{color:#9ca3af;font-size:15px;font-style:italic;padding:50px 20px;text-align:center;transition:color .3s ease}body.dark .logs-table .no-data{color:#fff6}.action-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.action-badge.upload{background:#e3f2fd;color:#1976d2}.action-badge.download{background:#f3e5f5;color:#7b1fa2}.action-badge.create{background:#e8f5e9;color:#388e3c}.action-badge.update{background:#fff3e0;color:#f57c00}.action-badge.delete{background:#ffebee;color:#d32f2f}.action-badge.share{background:#e1f5fe;color:#0277bd}.action-badge.default{background:#eceff1;color:#455a64}body.dark .action-badge.upload{background:#1976d226}body.dark .action-badge.download{background:#7b1fa226}body.dark .action-badge.create{background:#388e3c26}body.dark .action-badge.update{background:#f57c0026}body.dark .action-badge.delete{background:#d32f2f26}body.dark .action-badge.share{background:#0277bd26}.actions{flex-wrap:wrap;gap:6px}.action-btn,.actions{align-items:center;display:flex}.action-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;justify-content:center;min-height:36px;min-width:36px;padding:6px 10px;transition:all .2s ease}.action-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.action-btn.view-btn{background:#e3f2fd;color:#1976d2}.action-btn.view-btn:hover{background:#1976d2;color:#fff}.action-btn.edit-btn{background:#fff3e0;color:#f57c00}.action-btn.edit-btn:hover{background:#f57c00;color:#fff}.action-btn.download-btn{background:#e8f5e9;color:#388e3c}.action-btn.download-btn:hover{background:#388e3c;color:#fff}.action-btn.delete-btn{background:#ffebee;color:#d32f2f}.action-btn.delete-btn:hover{background:#d32f2f;color:#fff}body.dark .action-btn{transition:all .2s ease}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}body.dark .modal-content{background:#1a1a2e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:10}body.dark .modal-header{background:#1a1a2e;border-bottom-color:#ffffff1a}.modal-header h2{color:#1a1a2e;font-size:22px;font-weight:700;margin:0;transition:color .3s ease}body.dark .modal-header h2{color:#fff}.close-modal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-modal-btn:hover{background:#f3f4f6;color:#1a1a2e}body.dark .close-modal-btn{color:#fff9}body.dark .close-modal-btn:hover{background:#ffffff1a;color:#ffffffe6}.modal-body{padding:24px}.detail-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:140px 1fr;margin-bottom:20px}.detail-row strong{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}body.dark .detail-row strong{color:#ffffff80}.detail-row p,.detail-row span{color:#1a1a2e;font-size:15px;transition:color .3s ease}body.dark .detail-row p,body.dark .detail-row span{color:#ffffffe6}.detail-row .description{background:#f9f9f9;border-radius:6px;line-height:1.6;margin:0;padding:12px;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}body.dark .detail-row .description{background:#ffffff0d}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px;transition:color .3s ease}body.dark .form-group label{color:#fffc}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1a1a2e;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}body.dark .form-group input,body.dark .form-group select,body.dark .form-group textarea{background:#0f0a1f;border-color:382a60;color:#e9d5ff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark .form-group input:focus,body.dark .form-group select:focus,body.dark .form-group textarea:focus{box-shadow:0 0 0 3px #4caf5033}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row .form-group{margin-bottom:0}.modal-footer{background:#f9f9f9;border-top:1px solid #e2e8f0;bottom:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 24px;position:-webkit-sticky;position:sticky;transition:all .3s ease}body.dark .modal-footer{background:#ffffff05;border-top-color:#ffffff1a}.cancel-btn,.edit-btn-modal,.save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.save-btn{background:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background:#388e3c;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.save-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.edit-btn-modal{background:#f57c00;color:#fff}.edit-btn-modal:hover{background:#e65100;box-shadow:0 4px 12px #f57c004d;transform:translateY(-2px)}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-2px)}body.dark .cancel-btn{background:#ffffff1a;color:#ffffffb3}body.dark .cancel-btn:hover{background:#ffffff26}@media (max-width:1200px){.file-logs-container{padding:20px 24px}.logs-table{font-size:13px}.logs-table td,.logs-table th{padding:12px 10px}.actions{gap:4px}.action-btn{min-height:32px;min-width:32px;padding:5px 8px}}@media (max-width:1024px){.logs-header{align-items:flex-start}.logs-controls,.logs-header{flex-direction:column}.search-box{min-width:100%}.filter-group{justify-content:flex-start;width:100%}.logs-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.stat-card .stat-value{font-size:28px}.detail-row{gap:12px;grid-template-columns:120px 1fr}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.file-logs-container{padding:16px}.logs-header h1{font-size:24px}.logs-header p{font-size:14px}.logs-controls{flex-direction:column;gap:12px}.search-box{min-width:100%}.filter-group{width:100%}.logs-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat,.stat-card{padding:16px}.stat-label{font-size:10px}.stat-value{font-size:24px}.table-container{overflow-x:auto}.logs-table{font-size:12px;min-width:900px}.logs-table td,.logs-table th{padding:10px 8px}.action-btn{min-height:28px;min-width:28px;padding:5px 6px}.modal-content{max-height:95vh;max-width:95vw}.detail-row{gap:8px;grid-template-columns:1fr}.modal-body,.modal-header{padding:16px}.modal-footer{padding:12px 16px}}@media (max-width:480px){.file-logs-container{padding:12px}.logs-header h1{font-size:20px}.logs-header{gap:12px}.refresh-btn{font-size:12px;padding:8px 14px}.logs-controls{gap:10px}.search-input{font-size:13px}.filter-group{width:100%}.filter-select,.sort-select{font-size:12px}.logs-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat,.stat-card{padding:14px}.stat-label{font-size:9px;letter-spacing:.5px}.stat-value{font-size:20px}}.logs-table{font-size:11px}.logs-table td,.logs-table th{padding:8px 6px}.action-btn{min-height:24px;min-width:24px;padding:4px 5px}.action-badge{font-size:10px;padding:4px 10px}.detail-row{gap:6px}.detail-row strong{font-size:11px}.detail-row p,.detail-row span{font-size:13px}.modal-content::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark .modal-content::-webkit-scrollbar-thumb,body.dark .table-container::-webkit-scrollbar-thumb{background:#fff3}body.dark .modal-content::-webkit-scrollbar-thumb:hover,body.dark .table-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-content,.table-container{scrollbar-color:#d1d5db #0000;scrollbar-width:thin}body.dark .modal-content,body.dark .table-container{scrollbar-color:#fff3 #0000}.pagination-controls-top{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;padding:12px 0}.items-per-page{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.items-per-page select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.items-per-page select:hover{border-color:#9ca3af}.items-per-page select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark .items-per-page{color:#fff9}body.dark .items-per-page select{background:#111827;border-color:#374151;color:#f9fafb}body.dark .items-per-page select:hover{border-color:#fff3}.pagination-container{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding:20px}body.dark .pagination-container{background:#ffffff08}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}body.dark .pagination-info{color:#fff9}.pagination-buttons{align-items:center;display:flex;gap:6px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn.active{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:700}.pagination-btn.active:hover{background:#45a049;border-color:#45a049}.pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:#9ca3af;font-weight:600;padding:0 8px;-webkit-user-select:none;user-select:none}body.dark .pagination-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark .pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}body.dark .pagination-btn.active{background:#4caf50;border-color:#4caf50}body.dark .pagination-btn:disabled{background:#ffffff05;opacity:.3}body.dark .pagination-ellipsis{color:#ffffff4d}@media (max-width:768px){.pagination-container{flex-direction:column;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:13px;height:32px;min-width:32px;padding:0 8px}}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.success{background:#e8f5e9;color:#388e3c}.status-badge.failed{background:#ffebee;color:#d32f2f}.status-badge.pending{background:#fff3e0;color:#f57c00}body.dark .status-badge.success{background:#388e3c26;color:#66bb6a}body.dark .status-badge.failed{background:#d32f2f26;color:#ef5350}body.dark .status-badge.pending{background:#f57c0026;color:#ffa726}.rp-page{align-items:flex-start;background:#f3f4ff;color:#0f172a;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;justify-content:center;min-height:100vh;padding:28px 18px}body.dark-mode .rp-page{background:radial-gradient(1200px 700px at 30% -10%,#513b79 0,#0000 55%),linear-gradient(180deg,#1c1439,#0a0f2c 70%);color:#eef2ff}.rp-card{animation:rp-fadeUp .3s ease;background:#fff;border:1px solid #0f172a1a;border-radius:20px;box-shadow:0 18px 60px #0000001a;max-width:520px;padding:24px;width:100%}body.dark-mode .rp-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f27eb;border:1px solid #eef2ff1f;box-shadow:0 18px 70px #0000008c}@keyframes rp-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rp-header{align-items:center;border-bottom:1px solid #0f172a14;display:flex;gap:14px;margin-bottom:24px;padding-bottom:18px}body.dark-mode .rp-header{border-bottom:1px solid #eef2ff1a}.rp-header-text{align-items:center;display:flex;flex:1 1;gap:14px}.rp-back{align-items:center;background:#0000;border:1px solid #0f172a1f;border-radius:12px;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;transition:background .12s;width:34px}body.dark-mode .rp-back{border:1px solid #eef2ff24}.rp-back:hover{background:#8b5cf61a}.rp-icon-wrap{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:14px;color:#7c3aed;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}body.dark-mode .rp-icon-wrap{background:#a855f72e;color:#c4b5fd}.rp-title{font-size:17px;font-weight:900;margin:0 0 3px}.rp-subtitle{font-size:11px;margin:0;opacity:.65}.rp-form{gap:18px}.rp-field,.rp-form{display:flex;flex-direction:column}.rp-field{gap:7px}.rp-label{align-items:center;display:inline-flex;font-size:11px;font-weight:900;gap:6px;letter-spacing:.2px;opacity:.85}.rp-input-wrap{position:relative}.rp-input{background:#fafafa;border:1px solid #0f172a24;border-radius:13px;box-sizing:border-box;color:inherit;font-size:13px;font-weight:700;height:42px;outline:none;padding:0 40px 0 13px;transition:border .15s,box-shadow .15s;width:100%}body.dark-mode .rp-input{background:#ffffff0a;border:1px solid #eef2ff24;color:#eef2ff}body.dark-mode .rp-input--select,body.dark-mode .rp-input--select option{background-color:#1e1b3a;color:#eef2ff}body.dark-mode .rp-input--select option:checked{background-color:#4c1d95;color:#fff}body.dark-mode .rp-input--select option:hover{background-color:#3b1a78;color:#fff}.rp-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624}.rp-input--select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;cursor:pointer;padding:0 36px 0 13px}.rp-input--loading{align-items:center;cursor:not-allowed;display:flex;font-size:12px;font-style:italic;opacity:.6}.rp-input--ok{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1f!important}.rp-input--err{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.rp-eye{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;opacity:.55;padding:4px;position:absolute;right:11px;top:50%;transform:translateY(-50%)}.rp-eye:hover{opacity:1}.rp-strength{align-items:center;display:flex;gap:10px;margin-top:4px}.rp-strength-bar{display:flex;flex:1 1;gap:4px}.rp-strength-seg{background:#0f172a1f;border-radius:99px;flex:1 1;height:4px;transition:background .25s,opacity .25s}body.dark-mode .rp-strength-seg{background:#eef2ff1f}.rp-strength-label{font-size:11px;font-weight:900;min-width:42px;text-align:right}.rp-rules{display:flex;flex-direction:column;gap:5px}.rp-rule{align-items:center;color:inherit;display:inline-flex;font-size:11px;font-weight:700;gap:6px;opacity:.45;transition:opacity .2s,color .2s}.rp-rule.ok{color:#22c55e;opacity:1}.rp-match{color:#22c55e}.rp-match,.rp-mismatch{font-size:11px;font-weight:900;margin:0}.rp-mismatch{color:#ef4444}.rp-error{background:#ef44441a;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-size:12px;font-weight:900;padding:10px 13px}body.dark-mode .rp-error{color:#fecaca}.rp-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.rp-btnPrimary{align-items:center;background:#8b5cf6;border:none;border-radius:13px;box-shadow:0 10px 30px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:7px;height:40px;padding:0 18px;transition:background .15s,box-shadow .15s,opacity .15s}.rp-btnPrimary:hover:not(:disabled){background:#7c3aed;box-shadow:0 12px 36px #8b5cf666}.rp-btnPrimary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.rp-btnGhost{background:#0000;border:1px solid #0f172a1f;border-radius:13px;color:inherit;cursor:pointer;font-size:12px;font-weight:900;height:40px;padding:0 14px;transition:background .12s}body.dark-mode .rp-btnGhost{border:1px solid #eef2ff29}.rp-btnGhost:hover:not(:disabled){background:#8b5cf614}.rp-btnGhost:disabled{cursor:not-allowed;opacity:.55}.rp-spinner{animation:rp-spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes rp-spin{to{transform:rotate(1turn)}}.rp-card--success{align-items:center;display:flex;flex-direction:column;gap:14px;padding:48px 32px;text-align:center}.rp-success-icon{align-items:center;animation:rp-pop .4s cubic-bezier(.34,1.56,.64,1);background:#22c55e1f;border:2px solid #22c55e4d;border-radius:50%;color:#22c55e;display:flex;height:72px;justify-content:center;width:72px}@keyframes rp-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.rp-success-title{font-size:22px;font-weight:900;margin:0}.rp-success-sub{font-size:13px;margin:0;max-width:320px;opacity:.75}.rp-success-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}@media (max-width:560px){.rp-actions{flex-direction:column-reverse}.rp-btnGhost,.rp-btnPrimary{justify-content:center;width:100%}}.uc-wrapper{align-items:center;display:flex;height:100%;justify-content:center;min-height:calc(100vh - 72px);transition:background .3s ease;width:100%}.uc-dark{background-color:#12102a}.uc-light{background-color:#fff}.uc-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 24px 48px;text-align:center}.uc-illustration{max-width:480px;width:100%}.uc-svg{animation:ucFadeUp .55s cubic-bezier(.22,1,.36,1) both;display:block;height:auto;width:100%}@keyframes ucFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.uc-label{animation:ucFadeUp .55s cubic-bezier(.22,1,.36,1) .1s both;font-size:24px;font-weight:700;letter-spacing:.01em;margin:12px 0 0}.uc-dark .uc-label{color:#f0eeff}.uc-light .uc-label{color:#1e1a3c}.uc-sub{animation:ucFadeUp .55s cubic-bezier(.22,1,.36,1) .18s both;font-size:14px;font-weight:400;margin:0}.uc-dark .uc-sub{color:#8b80c8}.uc-light .uc-sub{color:#7b72a8}@media (max-width:480px){.uc-illustration{max-width:340px}.uc-label{font-size:20px}}.uc-page{font-family:inherit;max-width:900px;padding:28px 32px}.uc-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.uc-page-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:22px;font-weight:600;margin:0 0 4px}.uc-page-sub{color:#888;color:var(--text-secondary,#888);font-size:13px;margin:0}.uc-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.uc-badge{background:#ede9fe;border-radius:20px;color:#5b21b6;font-size:12px;font-weight:600;padding:4px 12px}.uc-badge,.uc-btn{white-space:nowrap}.uc-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .18s ease}.uc-btn-outline{background:#0000;border:1.5px solid #d1d5db;color:#374151;color:var(--text-primary,#374151)}.uc-btn-outline:hover{background:#f5f3ff;border-color:#7c3aed;color:#7c3aed}.uc-btn-primary{background:#7c3aed;color:#fff}.uc-btn-primary:hover{background:#6d28d9}.uc-btn-saved{background:#059669!important}.uc-alert{align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#92400e;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.uc-alert-icon{flex-shrink:0;font-size:15px;margin-top:1px}.uc-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.uc-list-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.06em;padding:10px 20px;text-transform:uppercase}.uc-list-header,.uc-list-row{align-items:center;display:grid;grid-template-columns:1fr 160px 140px}.uc-list-row{border-bottom:1px solid #f3f4f6;padding:14px 20px;transition:background .15s ease}.uc-list-row:last-child{border-bottom:none}.uc-list-row:hover{background:#faf8ff}.uc-row-active{background:#faf5ff}.uc-row-active:hover{background:#f5f0fe}.uc-row-info{gap:12px}.uc-row-icon,.uc-row-info{align-items:center;display:flex}.uc-row-icon{background:#ede9fe;border-radius:8px;color:#7c3aed;flex-shrink:0;height:36px;justify-content:center;width:36px}.uc-row-icon svg{height:18px;width:18px}.uc-row-label{color:#111827;font-size:14px;font-weight:500;margin:0 0 2px}.uc-row-desc{color:#9ca3af;font-size:12px;margin:0}.uc-route-tag{background:#f3f4f6;border-radius:6px;color:#374151;display:inline-block;font-family:Courier New,monospace;font-size:12px;max-width:150px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.uc-col-center{align-items:center;display:flex;justify-content:center}.uc-toggle{cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.uc-toggle-input{height:0;opacity:0;position:absolute;width:0}.uc-toggle-track{align-items:center;background:#e5e7eb;border-radius:20px;display:flex;height:30px;padding:0 6px;position:relative;transition:background .25s ease;width:68px}.uc-toggle-input:checked+.uc-toggle-track{background:#ddd6fe}.uc-toggle-label-text{color:#9ca3af;font-size:10px;font-weight:700;left:8px;letter-spacing:.05em;position:absolute;transition:opacity .2s}.uc-toggle-input:checked+.uc-toggle-track .uc-toggle-label-text{color:#7c3aed}.uc-toggle-thumb{background:#d1d5db;border-radius:50%;box-shadow:0 1px 4px #00000026;height:24px;position:absolute;right:4px;transition:all .25s ease;width:24px}.uc-toggle-input:checked+.uc-toggle-track .uc-toggle-thumb{background:#7c3aed;transform:translateX(0)}.uc-toggle-track .uc-toggle-thumb{left:4px;right:auto}.uc-toggle-input:checked+.uc-toggle-track .uc-toggle-thumb{left:auto;right:4px}.uc-footer-note{color:#9ca3af;font-size:12px;line-height:1.6;margin-top:16px}@media (prefers-color-scheme:dark){.uc-list{background:#1e1b38;border-color:#2e2a54}.uc-list-header{background:#16132e;border-color:#2e2a54;color:#8b83c0}.uc-list-row{border-color:#2a2648}.uc-list-row:hover{background:#231f42}.uc-row-active{background:#1f1b3e}.uc-row-label{color:#e8e0ff}.uc-row-desc{color:#6b6490}.uc-route-tag{background:#2a2648;color:#c0b8e8}.uc-row-icon{background:#2e2a54;color:#9d87f5}.uc-page-title{color:#e8e0ff}.uc-toggle-track{background:#2e2a54}}.notif-page{animation:page-fade-in .3s ease;margin:0 auto;max-width:780px;padding:28px 32px}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notif-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.notif-page-header h1{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.notif-page-actions{display:flex;flex-wrap:wrap;gap:8px}.notif-page-btn{background:none;border:1px solid #ddd;border:1px solid var(--dropdown-border,#ddd);border-radius:8px;color:#555;color:var(--text-secondary,#555);cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.notif-page-btn:hover{background:#0000000a;background:var(--hover-bg,#0000000a);color:#1a73e8;color:var(--text-link,#1a73e8)}.notif-page-btn.primary,.notif-page-btn:hover{border-color:#1a73e8;border-color:var(--text-link,#1a73e8)}.notif-page-btn.primary{background:#1a73e8;background:var(--text-link,#1a73e8);color:#fff}.notif-page-btn.primary:hover{background:#1558b0;border-color:#1558b0;color:#fff}.notif-page-btn.danger{border-color:#0000;color:#e53935}.notif-page-btn.danger:hover{background:#e5393514;border-color:#e53935}.notif-page-tabs{border-bottom:1px solid #eee;border-bottom:1px solid var(--dropdown-border,#eee);display:flex;gap:4px;margin-bottom:20px}.notif-page-tab{background:none;border:none;border-bottom:2px solid #0000;bottom:-1px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px 10px;position:relative;transition:color .15s,border-color .15s}.notif-page-tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--text-link,#1a73e8);color:#1a73e8;color:var(--text-link,#1a73e8)}.notif-page-tab:hover:not(.active){color:#333;color:var(--text-primary,#333)}.notif-card-list{display:flex;flex-direction:column;gap:10px}.notif-card{align-items:flex-start;background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #eee;border:1px solid var(--dropdown-border,#eee);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;position:relative;transition:box-shadow .15s,border-color .15s,transform .15s}.notif-card:hover{border-color:#ccc;border-color:var(--dropdown-border-hover,#ccc);box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.notif-card.unread{background:#1a73e808;background:var(--notif-unread-bg,#1a73e808);border-left:3px solid #1a73e8;border-left:3px solid var(--text-link,#1a73e8)}.notif-card-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.notif-card-icon.file_share{background:#1a73e81f}.notif-card-icon.approval{background:#fbbc0526}.notif-card-icon.ticket{background:#34a8531f}.notif-card-icon.chat{background:#673ab71f}.notif-card-icon.system{background:#5f63681f}.notif-card-icon.suspicious{background:#e539351f}.notif-card-icon.permission{background:#fb980024}.notif-card-body{flex:1 1;min-width:0}.notif-card-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600;margin-bottom:4px}.notif-card.unread .notif-card-title{font-weight:700}.notif-card-message{color:#666;color:var(--text-secondary,#666);font-size:13px;line-height:1.5;margin-bottom:6px}.notif-card-meta{align-items:center;display:flex;gap:10px}.notif-card-time{color:#999;color:var(--text-muted,#999);font-size:12px}.notif-card-tag{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.notif-card-tag.file_share{background:#1a73e81a;color:#1a73e8}.notif-card-tag.approval{background:#fbbc0526;color:#b06000}.notif-card-tag.ticket{background:#34a8531f;color:#2d7d46}.notif-card-tag.chat{background:#673ab71f;color:#5e35b1}.notif-card-tag.system{background:#5f63681a;color:#5f6368}.notif-card-tag.suspicious{background:#e539351a;color:#c62828}.notif-card-tag.permission{background:#fb98001f;color:#e65100}.notif-card-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.notif-card-delete{align-items:center;background:none;border:none;border-radius:50%;color:#bbb;color:var(--text-muted,#bbb);cursor:pointer;display:flex;padding:5px;transition:background .15s,color .15s}.notif-card-delete:hover{background:#e539351a;color:#e53935}.notif-unread-dot{background:#1a73e8;border-radius:50%;flex-shrink:0;height:9px;width:9px}.notif-page-empty{color:#888;color:var(--text-secondary,#888);padding:60px 20px;text-align:center}.notif-page-empty svg{margin-bottom:16px;opacity:.2}.notif-page-empty h3{color:#444;color:var(--text-primary,#444);font-size:16px;font-weight:600;margin:0 0 6px}.notif-page-empty p{font-size:13px;margin:0}@media (max-width:640px){.notif-page{padding:16px}.notif-card{padding:12px 14px}}.push-banner{align-items:center;animation:banner-slide-down .4s cubic-bezier(.34,1.3,.64,1);background:linear-gradient(135deg,#1a1f2e,#16213e);box-shadow:0 4px 20px #00000040;color:#fff;display:flex;gap:16px;left:0;min-height:60px;padding:0 24px;position:fixed;right:0;top:0;z-index:10000}@keyframes banner-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.push-banner.dismissed{animation:banner-slide-up .3s ease forwards}@keyframes banner-slide-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.push-banner-icon{animation:icon-pulse 2s ease-in-out infinite;flex-shrink:0;font-size:22px}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.push-banner-text{flex:1 1;min-width:0}.push-banner-text strong{color:#fff;display:block;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:1px}.push-banner-text span{color:#ffffffa6;font-size:12px}.push-banner-actions{display:flex;flex-shrink:0;gap:8px}.push-btn-enable{background:#4285f4;border:none;border-radius:8px;box-shadow:0 2px 8px #4285f466;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:background .15s,transform .12s,box-shadow .15s;white-space:nowrap}.push-btn-enable:hover{background:#2b7de9;box-shadow:0 4px 12px #4285f480;transform:translateY(-1px)}.push-btn-enable:active{transform:translateY(0)}.push-btn-enable:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.push-btn-later{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:background .15s;white-space:nowrap}.push-btn-later:hover{background:#ffffff2e;color:#fff}.push-banner-close{background:none;border:none;border-radius:4px;color:#ffffff73;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:4px 6px;transition:color .15s,background .15s}.push-banner-close:hover{background:#ffffff1a;color:#fff}.push-banner.denied{background:linear-gradient(135deg,#2d1515,#3a1a1a)}.push-banner.denied .push-btn-enable{background:#e53935;box-shadow:0 2px 8px #e5393559}.push-banner.denied .push-btn-enable:hover{background:#c62828}.push-settings-card{align-items:flex-start;background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #e8e8e8;border:1px solid var(--dropdown-border,#e8e8e8);border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:20px 22px;transition:box-shadow .2s}.push-settings-card:hover{box-shadow:0 4px 16px #00000017}.push-settings-icon-wrap{align-items:center;background:#4285f41a;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.push-settings-body{flex:1 1;min-width:0}.push-settings-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600;margin-bottom:3px}.push-settings-desc{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.5;margin-bottom:10px}.push-settings-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:3px 10px}.push-settings-status.granted{background:#34a8531f;color:#2d7d46}.push-settings-status.denied{background:#e539351a;color:#c62828}.push-settings-status.idle,.push-settings-status.unsupported{background:#5f63681a;color:#5f6368}.push-settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.push-settings-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:background .15s,transform .1s;white-space:nowrap}.push-settings-btn.enable{background:#4285f4;box-shadow:0 2px 6px #4285f459;color:#fff}.push-settings-btn.enable:hover{background:#2b7de9;transform:translateY(-1px)}.push-settings-btn.enable:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.push-settings-btn.disable{background:none;border:1px solid #e53935;color:#e53935}.push-settings-btn.disable:hover{background:#e5393512}.push-settings-btn.test{background:#4285f41a;color:#4285f4}.push-settings-btn.test:hover{background:#4285f42e}.push-settings-note{color:#999;color:var(--text-muted,#999);font-size:11px;line-height:1.5;margin-top:8px}@media (max-width:500px){.push-banner{flex-wrap:wrap;gap:10px;padding:12px 16px}.push-banner-actions{justify-content:flex-end;width:100%}.push-settings-card{flex-direction:column;gap:12px}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;transition:background .3s ease}body.dark{background:#0f0828}.App{display:flex;flex-direction:column;min-height:100vh}.app-layout{display:flex;margin-top:72px;position:relative}.app-layout,.main-content{min-height:calc(100vh - 72px)}.main-content{background:#fff;box-sizing:border-box;flex:1 1;margin-left:260px;overflow-y:auto;padding:24px 32px;transition:margin-left .3s ease,width .3s ease,background .3s ease;width:calc(100% - 260px)}.sidebar-container.collapsed~.main-content,body:has(.sidebar-container.collapsed) .main-content{margin-left:70px;width:calc(100% - 70px)}body.dark .main-content{background:#0f0828}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header-container{flex-shrink:0;height:72px;z-index:1000}.app-body{display:flex;flex:1 1;height:calc(100vh - 72px);margin-top:72px;overflow:hidden;width:100%}.admin-sidebar-container,.sidebar-wrapper{background:linear-gradient(180deg,#273268,#8a40da);box-shadow:2px 0 20px #00000026;flex-shrink:0;height:calc(100vh - 72px);overflow-x:hidden;overflow-y:auto;position:relative;transition:width .3s ease;width:90px;z-index:900}.admin-sidebar-container:not(.collapsed){width:260px}body.dark .admin-sidebar-container,body.dark .sidebar-wrapper{background:linear-gradient(165deg,#2d1b69,#1a1038 50%,#0d0820);box-shadow:2px 0 25px #0006}.admin-content{background:#fff;flex:1 1;margin-left:0;margin-top:0;min-width:0;overflow-y:auto;padding:24px 32px;transition:width .3s ease,background .3s ease;width:calc(100% - 90px)}body:has(.admin-sidebar-container:not(.collapsed)) .admin-content{width:calc(100% - 260px)}.admin-content::-webkit-scrollbar{display:none;width:0}.admin-content{-ms-overflow-style:none;scrollbar-width:none}.page-content{padding:0;width:100%}body.dark .admin-content{background:#0f0828}.body-layout{display:flex;height:calc(100vh - 72px);margin-top:72px;width:100%}.content{background:#fff;flex:1 1;overflow:visible;padding:24px 32px;transition:background .3s ease}body.dark .content{background:#0f0828}.app-loading{align-items:center;background:#fff;color:#8a40da;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:100vh;transition:background .3s ease,color .3s ease}body.dark .app-loading{background:#0f0828;color:#a855f7}.App-main{margin:0 auto;max-width:1400px;padding:16px 0;width:100%}.App-main h1{color:#1a1a2e;font-size:32px;font-weight:600;margin-bottom:16px}.App-main h1,.App-main p{transition:color .3s ease}.App-main p{color:#4a4a68;font-size:16px;line-height:1.6;margin-bottom:12px}.support-info{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-top:24px;max-width:600px;padding:32px;transition:all .3s ease}.support-info p{color:#4a4a68;font-size:16px;margin-bottom:16px;transition:color .3s ease}.support-info strong{color:#8a40da;font-weight:600;margin-right:8px}body.dark .App-main h1{color:#fff}body.dark .App-main p{color:#ffffffb3}body.dark .support-info{background:#ffffff0d;border-color:#8a40da33;box-shadow:0 4px 12px #0000004d}body.dark .support-info p{color:#fffc}body.dark .support-info strong{color:#a855f7}.share-page-wrapper{margin:0 auto;max-width:1200px;padding:16px 0}.page-title{color:#1a1a2e;font-size:32px;font-weight:700;margin-bottom:8px}.page-subtitle,.page-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .3s ease}.page-subtitle{color:#6b7280;font-size:16px;margin-bottom:32px}.share-page-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px}.info-card{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px;transition:all .3s ease}.info-card:hover{border-color:#8a40da;box-shadow:0 8px 20px #8a40da26;transform:translateY(-4px)}.info-icon{stroke:#8a40da;stroke-width:2;background:linear-gradient(135deg,#8a40da26,#8a40da14);border-radius:12px;height:48px;margin-bottom:20px;padding:12px;width:48px}.info-card h3{color:#1a1a2e;font-size:20px;font-weight:600;margin-bottom:16px}.info-card h3,.info-card p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .3s ease}.info-card p{color:#4a4a68;font-size:15px;line-height:1.6;margin:0}.info-card ol{margin:0;padding-left:20px}.info-card li{color:#4a4a68;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.8;margin-bottom:8px;transition:color .3s ease}.info-card li:last-child{margin-bottom:0}body.dark .page-title{color:#fff}body.dark .page-subtitle{color:#fff9}body.dark .info-card{background:#ffffff0d;border-color:#8a40da33;box-shadow:0 4px 12px #0000004d}body.dark .info-card:hover{border-color:#8a40da80;box-shadow:0 8px 24px #8a40da4d}body.dark .info-icon{background:linear-gradient(135deg,#8a40da33,#8a40da1a)}body.dark .info-card h3{color:#fff}body.dark .info-card li,body.dark .info-card p{color:#ffffffb3}.table-header,[class*=header],table thead{color:#4a4a68!important}body.dark .table-header,body.dark [class*=header],body.dark table thead{color:#ffffffb3!important}.table-body,[class*=body],table tbody{color:#1a1a2e!important}body.dark .table-body,body.dark [class*=body],body.dark table tbody{color:#ffffffe6!important}.table-row,table tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:background .2s ease}.table-row:hover,table tr:hover{background:#f8f9fa}body.dark .table-row,body.dark table tr{background:#0000;border-bottom:1px solid #ffffff1a}body.dark .table-row:hover,body.dark table tr:hover{background:#ffffff0d}.table-cell,table td,table th{color:#1a1a2e;transition:color .3s ease}body.dark .table-cell,body.dark table td,body.dark table th{color:#ffffffe6}.file-name,.folder-name,[class*=name]{color:#1a1a2e!important;font-weight:500}body.dark .file-name,body.dark .folder-name,body.dark [class*=name]{color:#fff!important}.muted-text,.secondary-text,[class*=date],[class*=size],[class*=type]{color:#6b7280!important}body.dark .muted-text,body.dark .secondary-text,body.dark [class*=date],body.dark [class*=size],body.dark [class*=type]{color:#fff9!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.main-content{margin-left:240px;padding:20px 24px;width:calc(100% - 240px)}.sidebar-container.collapsed~.main-content,body:has(.sidebar-container.collapsed) .main-content{margin-left:70px;width:calc(100% - 70px)}.App-main,.share-page-wrapper{padding:16px 0}.share-page-content{grid-template-columns:1fr}}@media (max-width:1024px){.admin-content{padding:20px 24px;width:calc(100% - 70px)}.sidebar-wrapper{width:70px}.page-content{padding:0}}@media (max-width:768px){.main-content{margin-left:0!important}.admin-content,.main-content{padding:16px 20px;width:100%!important}.admin-content{margin-left:0}.content{padding:16px 20px}.sidebar-wrapper{left:-90px;position:fixed;transition:left .3s ease;z-index:1100}.sidebar-wrapper.mobile-open{left:0}.page-content{padding:0}.app-layout{min-height:calc(100vh - 60px)}.app-layout,.body-layout{margin-top:60px}.app-body{margin-top:0}.App-main,.share-page-wrapper{padding:8px 0}.App-main h1,.page-title{font-size:24px}.App-main p,.page-subtitle{font-size:14px}.info-card,.support-info{padding:24px}.info-icon{height:40px;margin-bottom:16px;width:40px}.info-card h3{font-size:18px}.info-card li,.info-card p{font-size:14px}}@media (max-width:480px){.admin-content,.content,.main-content{padding:12px 16px}.App-main,.share-page-wrapper{padding:8px 0}.page-content{padding:0}.App-main h1,.page-title{font-size:20px}.page-subtitle{font-size:13px;margin-bottom:24px}.share-page-content{gap:16px}.info-card{padding:20px}}.no-select{-webkit-user-select:none;user-select:none}.smooth-transition{transition:all .3s ease}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}
/*# sourceMappingURL=main.49915f73.css.map*/