.auth-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1e2837;background-image:url(/images/fluent_web_dark_2_bf5f23287bc9f60c9be2.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;position:relative}.auth-box{background:#373b42d9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:8px;box-shadow:0 8px 32px #0006;padding:48px;width:100%;max-width:440px;animation:slideIn .3s ease-out;margin-bottom:80px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.ms-logo{height:70px;width:auto;object-fit:contain}.auth-header i{font-size:32px;color:#0078d4}.auth-header h1{font-size:28px;font-weight:600;color:#0078d4;margin:0}.auth-box h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.auth-subtitle{color:#e5e5e5;margin-bottom:28px;font-size:15px}.email-display{color:#e5e5e5;font-size:14px;margin-bottom:24px;padding:8px;background:#ffffff0d;border-radius:4px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#e5e5e5}.form-group input,.ms-input{width:100%;padding:12px 14px;border:1px solid #5a5a5a;border-bottom:2px solid #5a5a5a;background-color:#3a3a3a;color:#fff!important;border-radius:2px;font-size:15px;transition:all .2s;box-sizing:border-box}.signup-page .ms-input:not(.login-input),.signup-page .form-group input:not(.login-input){color:#fff!important}.signup-page .ms-input:not(.login-input):not(:placeholder-shown),.signup-page .form-group input:not(.login-input):not(:placeholder-shown){color:#fff!important}.signup-page .ms-input:not(.login-input):-webkit-autofill,.signup-page .form-group input:not(.login-input):-webkit-autofill{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #3a3a3a inset!important}.form-group input::placeholder,.ms-input::placeholder{color:#a0a0a0}.form-group input:hover,.ms-input:hover{border-color:#7a7a7a;border-bottom-color:#7a7a7a}.form-group input:focus,.ms-input:focus{outline:none;border-color:#0067b8;border-bottom-color:#0067b8;background-color:#2b2b2b}.btn-primary{width:100%;padding:10px 24px;background-color:#0067b8;color:#fff;border:none;border-radius:2px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:16px}.btn-back{background:none;border:none;color:#60b0ff;cursor:pointer;font-size:15px;padding:8px 0;transition:color .2s}.btn-back:hover{color:#80c0ff;text-decoration:underline}.auth-footer{margin-top:24px;text-align:center;font-size:15px;color:#e5e5e5}.auth-footer p{margin:0}.auth-footer a{color:#60b0ff;text-decoration:none;font-weight:400}.auth-footer a:hover{text-decoration:underline}.auth-footer-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:12px;z-index:10}.auth-footer-links a{color:#e5e5e5;text-decoration:none;transition:color .2s}.auth-footer-links a:hover{color:#fff;text-decoration:underline}.auth-privacy-notice{position:fixed;bottom:48px;left:50%;transform:translate(-50%);font-size:12px;color:#e5e5e5;text-align:center;z-index:10}.auth-privacy-notice a{color:#60b0ff;text-decoration:none}.auth-privacy-notice a:hover{text-decoration:underline}.error-message{background-color:#fde7e926;color:#ff6b6b;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px;border-left:3px solid #ff6b6b}.signup-box{background:#1c1e21f2!important}.signup-box .auth-header{justify-content:center!important;align-items:center!important;margin-left:0!important;padding-left:0!important;margin-bottom:32px!important}.signup-box .microsoft-text{color:#fff!important}.signup-subtitle{text-align:center}.signup-privacy{bottom:20px!important}.signup-footer-links{bottom:48px!important}.login-page{background:linear-gradient(135deg,#fdfdfd,#d2d9dc,#e4dac6,#cddec5,#5397ce)!important;background-image:linear-gradient(135deg,#fdfdfd,#d2d9dc,#e4dac6,#cddec5,#5397ce)!important}.login-box{background:#fff!important;box-shadow:0 2px 6px #0003!important;padding:32px 44px 44px!important;max-width:440px!important;border:1px solid #8c8c8c!important;border-radius:0!important}.login-box .auth-header{justify-content:flex-start!important;margin-bottom:8px!important;align-items:flex-start!important;margin-left:0!important;padding-left:0!important}.microsoft-logo-wrapper{display:flex;align-items:center;gap:8px}.microsoft-text{font-size:16px;font-weight:400;color:#1b1b1b;line-height:1}.login-title{color:#1b1b1b!important;font-size:24px!important;font-weight:600!important;margin-bottom:16px!important;margin-top:0!important;text-align:left!important}.login-input{background-color:transparent!important;border:none!important;border-bottom:1px solid #666666!important;color:#1b1b1b!important;padding:8px 0!important;border-radius:0!important}.login-input:not(:placeholder-shown){color:#1b1b1b!important}.login-input:-webkit-autofill{-webkit-text-fill-color:#1b1b1b!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important}.login-input::placeholder{color:#616161!important}.login-input:hover{border-bottom:1px solid #1b1b1b!important}.login-input:focus{border-bottom:2px solid #0067b8!important;background-color:transparent!important;color:#1b1b1b!important}.login-no-account{color:#1b1b1b!important;font-size:15px!important;margin-top:16px!important;margin-bottom:0!important}.login-no-account a{color:#0067b8!important;text-decoration:none!important}.login-no-account a:hover{text-decoration:underline!important}.login-button-container{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin-top:32px!important}.login-btn{width:auto!important;min-width:108px!important;padding:10px 32px!important;margin-top:0!important}.login-back{background:transparent!important;color:#1b1b1b!important;border:none!important;font-size:15px!important;padding:10px 12px!important}.login-back:hover{background-color:#f3f3f3!important;color:#1b1b1b!important}.login-email-display{color:#1b1b1b!important;background:transparent!important;padding:0!important;font-size:15px!important;margin-bottom:8px!important}.login-error{background-color:#fde7e9!important;color:#d13438!important;border-left-color:#d13438!important}.login-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background-color:#4b4b4bd9!important;padding:8px 20px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:24px!important;font-size:12px!important;color:#fff!important;z-index:10!important}.login-footer a{color:#fff!important;text-decoration:none!important}.login-footer a:hover{text-decoration:underline!important}.login-copyright{color:#fff!important}@media (max-width: 1024px){.auth-box{padding:40px;max-width:400px}.auth-box h2{font-size:22px}.auth-subtitle{font-size:14px}.ms-logo{height:60px}.auth-header h1{font-size:26px}.login-box{padding:28px 36px 36px!important;max-width:400px!important}.login-title{font-size:22px!important}}@media (max-width: 768px){.auth-container{padding:16px;min-height:100vh}.auth-box{padding:32px 24px;max-width:100%;margin-bottom:60px}.auth-box h2{font-size:20px;margin-bottom:6px}.auth-subtitle{font-size:14px;margin-bottom:24px}.auth-header{margin-bottom:24px}.ms-logo{height:50px}.auth-header h1{font-size:24px}.form-group{margin-bottom:14px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.ms-input{padding:10px 12px;font-size:14px}.btn-primary{padding:10px 20px;font-size:14px;margin-top:14px}.btn-back{font-size:14px}.auth-footer{margin-top:20px;font-size:14px}.auth-footer-links{bottom:16px;gap:16px;font-size:11px;flex-wrap:wrap;justify-content:center}.auth-privacy-notice{bottom:40px;font-size:11px;padding:0 16px}.error-message{padding:10px;font-size:13px;margin-bottom:16px}.login-box{padding:24px 28px 32px!important;max-width:100%!important;border:1px solid #7a7a7a!important}.login-box .auth-header{margin-bottom:6px!important;margin-left:-4px!important}.login-box .ms-logo{height:50px!important}.login-title{font-size:20px!important;margin-bottom:14px!important}.login-input{padding:8px 0!important;font-size:14px!important}.login-no-account{font-size:14px!important;margin-top:14px!important}.login-button-container{margin-top:28px!important;gap:10px!important}.login-btn{min-width:90px!important;padding:10px 24px!important;font-size:14px!important}.login-back{padding:10px!important;font-size:14px!important}.login-email-display{font-size:14px!important;margin-bottom:6px!important}.login-footer{padding:6px 16px!important;gap:16px!important;font-size:11px!important;flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.auth-container{padding:12px}.auth-box{padding:24px 20px;margin-bottom:50px}.auth-box h2{font-size:18px}.auth-subtitle{font-size:13px;margin-bottom:20px}.auth-header{margin-bottom:20px}.ms-logo{height:45px}.auth-header h1{font-size:22px}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.ms-input{padding:9px 10px;font-size:13px}.btn-primary{padding:9px 18px;font-size:13px;margin-top:12px}.auth-footer{font-size:13px}.auth-footer-links{bottom:12px;gap:12px;font-size:10px}.auth-privacy-notice{bottom:36px;font-size:10px}.login-box{padding:20px 24px 28px!important}.login-title{font-size:18px!important;margin-bottom:12px!important}.login-input{font-size:13px!important}.login-button-container{flex-direction:column;gap:8px!important}.login-btn,.login-back{width:100%!important;min-width:auto!important}.login-footer{padding:6px 12px!important;gap:12px!important;font-size:10px!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-container{background:#fff;color:#1a1a1a;border-radius:8px;width:95%;max-width:1200px;max-height:85vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 10px 40px #00000026;animation:slideUp .3s ease-out;display:flex;flex-direction:column;transition:background-color var(--transition-base),color var(--transition-base)}.dark-theme .modal-container{background:#000;color:#fff;box-shadow:0 10px 40px #00000080}.modal-container::-webkit-scrollbar{width:12px}.modal-container::-webkit-scrollbar-track{background:#f5f5f5;transition:background var(--transition-base)}.dark-theme .modal-container::-webkit-scrollbar-track{background:#2a2a2a}.modal-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px;transition:background var(--transition-base)}.dark-theme .modal-container::-webkit-scrollbar-thumb{background:#555}.modal-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark-theme .modal-container::-webkit-scrollbar-thumb:hover{background:#777}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10;flex-shrink:0;transition:background-color var(--transition-base),border-color var(--transition-base)}.dark-theme .modal-header{border-bottom-color:#333;background:#000}.microsoft-logo-container{display:flex;align-items:center;gap:8px}.microsoft-logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:20px;height:20px}.microsoft-square{width:8px;height:8px}.microsoft-red{background:#f25022}.microsoft-green{background:#7fba00}.microsoft-blue{background:#00a4ef}.microsoft-yellow{background:#ffb900}.microsoft-text{font-size:16px;font-weight:400;color:#1a1a1a;transition:color var(--transition-base)}.dark-theme .microsoft-text{color:#fff}.btn-close{background:#f3f4f6;border:none;color:#1a1a1a;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color var(--transition-base);padding:0}.btn-close:hover{background:#e5e7eb}.dark-theme .btn-close{background:#2a2a2a;color:#fff}.dark-theme .btn-close:hover{background:#3a3a3a}.btn-close svg{width:16px;height:16px}.modal-body{padding:24px;flex:1;min-height:0}.app-icons-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.app-icon{width:32px;height:32px;object-fit:contain;opacity:.9}.app-icon-large{width:40px;height:40px}.header-section{text-align:center;margin-bottom:40px}.header-section h1{font-size:32px;font-weight:600;margin:0 0 12px;color:#1a1a1a;line-height:1.2;transition:color var(--transition-base)}.dark-theme .header-section h1{color:#fff}.subtitle{color:#6b7280;font-size:16px;margin:0 0 24px;line-height:1.5;transition:color var(--transition-base)}.dark-theme .subtitle{color:#d1d5db}.billing-toggle{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.billing-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;color:#1a1a1a;position:relative;transition:color var(--transition-base)}.dark-theme .billing-option{color:#fff}.billing-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#0078d4}.save-badge{background:#fa0;color:#000;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-left:4px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;overflow:hidden}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease,background-color var(--transition-base)}.dark-theme .plan-card{background:#242424;border-color:#333}.plan-grid::-webkit-scrollbar{height:8px}.plan-grid::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.plan-grid::-webkit-scrollbar-thumb:hover{background:#777}.plan-card:hover{border-color:#9ca3af}.dark-theme .plan-card:hover{border-color:#555}.plan-card.highlight{border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}@media (max-width: 720px){.plan-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 48px}}.plan-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.plan-title-group{display:flex;flex-direction:column}.plan-label{font-size:12px;color:#6b7280;margin-bottom:4px;transition:color var(--transition-base)}.dark-theme .plan-label{color:#d1d5db}.plan-tier{font-size:24px;font-weight:600;margin:0;color:#1a1a1a;transition:color var(--transition-base)}.dark-theme .plan-tier{color:#fff}.for-badge{background:#f3f4f6;color:#6b7280;padding:4px 10px;border-radius:12px;font-size:12px;white-space:nowrap;transition:background-color var(--transition-base),color var(--transition-base)}.dark-theme .for-badge{background:#2a2a2a;color:#d1d5db}.plan-price-section{margin:24px 0;display:flex;align-items:baseline;gap:4px}.price{font-size:32px;font-weight:700;color:#1a1a1a;transition:color var(--transition-base)}.dark-theme .price{color:#fff}.price-period{font-size:14px;color:#6b7280;transition:color var(--transition-base)}.dark-theme .price-period{color:#9ca3af}.btn-buy-now{background:#1a1a1a;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-bottom:16px;width:100%}.btn-buy-now:hover{background:#374151}.dark-theme .btn-buy-now{background:#fff;color:#000}.dark-theme .btn-buy-now:hover{background:#f0f0f0}.disclaimer{font-size:11px;color:#6b7280;line-height:1.4;margin:0 0 24px;transition:color var(--transition-base)}.dark-theme .disclaimer{color:#9ca3af}.link-terms{color:#60a5fa;text-decoration:none}.link-terms:hover{text-decoration:underline}.plan-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;transition:border-color var(--transition-base)}.dark-theme .plan-section{border-top-color:#333}.section-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;transition:color var(--transition-base)}.dark-theme .section-title{color:#fff}.apps-icons-container{display:flex;gap:8px;flex-wrap:wrap}.plan-app-icon{width:24px;height:24px;object-fit:contain}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:13px;color:#374151;line-height:1.5;transition:color var(--transition-base)}.dark-theme .benefits-list li{color:#d1d5db}.benefits-list li span:last-child{flex:1}.checkmark{color:#0078d4;font-weight:700;flex-shrink:0;margin-top:2px}.features-section{margin:48px 0;padding-top:32px;border-top:1px solid #e5e7eb;transition:border-color var(--transition-base)}.dark-theme .features-section{border-top-color:#333}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;transition:border-color .2s ease,background-color var(--transition-base)}.dark-theme .feature-card{background:#242424;border-color:#333}.feature-card:hover{border-color:#9ca3af}.dark-theme .feature-card:hover{border-color:#555}.feature-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px;transition:color var(--transition-base)}.dark-theme .feature-title{color:#fff}.feature-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0;transition:color var(--transition-base)}.dark-theme .feature-description{color:#d1d5db}.modal-footer-disclaimer{margin:48px 0 24px;padding-top:24px;border-top:1px solid #e5e7eb;transition:border-color var(--transition-base)}.dark-theme .modal-footer-disclaimer{border-top-color:#333}.modal-footer-disclaimer p{font-size:12px;color:#6b7280;line-height:1.6;margin:0 0 12px;transition:color var(--transition-base)}.dark-theme .modal-footer-disclaimer p{color:#9ca3af}.link-blue{color:#60a5fa;text-decoration:none}.link-blue:hover{text-decoration:underline}.footer-link{text-align:center;color:#60a5fa;font-size:14px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;cursor:pointer;margin-bottom:24px;transition:border-color var(--transition-base)}.dark-theme .footer-link{border-top-color:#333}.footer-link:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);padding:6px 18px;height:60px;border-bottom:none;transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow);position:relative;z-index:100}.navbar.photos-mode{background:linear-gradient(180deg,var(--navbar-photos-bg-start) 0%,var(--navbar-photos-bg-mid) 50%,var(--navbar-photos-bg-end) 100%);color:var(--navbar-photos-text);border-bottom:none}.navbar.photos-mode .navbar-tab{color:var(--navbar-photos-tab-inactive)}.navbar.photos-mode .navbar-tab.active{color:var(--navbar-photos-tab-active);font-weight:600}.navbar.photos-mode .tab-slider{background-color:var(--navbar-photos-slider-bg)}.navbar.photos-mode .search-bar{background-color:var(--navbar-photos-tabs-bg)}.navbar.photos-mode .search-bar input{color:var(--navbar-photos-text)}.navbar.photos-mode .navbar-storage-btn{border-color:var(--navbar-photos-text);color:var(--navbar-photos-text)}.navbar.photos-mode .navbar-storage-btn:hover,.navbar.photos-mode .navbar-icon-btn:hover{background-color:var(--navbar-photos-hover)}.navbar.photos-mode .user-avatar{background-color:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--navbar-photos-text)}.navbar.photos-mode .user-avatar:hover{border-color:var(--navbar-photos-text);box-shadow:0 0 0 2px var(--navbar-photos-hover)}.navbar-left{display:flex;align-items:center;gap:18px}.onedrive-logo{height:70px}.logo-grid{display:grid;grid-template-columns:repeat(3,4px);grid-gap:3px;transition:transform .2s ease}.navbar-icon-btn.apps-icon:hover .logo-grid{transform:scale(1.1)}.logo-dot{width:4px;height:4px;background-color:var(--text-primary);border-radius:50%;transition:background-color var(--transition-base),transform .2s ease}.navbar-icon-btn.apps-icon:hover .logo-dot{animation:dotPulse .6s ease-in-out}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.navbar.photos-mode .logo-dot{background-color:var(--navbar-photos-text)}.navbar-icon-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color var(--transition-fast);color:var(--text-primary)}.navbar-icon-btn svg{color:var(--text-primary);transition:color var(--transition-base)}.navbar-icon-btn:hover{background-color:var(--bg-hover-light)}.navbar-icon-btn.settings-icon-btn .settings-icon{width:28px;height:28px}.navbar-tabs{position:relative;display:flex;align-items:center;background-color:var(--bg-hover);border-radius:25px;overflow:hidden;width:140px;height:32px;padding:2px;transition:background-color var(--transition-base)}.navbar.photos-mode .navbar-tabs{background-color:var(--navbar-photos-tabs-bg)}.navbar-tab{flex:1;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);z-index:2;transition:color var(--transition-base),font-weight var(--transition-base)}.navbar-tab.active{font-weight:600;color:var(--text-primary)}.tab-slider{position:absolute;top:2px;bottom:2px;width:50%;background-color:var(--bg-secondary);border-radius:25px;box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.4,0,.2,1),background-color var(--transition-base),box-shadow var(--transition-base);z-index:1}.tab-slider.move-left{transform:translate(0)}.tab-slider.move-right{transform:translate(100%)}.navbar-center{flex:1;display:flex;justify-content:center}.search-bar{display:flex;align-items:center;background-color:var(--bg-hover);border-radius:20px;padding:5px 10px;width:320px;transition:background-color var(--transition-base)}.search-bar:hover{background-color:var(--bg-active)}.search-bar input{border:none;outline:none;background:none;margin-left:8px;width:100%;font-size:14px;color:var(--text-primary)}.search-bar svg{color:var(--text-secondary);flex-shrink:0}.photos-nav{display:flex;align-items:center;gap:0;transition:all .3s ease}.photos-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;min-width:64px;font-size:12px;font-weight:600;color:var(--navbar-photos-tab-inactive);background:none;border:none;cursor:pointer;padding:8px 0;transition:color .2s ease;position:relative}.photos-nav-item svg{width:24px;height:24px;flex-shrink:0}.photos-nav-item:hover{color:var(--navbar-photos-tab-active)}.photos-nav-item.active{font-weight:600;color:var(--navbar-photos-tab-active)}.photos-nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48px;height:2px;background:linear-gradient(90deg,#0078d4,#00bcf2);border-radius:2px 2px 0 0}.photos-nav-item:focus,.photos-nav-item:active{outline:none;background:none;box-shadow:none}.navbar-right{display:flex;align-items:center;gap:16px;position:relative}.navbar-storage-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--accent-primary);color:var(--accent-primary);background:transparent;border-radius:16px;padding:5px 10px;font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.navbar-storage-btn:hover{background-color:var(--bg-hover)}.navbar-storage-btn svg{color:inherit}.navbar-storage-diamond-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.user-avatar{width:38px;height:38px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid var(--text-primary);transition:transform var(--transition-fast),background-color var(--transition-base),border-color var(--transition-fast),box-shadow var(--transition-fast)}.user-avatar:hover{border-color:var(--text-primary);box-shadow:0 0 0 2px #0000001a;transform:scale(1.05)}:root.dark-theme .user-avatar:hover{box-shadow:0 0 0 2px #ffffff1a}.profile-popup{position:absolute;top:65px;right:10px;width:280px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);width:340px;z-index:1000;padding:0;font-family:inherit;overflow:hidden;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.profile-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.profile-popup-logo{display:flex;align-items:center;gap:6px}.microsoft-logo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5px;width:16px;height:16px;flex-shrink:0}.microsoft-square{width:100%;height:100%}.microsoft-red{background-color:#f25022}.microsoft-green{background-color:#7fba00}.microsoft-blue{background-color:#00a4ef}.microsoft-yellow{background-color:#ffb900}.microsoft-text{font-size:14px;font-weight:400;color:var(--text-primary);font-family:inherit;line-height:1;transition:color var(--transition-base)}.profile-popup-signout{background:none;border:1px solid var(--text-primary);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;padding:6px 12px;border-radius:4px;transition:background-color var(--transition-fast),border-color var(--transition-base),color var(--transition-base)}.profile-popup-signout:hover{background-color:var(--bg-hover)}.profile-popup-content{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 20px}.profile-picture-placeholder{width:64px;height:64px;border-radius:50%;background-color:var(--accent-primary);color:#fff;font-weight:400;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-base)}.profile-user-info{display:flex;flex-direction:column;gap:2px}.profile-user-name{font-weight:600;color:var(--text-primary);font-size:14px;transition:color var(--transition-base)}.profile-user-email{color:var(--text-secondary);font-size:13px;transition:color var(--transition-base)}:root.dark-theme .profile-user-email{color:var(--text-primary)!important}.profile-view-account{font-size:13px;color:var(--accent-primary);text-decoration:none;transition:color var(--transition-base)}.profile-view-account:hover{text-decoration:underline}.profile-popup-footer{display:flex;align-items:center;gap:12px;padding:20px 24px 24px;cursor:pointer;transition:background-color .2s;border-radius:0 0 12px 12px;color:var(--text-primary)}.profile-popup-footer:hover{background-color:var(--bg-hover)}.profile-popup-footer svg{width:18px;height:18px;color:var(--text-primary);flex-shrink:0;transition:color var(--transition-base)}.profile-popup-footer span{color:var(--text-primary);font-size:14px;transition:color var(--transition-base)}:root.dark-theme .profile-popup-footer{color:var(--text-primary)!important}:root.dark-theme .profile-popup-footer svg{color:var(--text-primary)!important}:root.dark-theme .profile-popup-footer span{color:var(--text-primary)!important}.profile-add-account-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary);transition:color var(--transition-base)}.profile-add-account-icon svg{width:18px;height:18px;color:var(--text-primary);transition:color var(--transition-base)}.profile-add-account-text{color:var(--text-primary);transition:color var(--transition-base)}.settings-dropdown{position:absolute;top:65px;right:80px;width:320px;background:var(--bg-secondary);border-radius:0 0 8px 8px;box-shadow:var(--shadow-md);z-index:1000;padding:0;font-family:inherit;overflow:hidden;animation:fadeIn .2s ease;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.settings-storage-section{padding:16px 20px 12px}.settings-storage-text{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4;transition:color var(--transition-base)}.settings-storage-bar{width:100%;height:4px;background-color:var(--border-color-light);border-radius:2px;margin-bottom:12px;overflow:hidden;transition:background-color var(--transition-base)}.settings-storage-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:2px;transition:width var(--transition-base),background-color var(--transition-base);min-width:2px}.settings-storage-links{display:flex;align-items:center;gap:8px;font-size:14px}.settings-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;padding:0;font-size:14px;font-family:inherit;text-decoration:none;transition:text-decoration var(--transition-fast),color var(--transition-base)}.settings-link:hover{text-decoration:underline}.settings-link-separator{color:var(--text-tertiary);font-size:12px;transition:color var(--transition-base)}.settings-divider{height:1px;background-color:var(--border-color-light);margin:0;transition:background-color var(--transition-base)}.settings-theme-section{padding:16px 20px}.settings-theme-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-theme-label{font-size:14px;font-weight:400;color:var(--text-primary);margin:0;cursor:default;transition:color var(--transition-base)}.settings-theme-dropdown{position:relative;display:inline-block;width:230px}.settings-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:82%;padding:6px 28px 6px 10px;font-size:14px;font-family:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:4px;cursor:pointer;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-base),color var(--transition-base)}.settings-select:hover{border-color:var(--border-color-hover)}.settings-select:focus{border-color:var(--accent-primary)}.settings-select-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary);pointer-events:none;transition:color var(--transition-base)}.settings-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}.settings-checkbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#0078d4;flex-shrink:0}.settings-checkbox:checked{accent-color:var(--accent-primary)}.settings-checkbox-label span{line-height:1.4}.settings-actions-section{padding:8px 0}.settings-action-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 20px;background:none;border:none;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-base)}.settings-action-item:hover{background-color:var(--bg-hover)}.settings-action-icon{width:18px;height:18px;color:var(--text-primary);flex-shrink:0;transition:color var(--transition-base)}.settings-action-item span{line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.apps-launcher{display:flex;flex-direction:column;position:fixed;top:70px;left:10px;width:500px;height:475px;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-md);z-index:2000;overflow:hidden;animation:fadeIn .2s ease;font-family:"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:16px;color:var(--text-primary);box-sizing:border-box;transition:background-color var(--transition-base),color var(--transition-base)}.navbar.photos-mode .apps-launcher{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.navbar.photos-mode .app-item,.navbar.photos-mode .app-label{color:var(--text-primary)}.navbar.photos-mode .app-item:hover{background:var(--bg-hover)}.apps-launcher-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color-light);transition:border-color var(--transition-base)}.navbar.photos-mode .apps-launcher-header{border-bottom-color:var(--border-color-light)}.apps-launcher-logo-section{display:flex;align-items:center;gap:8px}.apps-icon-small{padding:4px}.apps-cloud-icon{width:24px;height:24px;background:linear-gradient(135deg,#0078d4,#005a9e);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.apps-cloud-icon:before{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--bg-secondary);position:absolute;transform:translateY(-2px);transition:border-bottom-color var(--transition-base)}.apps-header-tab{background:none;border:none;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.apps-header-tab.active{background:var(--bg-hover);color:var(--text-primary)}.navbar.photos-mode .apps-header-tab.active{background:var(--bg-hover)}.apps-header-right{display:flex;align-items:center;gap:8px}.apps-header-icon{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.apps-header-icon:hover,.navbar.photos-mode .apps-header-icon:hover{background:var(--bg-hover)}.apps-header-icon svg{width:18px;height:18px;color:var(--text-primary);transition:color var(--transition-base)}.navbar.photos-mode .apps-header-icon svg{color:var(--text-primary)}.user-avatar-small{width:24px;height:24px;border-radius:50%;background-color:#0078d4;color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center}.apps-search-container{padding:16px;width:100%;box-sizing:border-box}.apps-search-bar{position:relative;display:flex;align-items:center;background:var(--bg-hover);border:1px solid var(--border-color-light);border-radius:4px;padding:0 0 0 8px;min-height:32px;width:100%;max-width:468px;font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:20px;box-sizing:border-box;transition:background-color var(--transition-base),border-color var(--transition-base)}.apps-search-bar:focus-within{border-color:var(--border-color-hover);box-shadow:0 0 0 1px var(--border-color-hover)}.apps-search-icon{display:flex;width:20px;height:20px;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-base)}.apps-search-icon svg{width:20px;height:20px;color:var(--text-secondary);transition:color var(--transition-base)}.apps-search-input{flex:1;border:none;outline:none;background:none;padding:0 8px 0 6px;font-size:14px;line-height:20px;color:var(--text-primary);font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;transition:color var(--transition-base)}.apps-search-input::placeholder{color:var(--text-tertiary)}.apps-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:color var(--transition-base),background-color var(--transition-base)}.apps-search-clear svg{width:20px;height:20px;color:var(--text-secondary)}.apps-search-clear:hover{color:var(--text-primary);background:var(--bg-hover);border-radius:50%}.apps-grid-wrapper{width:100%;padding:0 0 8px}.apps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,90px);gap:0;padding:0 16px;width:100%;height:270px;align-items:stretch}.apps-create-wrapper{width:100%;height:90px;padding:8px 0 0}.apps-create-section{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:90px;gap:0;padding:0 16px;width:100%;height:90px;align-items:stretch}.app-item{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:8px 4px;background:none;border:none;cursor:pointer;border-radius:8px;text-decoration:none;transition:all .2s ease;color:var(--text-primary);font-family:"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:12px;line-height:14px;overflow:hidden}.app-item:hover{background:var(--bg-hover);transform:scale(1.02)}.app-item:active{background:var(--bg-active);transform:scale(.98)}.app-icon-container{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;height:42px;overflow:clip;transition:opacity .2s ease-in-out}.app-icon-img{width:32px;height:40px;object-fit:contain}.app-label{display:block;width:100%;height:28px;font-size:12px;line-height:14px;text-align:center;color:var(--text-primary);font-family:"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-base)}.copilot-icon{background:linear-gradient(135deg,#0078d4,#00bcf2,#5cb615,#fa4,#ff0084);position:relative;overflow:hidden}.copilot-icon:after{content:"M365";font-size:9px;font-weight:700;color:#000;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.outlook-icon{background:#0078d4;position:relative}.outlook-icon:after{content:"O";font-size:28px;font-weight:300;color:#fff;font-family:inherit}.onedrive-icon{background:#0078d4;position:relative}.onedrive-icon:after{content:"☁";font-size:32px;color:#fff;filter:brightness(1.2)}.teams-icon{background:#6355a8;position:relative}.teams-icon:after{content:"T";font-size:28px;font-weight:300;color:#fff;font-family:inherit}.word-icon{background:#0078d4;position:relative}.excel-icon{background:#107c41;position:relative}.powerpoint-icon{background:#d83b01;position:relative}.onenote-icon{background:#7719aa;position:relative}.todo-icon{background:#0078d4;position:relative}.todo-icon:after{content:"✓";font-size:32px;color:#fff;font-weight:700}.family-safety-icon{background:#10a594;position:relative}.family-safety-icon:after{content:"♥️";font-size:28px;color:#fff}.calendar-icon{background:#107c41;position:relative}.calendar-icon:before{content:"";width:30px;height:30px;border:2px solid white;border-radius:2px}.calendar-icon:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid white;border-bottom:6px solid white;box-shadow:0 8px #fff,0 16px #fff}.clipchamp-icon{background:#7719aa;position:relative;overflow:hidden}.clipchamp-icon:before{content:"";width:20px;height:28px;background:#fff;position:absolute;left:12px;top:50%;transform:translateY(-50%) rotate(-15deg);border-radius:2px}.clipchamp-icon:after{content:"";width:20px;height:28px;background:#ffffffb3;position:absolute;left:18px;top:50%;transform:translateY(-50%) rotate(-15deg);border-radius:2px}.designer-icon{background:linear-gradient(135deg,#ff8c00,#9b59b6);position:relative}.designer-icon:after{content:"D";font-size:32px;font-weight:600;color:#fff;font-family:inherit}.skype-icon{background:#0078d4;position:relative}.skype-icon:after{content:"S";font-size:28px;font-weight:300;color:#fff;font-family:inherit}.more-apps-icon{background:var(--bg-hover);position:relative}.navbar.photos-mode .more-apps-icon{background:var(--bg-hover)}.more-apps-icon:after{content:"";width:20px;height:20px;background-image:repeating-linear-gradient(0deg,var(--text-secondary),var(--text-secondary) 1px,transparent 1px,transparent 10px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar.photos-mode .more-apps-icon:after{background-image:repeating-linear-gradient(0deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 10px)}.document-icon{background:#0078d4;position:relative}.workbook-icon{background:#107c41;position:relative}.presentation-icon{background:#d83b01;position:relative}.survey-icon{background:#10a594;position:relative}.create-more-icon{background:var(--bg-hover);position:relative}.navbar.photos-mode .create-more-icon{background:var(--bg-hover)}.create-more-icon:after{content:"+";font-size:32px;font-weight:300;color:var(--text-secondary);font-family:inherit}.navbar.photos-mode .create-more-icon:after{color:var(--text-primary)}.apps-separator{height:1px;width:calc(100% - 32px);background:var(--border-color-light);margin:0 16px;flex-shrink:0;transition:background-color var(--transition-base)}.apps-launcher-footer{padding:12px 16px;margin-top:auto;display:flex;align-items:center;justify-content:center}.apps-buy-storage-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;color:var(--text-primary);transition:background-color .15s ease,color var(--transition-base)}.apps-buy-storage-btn:hover{background-color:var(--bg-hover)}.buy-storage-icon{width:16px;height:16px;color:var(--text-primary);transition:color var(--transition-base)}.apps-buy-storage-btn .buy-storage-diamond-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.navbar.photos-mode .apps-launcher-footer{border-top-color:var(--border-color)}.navbar.photos-mode .apps-buy-storage-btn{color:var(--text-primary)}.navbar.photos-mode .apps-buy-storage-btn:hover{background-color:var(--bg-hover)}.navbar.photos-mode .buy-storage-icon{color:var(--text-primary)}.navbar.photos-mode .apps-separator{background:var(--border-color)}@media (max-width: 1024px){.navbar-left{gap:12px}.search-bar{width:260px}.navbar-storage-btn span{display:none}.navbar-storage-btn{padding:5px 8px;min-width:auto}.photos-nav-item{width:56px;min-width:56px;font-size:11px;padding:6px 0}.photos-nav-item svg{width:20px;height:20px}.apps-launcher{width:450px;height:400px}.apps-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,80px);height:240px}.apps-create-section{grid-template-columns:repeat(5,minmax(0,1fr));height:80px}.profile-popup{width:300px}.settings-dropdown{width:280px;right:60px}}@media (max-width: 768px){.navbar{padding:6px 12px;height:56px}.navbar-left{gap:8px}.onedrive-logo{height:50px}.navbar-tabs{width:120px;height:28px}.navbar-tab{font-size:12px}.search-bar{width:200px;padding:4px 8px}.search-bar input{font-size:13px;margin-left:6px}.photos-nav{gap:4px}.photos-nav-item{width:48px;min-width:48px;font-size:10px;padding:4px 0}.photos-nav-item svg{width:18px;height:18px}.photos-nav-item.active:after{width:36px}.navbar-right{gap:8px}.navbar-storage-btn{display:none}.user-avatar{width:32px;height:32px;font-size:13px}.navbar-icon-btn{padding:6px}.navbar-icon-btn.settings-icon-btn .settings-icon{width:24px;height:24px}.profile-popup{width:calc(100vw - 40px);max-width:320px;right:10px;top:60px}.settings-dropdown{width:calc(100vw - 40px);max-width:300px;right:10px;top:60px}.apps-launcher{width:calc(100vw - 20px);max-width:500px;height:auto;max-height:80vh;left:10px;top:66px}.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(auto-fit,90px);height:auto;padding:0 12px}.apps-create-section{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px}}.menu-toggle-btn{display:none}@media (max-width: 768px){.menu-toggle-btn{display:flex}}.menu-toggle-btn svg{width:24px;height:24px;color:var(--text-primary)}@media (max-width: 480px){.navbar{padding:6px 8px}.navbar-left{gap:6px}.onedrive-logo{height:40px}.navbar-tabs{width:100px;height:26px}.navbar-tab{font-size:11px}.search-bar{width:150px;padding:3px 6px}.search-bar svg{width:16px;height:16px}.search-bar input{font-size:12px;margin-left:4px}.photos-nav-item{width:40px;min-width:40px;font-size:9px;padding:3px 0}.photos-nav-item svg{width:16px;height:16px}.photos-nav-item span{font-size:9px}.user-avatar{width:28px;height:28px;font-size:12px}.navbar-icon-btn{padding:4px}.navbar-icon-btn.settings-icon-btn .settings-icon{width:20px;height:20px}.profile-popup,.settings-dropdown{width:calc(100vw - 20px);right:10px}.apps-launcher{width:calc(100vw - 10px);left:5px}.apps-grid,.apps-create-section{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px}}.sidebar{width:300px;background-color:var(--bg-primary);border-right:none;padding:12px 8px;overflow:hidden;overflow-y:auto;height:100%;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),background-color var(--transition-slow);will-change:width,padding;transform:translate(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.sidebar-closed{width:70px;background-color:var(--bg-primary);border-right:none;padding:12px 4px;overflow:hidden;overflow-y:auto;height:100%;display:flex;flex-direction:column;align-items:center;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),background-color var(--transition-slow);will-change:width,padding;transform:translate(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.sidebar-closed .sidebar-menu li span,.sidebar-closed .sidebar-user-heading span,.sidebar-closed .sidebar-heading,.sidebar-closed .storage-promo-text{opacity:0;visibility:hidden;max-width:0;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar-closed .sidebar-heading-container{display:none}.sidebar .sidebar-menu li span,.sidebar .sidebar-user-heading span,.sidebar .sidebar-heading,.sidebar .storage-promo-text{opacity:1;visibility:visible;max-width:200px;transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,visibility .4s cubic-bezier(.4,0,.2,1) .1s,max-width .4s cubic-bezier(.4,0,.2,1) .1s}.sidebar-closed .storage-heading,.sidebar-closed .storage-text{opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1)}.sidebar .storage-heading,.sidebar .storage-text{opacity:1;visibility:visible;max-height:50px;transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,visibility .4s cubic-bezier(.4,0,.2,1) .1s,max-height .4s cubic-bezier(.4,0,.2,1) .1s}.sidebar-closed .sidebar-menu li{justify-content:center;padding:8px;transition:padding .4s cubic-bezier(.4,0,.2,1),justify-content .4s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-menu li{justify-content:flex-start;transition:padding .4s cubic-bezier(.4,0,.2,1),justify-content .4s cubic-bezier(.4,0,.2,1)}.sidebar-closed .sidebar-menu li svg{margin:0}.sidebar-closed .sidebar-create-btn-wrapper{justify-content:center}.sidebar-closed .sidebar-create-btn{width:40px;height:40px;border-radius:50%;padding:0;justify-content:center;gap:0;background:linear-gradient(90deg,#0078d4,#5c2d91);transition:all .35s cubic-bezier(.4,0,.2,1);align-self:center}.sidebar-closed .sidebar-create-btn span{opacity:0;visibility:hidden;max-width:0;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-create-btn span{opacity:1;visibility:visible;max-width:150px;transition:opacity .4s cubic-bezier(.4,0,.2,1) .15s,visibility .4s cubic-bezier(.4,0,.2,1) .15s,max-width .4s cubic-bezier(.4,0,.2,1) .15s}.sidebar-section{margin-bottom:12px;transition:opacity .3s cubic-bezier(.4,0,.2,1);opacity:1}.sidebar-closed .sidebar-section{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.sidebar-heading{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;padding:0 8px;transition:color var(--transition-base)}.sidebar-heading.browse-heading{font-size:13px;font-weight:700;margin-bottom:0}.sidebar-heading-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0 8px;margin-bottom:8px}.browse-arrow-icon{width:16px;height:16px;color:var(--text-secondary);transition:opacity .2s ease,visibility .2s ease,transform .25s cubic-bezier(.4,0,.2,1),color var(--transition-base);flex-shrink:0;opacity:0;visibility:hidden}.sidebar:hover .browse-arrow-icon,.sidebar-closed:hover .browse-arrow-icon{opacity:1;visibility:visible}.sidebar-user-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px;padding:0 8px;text-transform:lowercase;transition:color var(--transition-base)}.user-account-icon{font-size:12px;color:var(--text-secondary);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:2px;padding:2px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;opacity:0;visibility:hidden}.sidebar:hover .user-account-icon,.sidebar-closed:hover .user-account-icon{opacity:1;visibility:visible}.user-account-icon:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.sidebar-create-btn-wrapper{position:relative;display:flex;justify-content:flex-start;margin-bottom:20px;padding:0 8px}.sidebar-create-btn{width:auto;max-width:180px;background:linear-gradient(90deg,#0078d4,#5c2d91);color:#fff;font-weight:600;border:none;border-radius:50px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-size:13px;align-self:flex-start}.create-btn-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-create-btn:hover{filter:brightness(1.1)}.sidebar-create-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-md);min-width:248px;z-index:1000;padding:4px;margin-top:4px;animation:menuExpandContentsAnimation .3s cubic-bezier(.1,.9,.2,1);transition:background-color var(--transition-base),box-shadow var(--transition-base)}@keyframes menuExpandContentsAnimation{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.sidebar-closed .sidebar-create-dropdown{left:calc(100% + 8px);top:0;transform:none;animation:menuExpandContentsAnimationSide .3s cubic-bezier(.1,.9,.2,1)}@keyframes menuExpandContentsAnimationSide{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.sidebar-dropdown-item{display:flex;align-items:center;gap:12px;padding:0 12px;height:36px;cursor:pointer;border-radius:4px;transition:background-color .1s ease;font-size:14px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;color:var(--text-primary);position:relative}.sidebar-dropdown-item:hover{background-color:var(--bg-hover)}.sidebar-dropdown-item:active{background-color:var(--bg-active)}.sidebar-dropdown-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sidebar-dropdown-icon img{width:16px;height:16px;object-fit:contain;display:block}.sidebar-dropdown-icon svg{width:16px;height:16px;color:var(--text-primary);display:block;transition:color var(--transition-base)}.sidebar-dropdown-icon.folder-icon,.sidebar-dropdown-icon.document-upload-icon,.sidebar-dropdown-icon.folder-upload-icon,.sidebar-dropdown-icon.word-icon,.sidebar-dropdown-icon.excel-icon,.sidebar-dropdown-icon.powerpoint-icon,.sidebar-dropdown-icon.onenote-icon,.sidebar-dropdown-icon.text-icon{background-color:transparent;color:inherit}.sidebar-dropdown-separator{height:1px;background-color:var(--border-color-light);margin:4px;transition:background-color var(--transition-base)}.sidebar-dropdown-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.sidebar-menu{list-style:none;padding:0;margin:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-size:13px;position:relative}.sidebar-menu li:hover{background-color:var(--bg-hover)}.sidebar-menu li.active{background-color:var(--bg-hover);font-weight:600;color:var(--text-primary)}.sidebar-menu li.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--accent-primary);border-radius:0 2px 2px 0;transition:width .25s cubic-bezier(.4,0,.2,1),background-color var(--transition-base)}.sidebar-menu li svg{width:21px;min-width:18px;height:21px;color:var(--text-secondary);fill:var(--text-secondary);flex-shrink:0;transition:color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.sidebar-menu li.active svg{color:var(--accent-primary);fill:var(--accent-primary)}.storage-section{margin-top:auto;padding-top:20px}.storage-info{padding:0 8px}.storage-bar{width:100%;height:4px;background-color:var(--border-color-light);border-radius:2px;overflow:hidden;margin-top:4px;transition:background-color var(--transition-base)}.storage-bar-fill{height:100%;background-color:var(--accent-primary);transition:width .3s ease,background-color var(--transition-base);min-width:3px;border-radius:2px}.storage-text{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px;transition:color var(--transition-base)}.storage-link{color:var(--accent-primary);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.storage-link:hover{color:var(--accent-primary-hover)}.sidebar-promo{border:.8px solid rgb(199,199,199);border-radius:6px;padding:12px 12px 0;margin-bottom:16px;background-image:linear-gradient(128deg,#0000 39%,#fff 49%,#fff 65%,#0000 75%);background-position:0% 39.7713%;background-size:600% 600%;transition:border .15s ease,background-color var(--transition-base),border-color var(--transition-base);animation:backgroundReverseFade 3600s ease-in-out 40s infinite}@keyframes backgroundReverseFade{0%,to{background-position:0% 39.7713%}50%{background-position:100% 60%}}.sidebar-promo:hover{border-color:#c7c7c7}.storage-section .sidebar-promo{margin-bottom:20px}.storage-promo{display:flex;flex-direction:column}.storage-promo-text{font-size:11px;color:#616161;margin-bottom:18px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-base)}.storage-promo-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;margin-bottom:12px;background-image:linear-gradient(128deg,#fff 33%,#0f6cbd 40%,#3c45ab 58%,#3c45ab 60%,#0f6cbd,#fff 80%);background-position:0% 22.9796%;background-size:600% 600%;color:#0f6cbd;border:.8px solid rgb(199,199,199);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap;transition:all .15s ease;animation:backgroundGradient 3600s ease 40s infinite}@keyframes backgroundGradient{0%,to{background-position:0% 22.9796%}50%{background-position:100% 77%}}.storage-promo-btn:hover{border-color:#c7c7c7}.storage-promo-btn svg{color:#0f6cbd;width:16px;height:16px;flex-shrink:0;display:inline-block;vertical-align:middle}.storage-promo-btn svg[class*=Diamond]{width:16px;height:16px;fill:currentColor}.buy-storage-diamond-icon{width:16px;height:16px;flex-shrink:0;display:inline-block;vertical-align:middle;object-fit:contain}.storage-promo-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-closed .sidebar-promo{padding:8px;margin-bottom:16px}.sidebar-closed .storage-promo-btn{width:auto;min-width:40px;height:40px;padding:8px;margin-bottom:0;justify-content:center}.sidebar-closed .storage-promo-btn svg{width:20px;height:20px}.sidebar-closed .buy-storage-diamond-icon{width:20px;height:20px}.sidebar-closed .storage-promo-text{display:none}@media (max-width: 1024px){.sidebar{width:260px;padding:10px 6px}.sidebar-closed{width:60px;padding:10px 4px}.sidebar-create-btn{font-size:12px;padding:8px 16px;max-width:160px}.sidebar-menu li{padding:5px 6px;font-size:12px}.sidebar-menu li svg{width:19px;height:19px}.sidebar-heading{font-size:10px;padding:0 6px}.sidebar-user-heading{font-size:13px;padding:0 6px}}@media (max-width: 768px){.sidebar,.sidebar-closed{position:fixed;top:56px;left:0;height:calc(100vh - 56px);z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #00000026}.sidebar.sidebar-open,.sidebar-closed.sidebar-open{transform:translate(0)}.dashboard-content{position:relative}.main-content{margin-left:0!important;width:100%!important}.sidebar{width:280px}.sidebar-closed{width:60px}.sidebar-create-btn{font-size:13px;padding:10px 20px}.sidebar-menu li{padding:6px 8px}.sidebar-heading{font-size:11px}.sidebar-user-heading{font-size:14px}.storage-promo{padding:10px}.storage-promo-text{font-size:10px}.storage-promo-btn{font-size:13px;padding:4px 10px}}@media (max-width: 480px){.sidebar{width:100%;max-width:280px}.sidebar-closed{width:100%;max-width:60px}.sidebar-create-btn{max-width:140px;font-size:12px;padding:8px 16px}.sidebar-menu li{padding:5px 6px;font-size:13px}.sidebar-dropdown{min-width:200px}}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.file-context-menu{position:fixed;z-index:9999;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 16px #00000026,0 2px 4px #0000001a;min-width:220px;padding:4px;animation:contextMenuFadeIn .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),box-shadow var(--transition-base)}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;gap:12px;padding:0 12px;height:36px;cursor:pointer;border-radius:4px;transition:background-color .1s ease;font-size:14px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;color:var(--text-primary);-webkit-user-select:none;user-select:none}.context-menu-item:hover{background-color:var(--bg-hover)}.context-menu-item:active{background-color:var(--bg-active)}.context-menu-icon{width:16px;height:16px;color:var(--text-primary);flex-shrink:0;transition:color var(--transition-base)}.context-menu-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.context-menu-separator{height:1px;background-color:var(--border-color-light);margin:4px 0;transition:background-color var(--transition-base)}[data-theme=dark] .file-context-menu{background-color:#2d2d2d;box-shadow:0 4px 16px #0006,0 2px 4px #0000004d}.file-context-menu{max-height:calc(100vh - 40px);overflow-y:auto}.file-context-menu::-webkit-scrollbar{width:8px}.file-context-menu::-webkit-scrollbar-track{background:transparent}.file-context-menu::-webkit-scrollbar-thumb{background-color:var(--border-color-light);border-radius:4px}.file-context-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.context-menu-item:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.file-context-menu{animation:none;transition:none}.context-menu-item{transition:none}}@media (max-width: 768px){.file-context-menu{min-width:200px;max-width:calc(100vw - 32px)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center;height:100%;background-color:var(--bg-primary);flex:1;transition:color var(--transition-base),background-color var(--transition-base)}.files-white-box .empty-state{background-color:var(--bg-secondary)}.empty-state-illustration{display:flex;align-items:center;justify-content:center;margin-top:12px}.empty-state-image{width:250px;height:auto;max-width:100%}.empty-state h3{font-size:20px;margin-bottom:0;color:var(--text-secondary);font-weight:600;margin-top:0;transition:color var(--transition-base)}.empty-state p{font-size:14px;color:var(--text-secondary);display:none;transition:color var(--transition-base)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:20px;background-color:var(--bg-primary);overflow-y:auto;flex:1;transition:background-color var(--transition-base);position:relative}.file-grid.drag-over:before,.file-list.drag-over:before,.recent-view.drag-over:before,.empty-state.drag-over:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px dashed var(--accent-primary);border-radius:8px;background-color:#0078d41a;pointer-events:none;z-index:10}.file-grid.drag-over,.file-list.drag-over,.recent-view.drag-over,.empty-state.drag-over{background-color:#0078d40d}.file-card.drag-over-folder,.file-list-row.drag-over-folder{border:2px solid var(--accent-primary);background-color:#0078d41a;box-shadow:0 0 0 2px #0078d433}.file-card[draggable=true],.file-list-row[draggable=true]{cursor:move}.file-card[draggable=true]:hover,.file-list-row[draggable=true]:hover{cursor:grab}.file-card[draggable=true]:active,.file-list-row[draggable=true]:active{cursor:grabbing}.files-white-box .file-grid{background-color:var(--bg-secondary)}.file-card{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:4px;padding:12px;cursor:pointer;transition:all var(--transition-fast);position:relative}.file-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-color-medium)}.file-card.selected{border-color:var(--accent-primary);background-color:var(--bg-hover)}.file-card-checkbox{position:absolute;top:8px;left:8px;opacity:0;transition:opacity .2s}.file-card:hover .file-card-checkbox,.file-card.selected .file-card-checkbox{opacity:1}.file-card-checkbox input{cursor:pointer;width:18px;height:18px}.file-card-icon{display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:8px}.file-card-icon svg{width:40px;height:40px}.file-card-icon i{font-size:40px}.file-card-icon img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.file-card-info{text-align:center}.file-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-base)}.file-meta{font-size:12px;color:var(--text-secondary);display:flex;justify-content:center;gap:8px;transition:color var(--transition-base)}.file-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.file-card:hover .file-card-actions{opacity:1}.file-card-download,.file-card-delete,.file-card-more{background:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:4px;padding:6px 10px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-base),color var(--transition-base);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.file-card-delete{color:#d13438}.file-card-download svg,.file-card-delete svg,.file-card-more svg{width:16px;height:16px;color:inherit}.file-card-more{color:var(--text-secondary)}.file-card-more:hover{background-color:var(--bg-hover);border-color:var(--border-color-medium);color:var(--text-primary)}.file-card-download:hover{background-color:var(--bg-hover)}.file-card-delete:hover{background-color:#d134381a;border-color:#d13438}.file-list{background-color:var(--bg-primary);overflow-y:auto;flex:1;display:flex;flex-direction:column;transition:background-color var(--transition-base)}.files-white-box .file-list{background-color:var(--bg-secondary)}.file-list-header{display:grid;grid-template-columns:48px minmax(150px,2fr) minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr);gap:16px;padding:12px 24px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;font-weight:400;font-size:14px;color:#424242;position:sticky;top:0;z-index:1;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);align-items:center}:root.dark-theme .file-list-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.file-list-header .name-header-text{color:inherit}:root.dark-theme .file-list-header .name-header-text{color:var(--text-secondary)}:root.dark-theme .file-list-header .name-header-text:hover{color:var(--text-primary)}.file-list-row{display:grid;grid-template-columns:48px minmax(150px,2fr) minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr);gap:16px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-base);position:relative;margin:0;align-items:center}.file-list-row:first-of-type{margin-top:0}.file-list-row:hover{background-color:var(--bg-hover)}.file-list-row.selected{background-color:var(--bg-active);border-left:3px solid var(--accent-primary)}.file-list-row.my-files-selected{background-color:var(--bg-active)!important;border-left:none;border-radius:0}:root.dark-theme .file-list-row:hover .file-list-col,:root.dark-theme .file-list-row:hover .file-name,:root.dark-theme .file-list-row.selected .file-list-col,:root.dark-theme .file-list-row.selected .file-name,:root.dark-theme .file-list-row.my-files-selected .file-list-col,:root.dark-theme .file-list-row.my-files-selected .file-name{color:var(--text-primary)!important}:root.dark-theme .file-list-row:hover .col-modified,:root.dark-theme .file-list-row:hover .col-size,:root.dark-theme .file-list-row:hover .col-sharing,:root.dark-theme .file-list-row.selected .col-modified,:root.dark-theme .file-list-row.selected .col-size,:root.dark-theme .file-list-row.selected .col-sharing{color:var(--text-secondary)!important}:root:not(.dark-theme) .file-list-row.selected{background-color:#f0f7ff}:root:not(.dark-theme) .file-list-row.my-files-selected{background-color:#e8f4fd!important}:root:not(.dark-theme) .file-list-row:hover{background-color:#fafafa}.file-list-row.my-files-selected .file-list-col,.file-list-row.my-files-selected .file-name{color:var(--text-primary)!important}.file-list-row.my-files-selected svg{color:var(--text-primary)!important}.file-list-row.my-files-selected .col-modified,.file-list-row.my-files-selected .col-size,.file-list-row.my-files-selected .col-sharing{color:#795548!important}:root.dark-theme .file-list-row.my-files-selected .col-modified,:root.dark-theme .file-list-row.my-files-selected .col-size,:root.dark-theme .file-list-row.my-files-selected .col-sharing{color:var(--text-secondary)!important}.file-list-row.my-files-selected .circular-checkbox:checked~.circular-checkbox-checkmark{background-color:#0078d4;border-color:#0078d4}.file-list-row.my-files-selected .circular-checkbox-checkmark svg{stroke:#fff}.circular-checkbox-wrapper{opacity:0;transition:opacity .2s}.file-list-row:hover .circular-checkbox-wrapper,.file-list-row.selected .circular-checkbox-wrapper,.file-list-row.my-files-selected .circular-checkbox-wrapper{opacity:1}.file-list-header.my-files-header{background-color:var(--bg-secondary)}.file-row-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.file-list-row .action-icon{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.file-list-row:hover .action-icon,.file-list-row.my-files-selected .ellipsis-menu,.file-list-row:hover .ellipsis-menu{opacity:1;visibility:visible}.file-list-row .share-icon svg{color:#605e5c;width:14px;height:14px;transition:color var(--transition-base)}:root.dark-theme .file-list-row .share-icon svg{color:var(--text-secondary)}:root.dark-theme .file-list-row:hover .share-icon svg,:root.dark-theme .file-list-row.selected .share-icon svg,:root.dark-theme .file-list-row.my-files-selected .share-icon svg{color:var(--text-primary)}.file-list-row .share-icon:hover{background-color:#0000000d}:root.dark-theme .file-list-row .share-icon:hover{background-color:var(--bg-hover)}.file-list-row .ellipsis-menu svg{color:#605e5c;width:12px;height:12px;transition:color var(--transition-base)}:root.dark-theme .file-list-row .ellipsis-menu svg{color:var(--text-secondary)}:root.dark-theme .file-list-row:hover .ellipsis-menu svg,:root.dark-theme .file-list-row.selected .ellipsis-menu svg,:root.dark-theme .file-list-row.my-files-selected .ellipsis-menu svg{color:var(--text-primary)}.file-list-row .ellipsis-menu:hover{background-color:#0000000d}:root.dark-theme .file-list-row .ellipsis-menu:hover{background-color:var(--bg-hover)}.file-list-row .action-icon.delete-icon{color:#d13438}.file-list-row .action-icon.delete-icon:hover{color:#a4262c;background-color:#d134381a}.file-list-col{display:flex;align-items:center;font-size:14px;color:var(--text-primary);transition:color var(--transition-base);min-width:0;overflow:hidden}.file-list-header .col-name,.file-list-row .col-name{min-width:0;overflow:hidden}.col-name{gap:12px;position:relative;align-items:center;display:flex;min-width:0;overflow:hidden}.col-name .file-icon-clickable{flex-shrink:0}.col-name .file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-modified,.col-size,.col-sharing{color:#795548!important;font-size:13px;transition:color var(--transition-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:fit-content;flex-shrink:0}:root.dark-theme .col-modified,:root.dark-theme .col-size,:root.dark-theme .col-sharing{color:var(--text-secondary)!important}.col-modified,.col-size,.col-sharing{position:relative}.col-modified .name-header-text,.col-size .name-header-text,.col-sharing .name-header-text{color:#795548}:root.dark-theme .col-modified .name-header-text,:root.dark-theme .col-size .name-header-text,:root.dark-theme .col-sharing .name-header-text{color:var(--text-secondary)}.col-modified .name-header-text svg:first-of-type{color:inherit}:root.dark-theme .col-modified .name-header-text svg:first-of-type{color:var(--text-secondary);opacity:.9}:root.dark-theme .col-modified .name-header-text:hover svg:first-of-type{color:var(--text-primary);opacity:1}.col-modified .name-header-text svg:last-of-type{color:inherit}:root.dark-theme .col-modified .name-header-text svg:last-of-type{color:var(--text-secondary);opacity:.8}:root.dark-theme .col-modified .name-header-text:hover svg:last-of-type{color:var(--text-primary);opacity:1}:root.dark-theme .col-modified .name-header-text svg:last-of-type:hover{color:var(--text-primary);opacity:1}.col-modified .name-header-text svg,.col-size .name-header-text svg,.col-sharing .name-header-text svg{opacity:.6;transition:opacity .2s,color var(--transition-base);color:inherit}:root.dark-theme .col-modified .name-header-text svg,:root.dark-theme .col-size .name-header-text svg,:root.dark-theme .col-sharing .name-header-text svg{color:var(--text-secondary);opacity:.8}:root.dark-theme .col-modified .name-header-text:hover svg,:root.dark-theme .col-size .name-header-text:hover svg,:root.dark-theme .col-sharing .name-header-text:hover svg{color:var(--text-primary);opacity:1}.col-modified .name-header-text svg:hover,.col-size .name-header-text svg:hover,.col-sharing .name-header-text svg:hover{opacity:1;color:var(--text-primary)}:root.dark-theme .col-modified .name-header-text svg:hover,:root.dark-theme .col-size .name-header-text svg:hover,:root.dark-theme .col-sharing .name-header-text svg:hover{color:var(--text-primary);opacity:1}.col-modified .name-header-wrapper,.col-size .name-header-wrapper,.col-sharing .name-header-wrapper{position:relative;display:flex;align-items:center}.col-checkbox{display:flex;align-items:center;justify-content:center;padding:0}.select-all-checkbox{opacity:1!important;visibility:visible!important}.circular-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:0;flex-shrink:0;width:20px;height:20px}.name-header-wrapper{position:relative;display:flex;align-items:center}.name-header-text{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:4px;transition:background-color .2s}.name-header-text svg{opacity:.6;transition:opacity .2s,color var(--transition-base);color:inherit}:root.dark-theme .name-header-text svg{color:var(--text-secondary);opacity:.8}:root.dark-theme .name-header-text:hover svg{color:var(--text-primary);opacity:1}.name-header-text svg:hover{opacity:1;color:var(--text-primary)}:root.dark-theme .name-header-text svg:hover{color:var(--text-primary);opacity:1}.name-header-text:hover{background-color:var(--bg-active)}.name-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:4px;box-shadow:var(--shadow-sm);min-width:180px;z-index:1000;overflow:hidden;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.menu-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-base);display:flex;align-items:center;justify-content:space-between;position:relative}.menu-item:hover{background-color:var(--bg-hover)}.menu-item-with-arrow{position:relative}.column-settings-submenu{position:absolute;left:100%;top:0;margin-left:4px;background:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:4px;box-shadow:var(--shadow-sm);min-width:160px;z-index:1001;overflow:hidden;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.inline-actions{display:flex;gap:4px;margin-left:auto}.col-name input{cursor:pointer;width:18px;height:18px}.file-icon-clickable,.file-name-clickable{transition:opacity var(--transition-fast)}.file-icon-clickable:hover,.file-name-clickable:hover{opacity:.8}.circular-checkbox{position:absolute;opacity:0;cursor:pointer;width:20px;height:20px;margin:0}.circular-checkbox-checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:transparent;border:1.5px solid #c7c7c7;border-radius:50%;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center;pointer-events:none}.circular-checkbox:checked~.circular-checkbox-checkmark{background-color:#0078d4;border-color:#0078d4}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;transition:background-color var(--transition-fast);padding:4px 8px;border-radius:4px;font-weight:400}.sortable-header:hover{background-color:var(--bg-active)}.sortable-header svg{flex-shrink:0;opacity:.6;width:12px;height:12px;transition:opacity .2s,color var(--transition-base);color:inherit}:root.dark-theme .sortable-header svg{color:var(--text-secondary);opacity:.8}:root.dark-theme .sortable-header:hover svg{color:var(--text-primary);opacity:1}.recent-view{background-color:var(--bg-secondary);border-radius:8px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-color-light);transition:background-color var(--transition-base),border-color var(--transition-base);display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;height:100%}.recent-view::-webkit-scrollbar{width:8px}.recent-view::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.recent-view::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.recent-view::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.recent-header{background-color:var(--bg-hover)!important;border-bottom:1px solid var(--border-color-light);font-weight:600;font-size:12px;color:var(--text-secondary);padding:10px 20px;transition:background-color var(--transition-base);position:sticky;top:0;z-index:10;flex-shrink:0}.recent-row{padding:12px 20px;border-bottom:1px solid var(--border-color-light);transition:background-color var(--transition-fast);flex-shrink:0}.recent-row:hover{background-color:var(--bg-hover)}.recent-row:last-child{border-bottom:none}.recent-row .col-name{display:flex;align-items:center;gap:12px}.recent-row .col-name svg{width:24px;height:24px;flex-shrink:0}.file-name-wrapper{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.file-name-primary{font-size:14px;font-weight:400;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-base)}.file-name-secondary{font-size:12px;font-weight:400;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-base)}.recent-row .col-opened,.recent-row .col-owner{font-size:14px;color:var(--text-primary);transition:color var(--transition-base)}.recent-row.selected{background-color:var(--bg-active)}.recent-row.selected .file-name-primary,.recent-row.selected .col-opened,.recent-row.selected .col-owner{color:var(--text-primary)}.col-name svg{width:20px;height:20px;flex-shrink:0;margin-right:12px}.col-checkbox{flex-shrink:0}.col-actions,.file-row-actions{flex-shrink:0;min-width:fit-content;margin-left:auto}.file-list-header>.file-list-col,.file-list-row>.file-list-col{display:flex;align-items:center;min-width:0}.col-name i{font-size:20px;margin-right:12px}.file-list-row .file-name{font-size:14px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-base);min-width:0;flex:1;max-width:100%;display:inline-block}.file-name-clickable{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}:root.dark-theme .file-list-row .file-name{color:var(--text-primary)!important}.col-actions{justify-content:flex-end;gap:4px}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-base);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.btn-icon:hover{background-color:var(--bg-active);color:var(--text-primary)}.btn-icon svg{width:14px;height:14px;color:inherit}@media (max-width: 1024px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:16px}.file-card{padding:10px}.file-card-icon{height:70px;margin-bottom:6px}.file-card-icon svg{width:36px;height:36px}.file-name{font-size:13px}.file-meta{font-size:11px}.file-list-header{grid-template-columns:48px 2fr 1fr 1fr 80px;padding:10px 16px;font-size:13px}.file-list-row{grid-template-columns:48px 2fr 1fr 1fr 80px;padding:10px 16px}.file-list-col{font-size:13px}.col-modified,.col-size,.col-sharing{font-size:12px}}@media (max-width: 768px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:12px}.file-card{padding:8px}.file-card-icon{height:60px;margin-bottom:6px}.file-card-icon svg{width:32px;height:32px}.file-card-icon img{max-width:32px;max-height:32px}.file-name{font-size:12px;margin-bottom:3px}.file-meta{font-size:10px;gap:6px}.file-card-actions{top:6px;right:6px;gap:3px}.file-card-download,.file-card-delete{padding:4px 8px}.file-card-download svg,.file-card-delete svg{width:14px;height:14px}.file-list-header{grid-template-columns:40px 2fr 1fr 60px;padding:8px 12px;font-size:12px}.file-list-row{grid-template-columns:40px 2fr 1fr 60px;padding:8px 12px}.col-size,.col-sharing{display:none}.file-list-col{font-size:12px}.col-modified{font-size:11px}.col-name svg{width:18px;height:18px;margin-right:8px}.file-list-row .action-icon{width:24px;height:24px;padding:2px}.recent-view{padding:0}.recent-header{padding:8px 16px;font-size:11px}.recent-row{padding:10px 16px}.recent-row .col-name{gap:10px}.recent-row .col-name svg{width:20px;height:20px}.file-name-primary{font-size:13px}.file-name-secondary{font-size:11px}.recent-row .col-opened,.recent-row .col-owner{font-size:12px}}@media (max-width: 480px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;padding:10px}.file-card{padding:6px}.file-card-icon{height:50px;margin-bottom:4px}.file-card-icon svg{width:28px;height:28px}.file-name{font-size:11px;margin-bottom:2px}.file-meta{font-size:9px;gap:4px}.file-card-checkbox{top:4px;left:4px}.file-card-checkbox input{width:16px;height:16px}.file-card-actions{top:4px;right:4px;gap:2px}.file-card-download,.file-card-delete{padding:3px 6px}.file-list-header{grid-template-columns:36px 2fr 50px;padding:6px 10px;font-size:11px}.file-list-row{grid-template-columns:36px 2fr 50px;padding:6px 10px}.col-modified{display:none}.col-name svg{width:16px;height:16px;margin-right:6px}.file-name-primary{font-size:12px}.file-name-secondary{font-size:10px}.recent-row{padding:8px 12px}.recent-header{padding:6px 12px;font-size:10px}}.shared-view{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);transition:background-color var(--transition-base);position:relative}.shared-view.drag-over:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px dashed var(--accent-primary);border-radius:8px;background-color:#0078d41a;pointer-events:none;z-index:10}.shared-view.drag-over{background-color:#0078d40d}.shared-header{background-color:var(--bg-primary);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background-color var(--transition-base)}.shared-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shared-tab{background:none;border:none;padding:8px 12px;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:color var(--transition-fast);border-bottom:3px solid transparent}.shared-tab:hover{color:var(--text-primary)}.shared-tab.active{color:var(--text-primary);font-weight:600;border-bottom:3px solid var(--accent-primary);font-size:15px}.filter-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:20px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{background-color:var(--bg-hover);border-color:var(--border-color-hover)}.filter-btn.active{background-color:var(--bg-hover);border-color:var(--accent-primary);border-width:2px;color:var(--text-primary)}.filter-btn svg{flex-shrink:0}.shared-search{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:20px;min-width:280px;max-width:400px;transition:border-color var(--transition-fast),background-color var(--transition-base)}.shared-search:focus-within{border-color:var(--accent-primary)}.shared-search svg{flex-shrink:0;color:var(--text-secondary);transition:color var(--transition-base)}.shared-search input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-primary);background:transparent;transition:color var(--transition-base)}.shared-search input::placeholder{color:var(--text-tertiary)}.shared-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 20px;background-color:var(--bg-primary);transition:background-color var(--transition-base)}.shared-empty-state h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px;order:1;transition:color var(--transition-base)}.shared-empty-state img{width:280px;height:auto;max-width:100%;order:2}.shared-content{flex:1;overflow-y:auto;background-color:var(--bg-primary);transition:background-color var(--transition-base)}@media (max-width: 1024px){.shared-header{padding:14px 24px;gap:12px}.shared-tab{padding:6px 10px;font-size:14px}.shared-tab.active{font-size:14px}.filter-btn{padding:5px 12px;font-size:13px}.shared-search{min-width:240px;max-width:350px;padding:6px 14px}.shared-search input{font-size:13px}.shared-empty-state{padding:50px 16px}.shared-empty-state h3{font-size:17px}.shared-empty-state img{width:240px}}@media (max-width: 768px){.shared-header{padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px}.shared-tabs{flex-wrap:wrap;gap:6px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.shared-tabs::-webkit-scrollbar{display:none}.shared-tab{padding:6px 10px;font-size:13px;flex-shrink:0}.shared-tab.active{font-size:13px}.filter-btn{padding:5px 10px;font-size:12px;gap:4px}.filter-btn svg{width:14px;height:14px}.shared-search{min-width:100%;max-width:100%;padding:6px 12px}.shared-search svg{width:16px;height:16px}.shared-search input{font-size:13px}.shared-empty-state{padding:40px 16px}.shared-empty-state h3{font-size:16px}.shared-empty-state img{width:200px}}@media (max-width: 480px){.shared-header{padding:10px 12px;gap:8px}.shared-tabs{gap:4px}.shared-tab{padding:5px 8px;font-size:12px}.shared-tab.active{font-size:12px}.filter-btn{padding:4px 8px;font-size:11px;gap:3px}.filter-btn svg{width:12px;height:12px}.shared-search{padding:5px 10px}.shared-search svg{width:14px;height:14px}.shared-search input{font-size:12px}.shared-empty-state{padding:30px 12px}.shared-empty-state h3{font-size:15px}.shared-empty-state img{width:180px}}.file-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.file-preview-modal{background:var(--bg-secondary);border-radius:8px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;transition:background-color var(--transition-base);box-shadow:0 4px 20px #0000004d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color-light);transition:border-color var(--transition-base)}.preview-title h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color var(--transition-base)}.preview-title p{font-size:13px;color:var(--text-secondary);transition:color var(--transition-base)}.preview-actions{display:flex;gap:8px}.preview-actions button{background:none;border:none;width:40px;height:40px;border-radius:4px;cursor:pointer;color:var(--text-primary);font-size:18px;transition:background-color var(--transition-fast),color var(--transition-base)}.preview-actions button:hover{background-color:var(--bg-hover)}.preview-content{flex:1;overflow:auto;padding:24px;display:flex;align-items:center;justify-content:center;min-height:400px}.preview-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px}.preview-image img{max-width:100%;max-height:calc(90vh - 150px);object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.preview-text{width:100%;height:100%;overflow:auto}.preview-text pre{font-family:inherit;font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;transition:color var(--transition-base)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:60px 20px;transition:color var(--transition-base)}.preview-placeholder i{font-size:80px;color:var(--text-tertiary);margin-bottom:20px;transition:color var(--transition-base)}.preview-placeholder p{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color var(--transition-base)}.preview-placeholder small{font-size:14px;color:var(--text-secondary);transition:color var(--transition-base)}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color-light);border-top-color:var(--accent-color, #0078d4);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-loading p{color:var(--text-secondary);font-size:14px}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.error-icon{font-size:64px;margin-bottom:8px}.preview-error p{font-size:18px;font-weight:600;color:var(--text-primary)}.preview-error small{font-size:14px;color:var(--text-secondary)}.download-btn-large{margin-top:16px;padding:10px 24px;background:var(--accent-color, #0078d4);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color var(--transition-fast)}.download-btn-large:hover{background:var(--accent-color-hover, #106ebe)}.preview-pdf{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdf-iframe{width:100%;height:70vh;border:none;border-radius:4px;background:#fff}.preview-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-player{max-width:100%;max-height:70vh;border-radius:4px;background:#000}.preview-audio{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}.audio-player-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:500px}.audio-icon{font-size:64px}.audio-player{width:100%;height:48px}.text-content-wrapper{width:100%;height:100%;overflow:auto;background:var(--bg-primary);border-radius:4px;padding:16px}.text-preview{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;background:transparent;transition:color var(--transition-base)}.file-icon-large{font-size:96px;margin-bottom:24px;opacity:.8}@media (max-width: 1024px){.file-preview-modal{width:95%;max-width:1000px;max-height:85vh}.preview-header{padding:16px 20px}.preview-title h2{font-size:16px}.preview-title p{font-size:12px}.preview-content{padding:20px;min-height:350px}.preview-image{min-height:350px}.preview-image img{max-height:calc(85vh - 120px)}.pdf-iframe{height:65vh}.video-player{max-height:65vh}}@media (max-width: 768px){.file-preview-overlay{padding:10px}.file-preview-modal{width:100%;max-width:100%;max-height:95vh;border-radius:0}.preview-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.preview-title{flex:1;min-width:0}.preview-title h2{font-size:15px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-title p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{gap:4px}.preview-actions button{width:36px;height:36px;font-size:16px}.preview-content{padding:16px;min-height:300px}.preview-image{min-height:300px}.preview-image img{max-height:calc(95vh - 140px)}.preview-text{padding:12px}.preview-text pre{font-size:13px}.preview-placeholder{padding:40px 16px}.preview-placeholder i{font-size:64px;margin-bottom:16px}.preview-placeholder p{font-size:16px}.preview-placeholder small{font-size:13px}.file-icon-large{font-size:72px;margin-bottom:20px}.pdf-iframe{height:60vh}.video-player{max-height:60vh}.audio-player-wrapper{padding:20px}.audio-icon{font-size:48px}.text-content-wrapper{padding:12px}.text-preview{font-size:12px}}@media (max-width: 480px){.file-preview-overlay{padding:5px}.file-preview-modal{max-height:98vh}.preview-header{padding:10px 12px}.preview-title h2{font-size:14px}.preview-title p{font-size:10px}.preview-actions button{width:32px;height:32px;font-size:14px}.preview-content{padding:12px;min-height:250px}.preview-image{min-height:250px}.preview-image img{max-height:calc(98vh - 120px)}.preview-text{padding:10px}.preview-text pre{font-size:12px}.preview-placeholder{padding:30px 12px}.preview-placeholder i{font-size:48px;margin-bottom:12px}.preview-placeholder p{font-size:14px}.preview-placeholder small{font-size:12px}.file-icon-large{font-size:56px;margin-bottom:16px}.pdf-iframe{height:55vh}.video-player{max-height:55vh}.audio-player-wrapper{padding:16px}.audio-icon{font-size:40px}.text-content-wrapper{padding:10px}.text-preview{font-size:11px}}.recycle-bin-container{padding:0;background-color:var(--bg-primary);min-height:calc(100vh - 80px);width:100%;display:flex;flex-direction:column;font-family:inherit;transition:background-color var(--transition-base)}.recycle-bin-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 32px 12px;background-color:var(--bg-primary);border-bottom:none;transition:background-color var(--transition-base)}.command-bar-group{display:flex;align-items:center;gap:4px;flex:1}.personal-vault-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--text-primary);padding:6px 8px;border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-base);margin:0 2px}.personal-vault-toggle:hover{background-color:var(--bg-hover)}.empty-recycle-bin-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;background-color:transparent;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-base);font-family:inherit;white-space:nowrap;margin:0 2px;min-width:40px}.empty-recycle-bin-btn:hover:not(:disabled){background-color:var(--bg-hover)}.empty-recycle-bin-btn:disabled{opacity:.5;cursor:not-allowed}.empty-bin-icon,.vault-icon,.ellipsis-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-base)}.recycle-bin-title{font-size:32px;font-weight:600;color:#111827;margin:0;padding:24px 32px 0;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:color var(--transition-base);letter-spacing:-.02em}[data-theme=dark] .recycle-bin-title{color:var(--text-primary)}.recycle-bin-table-header{padding:0 32px;margin-top:20px;background-color:var(--bg-primary);transition:background-color var(--transition-base)}.recycle-bin-table-wrapper{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:auto;transition:background-color var(--transition-base),border-color var(--transition-base);box-shadow:0 1px 3px #0000000d}[data-theme=dark] .recycle-bin-table-wrapper{background-color:var(--bg-secondary);border-color:var(--border-color-medium)}.recycle-bin-table{width:100%;border-collapse:collapse;background-color:transparent;table-layout:auto;display:table;transition:background-color var(--transition-base)}.recycle-bin-table thead{display:table-header-group;position:sticky;top:0;z-index:10}.recycle-bin-table tbody{display:table-row-group;background-color:transparent;transition:background-color var(--transition-base)}.recycle-bin-table tr{display:table-row}.recycle-bin-table th,.recycle-bin-table td{display:table-cell}.table-header-row{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;height:44px;margin:0;transition:background-color var(--transition-base),border-color var(--transition-base)}[data-theme=dark] .table-header-row{background-color:var(--bg-hover);border-bottom-color:var(--border-color-light)}.table-header-cell{padding:12px 20px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:none;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;vertical-align:middle;transition:color var(--transition-base);letter-spacing:-.01em}[data-theme=dark] .table-header-cell{color:var(--text-primary)}.table-header-cell:first-child{padding-left:16px}.table-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.table-header-cell.sortable:hover{background-color:#00000008}[data-theme=dark] .table-header-cell.sortable:hover{background-color:var(--bg-active)}.header-icon{width:16px;height:16px;color:#6b7280;vertical-align:middle;margin-right:8px;display:inline-block;transition:color var(--transition-base)}[data-theme=dark] .header-icon{color:var(--text-primary)}.sort-icon{width:14px;height:14px;color:#9ca3af;margin-left:6px;vertical-align:middle;display:inline-block;transition:color var(--transition-base)}[data-theme=dark] .sort-icon{color:var(--text-primary)}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color var(--transition-fast),border-color var(--transition-base);background-color:#fff}[data-theme=dark] .table-row{background-color:var(--bg-secondary);border-bottom-color:var(--border-color-light)}.table-row:hover{background-color:#f9fafb}[data-theme=dark] .table-row:hover{background-color:var(--bg-hover)}.table-row.selected{background-color:#eff6ff}[data-theme=dark] .table-row.selected{background-color:var(--bg-active)}.table-row.selected:hover{background-color:#dbeafe}[data-theme=dark] .table-row.selected:hover{background-color:var(--bg-active)}.table-cell{padding:16px 20px;font-size:14px;color:#374151;vertical-align:middle;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:color var(--transition-base);line-height:1.5}[data-theme=dark] .table-cell{color:var(--text-primary)}.table-cell svg{color:#6b7280}[data-theme=dark] .table-cell svg{color:var(--text-secondary)}.recycle-bin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;min-height:calc(100vh - 300px);flex:1;background-color:var(--bg-primary);transition:background-color var(--transition-base)}.empty-state-icon{margin-bottom:24px;display:flex;align-items:center;justify-content:center;width:100%}.empty-state-icon img{max-width:280px;width:100%;height:auto;object-fit:contain}.empty-state-text{font-size:16px;color:var(--text-secondary);margin:0;font-weight:400;font-family:inherit;transition:color var(--transition-base)}.recycle-bin-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.recycle-bin-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;transition:background var(--transition-base)}[data-theme=dark] .recycle-bin-table-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track)}.recycle-bin-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px;transition:background var(--transition-base)}[data-theme=dark] .recycle-bin-table-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.recycle-bin-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}[data-theme=dark] .recycle-bin-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 1024px){.recycle-bin-top-bar{padding:10px 24px}.recycle-bin-title{font-size:26px;padding:18px 24px 0}.recycle-bin-table-header{padding:0 24px}.table-header-cell,.table-cell{padding:10px 14px;font-size:13px}.personal-vault-toggle,.empty-recycle-bin-btn{font-size:13px;padding:5px 7px}.sort-btn-top,.view-btn,.details-btn-top{font-size:13px;padding:3px 6px}}@media (max-width: 768px){.recycle-bin-container{padding:0}.recycle-bin-top-bar{padding:12px 16px;flex-wrap:wrap;gap:10px;flex-direction:column;align-items:flex-start}.recycle-bin-title{font-size:22px;padding:14px 16px 0}.recycle-bin-table-header{padding:0 16px}.recycle-bin-table-wrapper{max-height:calc(100vh - 220px);overflow-x:auto}.recycle-bin-table{min-width:600px}.table-header-row{height:36px}.table-header-cell,.table-cell{padding:8px 10px;font-size:12px}.command-bar-group{flex-wrap:wrap;gap:6px}.personal-vault-toggle,.empty-recycle-bin-btn{font-size:12px;padding:4px 6px}.vault-icon,.ellipsis-icon,.empty-bin-icon{width:14px;height:14px}.top-bar-controls{flex-wrap:wrap;gap:6px;width:100%;justify-content:flex-start}.sort-btn-top,.view-btn,.details-btn-top{font-size:12px;padding:4px 6px;gap:3px}.sort-icon-top,.view-icon,.details-icon-top{width:14px;height:14px}.dropdown-icon{width:8px;height:8px}.recycle-bin-empty{padding:60px 16px;min-height:calc(100vh - 280px)}.empty-state-icon img{max-width:240px}.empty-state-text{font-size:15px}.btn-restore,.btn-delete{padding:3px 10px;font-size:12px}}@media (max-width: 480px){.recycle-bin-top-bar{padding:10px 12px;gap:8px}.recycle-bin-title{font-size:20px;padding:12px 12px 0}.recycle-bin-table-header{padding:0 12px}.recycle-bin-table-wrapper{max-height:calc(100vh - 200px)}.table-header-cell,.table-cell{padding:6px 8px;font-size:11px}.table-header-cell{font-size:11px}.header-icon,.sort-icon{width:12px;height:12px}.header-icon{margin-right:4px}.sort-icon{margin-left:4px}.personal-vault-toggle,.empty-recycle-bin-btn{font-size:11px;padding:3px 5px}.vault-icon,.ellipsis-icon,.empty-bin-icon{width:12px;height:12px}.sort-btn-top,.view-btn,.details-btn-top{font-size:11px;padding:3px 4px;gap:2px}.sort-icon-top,.view-icon,.details-icon-top{width:12px;height:12px}.dropdown-icon{width:7px;height:7px}.recycle-bin-empty{padding:50px 12px;min-height:calc(100vh - 260px)}.empty-state-icon img{max-width:200px}.empty-state-text{font-size:14px}.btn-restore,.btn-delete{padding:3px 8px;font-size:11px}}.btn-restore,.btn-delete{padding:6px 14px;font-size:13px;border:none;border-radius:6px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:all .15s ease;white-space:nowrap;font-weight:500}.btn-restore{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}[data-theme=dark] .btn-restore{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color-medium)}.btn-restore:hover{background-color:#e5e7eb;border-color:#d1d5db}[data-theme=dark] .btn-restore:hover{background-color:var(--bg-active)}.btn-delete{background-color:transparent;color:#6b7280;border:1px solid transparent}[data-theme=dark] .btn-delete{color:var(--text-secondary)}.btn-delete:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}[data-theme=dark] .btn-delete:hover{background-color:#dc26261a;color:#ef4444;border-color:#dc26264d}.checkbox-header,.checkbox-cell{width:48px;text-align:center;padding:12px 8px!important}.select-all-checkbox-label,.row-checkbox-label{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:20px;height:20px;margin:0}.select-all-checkbox-input,.row-checkbox-input{position:absolute;opacity:0;cursor:pointer;width:20px;height:20px;margin:0}.circular-checkbox-checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:transparent;border:2px solid #d1d5db;border-radius:50%;transition:all .15s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}[data-theme=dark] .circular-checkbox-checkmark{border-color:#4b5563}.select-all-checkbox-label:hover .circular-checkbox-checkmark,.row-checkbox-label:hover .circular-checkbox-checkmark{border-color:#3b82f6}.select-all-checkbox-input:checked~.circular-checkbox-checkmark,.row-checkbox-input:checked~.circular-checkbox-checkmark{background-color:#3b82f6;border-color:#3b82f6}.circular-checkbox-checkmark svg{width:12px;height:12px}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}.selected-count{font-size:14px;font-weight:500;color:var(--text-primary);transition:color var(--transition-base)}.bulk-actions-buttons{display:flex;align-items:center;gap:8px}.btn-bulk-restore,.btn-bulk-delete,.btn-clear-selection{padding:6px 12px;font-size:14px;border:none;border-radius:4px;cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast),color var(--transition-base);white-space:nowrap;font-weight:500}.btn-bulk-restore{background-color:var(--accent-primary);color:#fff}.btn-bulk-restore:hover{background-color:#005a9e}.btn-bulk-delete{background-color:transparent;color:#d13438;border:1px solid #d13438}.btn-bulk-delete:hover{background-color:#d13438;color:#fff}.btn-clear-selection{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color-medium)}.btn-clear-selection:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color-hover)}.selection-command-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:#fff;border-radius:12px;box-shadow:0 3.2px 7.2px #0002,0 .6px 1.8px #0000001c;gap:16px;max-width:100%;flex:1;transition:background-color var(--transition-base),box-shadow var(--transition-base);animation:slideIn .267s ease both}[data-theme=dark] .selection-command-bar{background-color:var(--bg-secondary);box-shadow:0 3.2px 7.2px #0006,0 .6px 1.8px #0000004d}.command-bar-primary{display:flex;align-items:center;gap:4px;flex-shrink:0}.command-bar-secondary{display:flex;align-items:center;gap:8px}.command-bar-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background-color:transparent;border:none;border-radius:4px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#141414;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-base);white-space:nowrap;min-height:40px;margin:0 2px}[data-theme=dark] .command-bar-btn{color:var(--text-primary)}.command-bar-btn:hover{background-color:#0000000d}[data-theme=dark] .command-bar-btn:hover{background-color:var(--bg-hover)}.command-bar-btn:active{background-color:#00000014}[data-theme=dark] .command-bar-btn:active{background-color:var(--bg-active)}.command-bar-icon{width:16px;height:16px;color:currentColor;flex-shrink:0}.command-bar-btn-selection{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background-color:transparent;border:.8px solid #d1d1d1;border-radius:16px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#141414;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:34px}[data-theme=dark] .command-bar-btn-selection{color:var(--text-primary);border-color:var(--border-color-medium)}.command-bar-btn-selection:hover{background-color:#00000008;border-color:#b3b3b3}[data-theme=dark] .command-bar-btn-selection:hover{background-color:var(--bg-hover);border-color:var(--border-color-hover)}.selection-count-text{font-weight:400;letter-spacing:-.01em}@media (max-width: 768px){.selection-command-bar{padding:6px 10px;gap:10px;border-radius:10px}.command-bar-btn{padding:6px 10px;font-size:13px;min-height:36px}.command-bar-btn span{display:none}.command-bar-btn-selection{padding:6px 12px;font-size:13px;min-height:32px}.command-bar-icon{width:14px;height:14px}}@media (max-width: 480px){.selection-command-bar{padding:5px 8px;gap:8px;border-radius:8px}.command-bar-btn{padding:5px 8px;font-size:12px;min-height:32px}.command-bar-btn-selection{padding:5px 10px;font-size:12px;min-height:30px;border-radius:14px}.command-bar-icon{width:13px;height:13px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-secondary);border-radius:8px;width:90%;max-width:480px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.modal-overlay.create-folder-overlay{align-items:center;justify-content:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color-light);transition:border-color var(--transition-base)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;transition:color var(--transition-base)}.btn-close{background:none;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:16px;transition:background-color var(--transition-fast),color var(--transition-base)}.btn-close:hover{background-color:var(--bg-hover)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color-light);transition:border-color var(--transition-base)}.btn-secondary{padding:10px 20px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color-hover);border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-primary)}.btn-primary{padding:10px 20px;background-color:#0078d4;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:#005a9e}.btn-primary:active{background-color:#004578}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.form-group input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d0d0d0;border-radius:2px;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-base),color var(--transition-base);box-sizing:border-box}.form-group input:focus{outline:none;border-color:#0078d4;border-width:2px;padding:9px 11px}.error-message{color:#d13438;font-size:13px;margin-bottom:16px;padding:8px 12px;background-color:#fef0f0;border-left:3px solid #d13438;border-radius:4px}.rename-modal{max-width:440px}.rename-modal .modal-header{padding:16px 20px;border-bottom:none}.rename-modal .modal-header h2{font-size:20px;font-weight:600}.rename-modal .btn-close{display:flex;align-items:center;justify-content:center;padding:4px}.rename-modal .btn-close svg{width:20px;height:20px}.rename-modal .modal-body{padding:20px 20px 16px}.rename-modal .modal-footer{padding:12px 20px 20px;border-top:none;justify-content:flex-end;display:flex;gap:8px}.rename-modal .btn-primary{min-width:auto;width:auto;padding:8px 24px;font-size:14px}.rename-modal .form-group input{background-color:var(--bg-secondary);color:var(--text-primary)}.create-folder-modal{max-width:520px}.create-folder-modal .modal-header{border-bottom:none;padding:24px 24px 20px}.create-folder-modal .modal-header h2{font-size:20px;font-weight:600;color:#000}.create-folder-modal .btn-close{color:#000}.create-folder-modal .modal-body{padding:0 24px 24px}.create-folder-modal .form-group{margin-bottom:0}.create-folder-modal .form-group input{background-color:#fff;border:2px solid #0078d4;border-radius:2px;color:#000!important;padding:12px 16px;font-size:15px}.create-folder-modal .form-group input::placeholder{color:#000;opacity:.6}.create-folder-modal .form-group input:focus{border-color:#0078d4;border-width:2px;padding:12px 16px;color:#000!important}.create-folder-modal .modal-footer{border-top:none;padding:0 24px 24px;justify-content:flex-end}.create-folder-modal .btn-primary{padding:8px 20px;font-size:14px;border-radius:2px;min-width:auto}.buy-storage-modal{max-width:600px}.buy-storage-modal .modal-header{padding:24px 24px 20px;border-bottom:1px solid var(--border-color-light)}.buy-storage-modal .modal-header h2{font-size:20px;font-weight:600}.buy-storage-modal .btn-close{display:flex;align-items:center;justify-content:center;padding:4px}.buy-storage-modal .btn-close svg{width:20px;height:20px}.buy-storage-modal .modal-body{padding:24px}.storage-modal-content{text-align:center}.storage-modal-icon{margin-bottom:20px;display:flex;justify-content:center}.storage-modal-diamond-icon{width:64px;height:64px}.storage-modal-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px;transition:color var(--transition-base)}.storage-modal-description{font-size:14px;color:var(--text-secondary);margin:0 0 32px;line-height:1.5;transition:color var(--transition-base)}.storage-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.storage-plan{position:relative;padding:20px;border:2px solid var(--border-color-light);border-radius:8px;background-color:var(--bg-secondary);transition:all var(--transition-fast)}.storage-plan:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0078d41a}.storage-plan.featured{border-color:var(--accent-primary);background-color:#0078d40d}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-header{margin-bottom:16px}.plan-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px;transition:color var(--transition-base)}.plan-price{display:block;font-size:18px;font-weight:600;color:var(--accent-primary);margin-bottom:4px}.plan-features{list-style:none;padding:0;margin:0;text-align:left}.plan-features li{font-size:13px;color:var(--text-secondary);padding:6px 0;transition:color var(--transition-base)}.plan-features li:before{content:"✓ ";color:var(--accent-primary);font-weight:700;margin-right:8px}.buy-storage-modal .modal-footer{padding:20px 24px;border-top:1px solid var(--border-color-light)}.toast{position:fixed;top:20px;right:20px;background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:12px 16px;min-width:300px;max-width:400px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:99999!important;animation:slideInFromTop .3s ease-out;border-left:4px solid #0078d4}.toast-content{display:flex;align-items:center;gap:8px;flex:1}.toast-icon{font-size:18px;font-weight:700;color:#107c10;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#107c10}.toast-error .toast-icon{color:#d13438}.toast-info .toast-icon{color:#0078d4}.toast-message{font-size:14px;color:#323130;flex:1}.toast-close{background:none;border:none;font-size:20px;color:#605e5c;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .1s}.toast-close:hover{background-color:#f3f2f1}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal.onedrive-style{max-width:520px;border-radius:4px}.share-modal.onedrive-style .share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1dfdd}.share-modal.onedrive-style .share-modal-header h2{font-size:20px;font-weight:600;color:#323130;margin:0}.share-header-actions{display:flex;gap:8px}.share-header-actions .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;color:#605e5c;transition:background-color .1s}.share-header-actions .btn-icon:hover{background-color:#f3f2f1}.share-header-actions .btn-icon svg{width:16px;height:16px}.share-modal-body{padding:20px}.share-form{display:flex;flex-direction:column;gap:16px}.share-permission-section{margin-bottom:8px}.permission-selector-inline{display:flex;gap:8px}.permission-option{padding:6px 12px;border:1px solid #e1dfdd;background:#fff;border-radius:2px;cursor:pointer;font-size:13px;color:#323130;transition:all .1s}.permission-option:hover{background-color:#f3f2f1;border-color:#c8c6c4}.permission-option.active{background-color:#0078d4;color:#fff;border-color:#0078d4}.permission-option.active:hover{background-color:#106ebe}.permission-selector-inline{display:flex;align-items:center}.permission-btn-inline{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;color:#323130;font-size:13px;cursor:pointer;border-radius:2px;transition:background-color .1s}.permission-btn-inline:hover{background-color:#f3f2f1}.permission-btn-inline svg{width:14px;height:14px;color:#605e5c}.permission-btn-inline span{font-size:13px}.permission-btn-inline .link-chevron{width:12px;height:12px;color:#605e5c}.share-recipient-input{position:relative;margin-bottom:12px}.recipient-input-wrapper{display:flex;align-items:center;border:none;border-bottom:2px solid #0078d4;border-radius:0;padding:8px 0;background:transparent;transition:border-color .1s}.recipient-input-wrapper:focus-within{border-bottom-color:#0078d4;border-bottom-width:2px}.input-divider{width:1px;height:20px;background-color:#e1dfdd;margin:0 8px}.input-icon{padding:0 8px 0 0;color:#605e5c;width:16px;height:16px;flex-shrink:0}.recipient-input{flex:1;border:none;outline:none;padding:0;font-size:14px;color:#323130;background:transparent}.recipient-input::placeholder{color:#a19f9d}.permission-selector{display:flex;align-items:center;border-left:1px solid #e1dfdd;padding-left:8px}.permission-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:none;border:none;cursor:pointer;font-size:14px;color:#323130;font-weight:400}.permission-btn svg{width:12px;height:12px}.permission-btn:hover{background-color:#f3f2f1;border-radius:2px}.permission-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e1dfdd;border-radius:2px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:150px}.permission-dropdown button{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#323130}.permission-dropdown button:hover{background-color:#f3f2f1}.permission-dropdown button.active{background-color:#edebe9;font-weight:500}.share-message-input{position:relative;display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e1dfdd}.message-icon{width:16px;height:16px;color:#605e5c;margin-top:2px;flex-shrink:0}.message-textarea{flex:1;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;color:#323130;resize:vertical;background:transparent;min-height:60px}.message-textarea::placeholder{color:#a19f9d}.share-link-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#faf9f8;border-radius:2px;font-size:13px;color:#605e5c}.share-link-info.clickable{cursor:pointer;transition:background-color .1s}.share-link-info.clickable:hover{background-color:#f3f2f1}.link-icon{font-size:16px}.link-text{flex:1}.link-chevron{width:12px;height:12px;color:#605e5c;transition:transform .2s}.share-link-info.clickable:hover .link-chevron{color:#323130}.link-settings-panel{margin-top:8px;padding:16px;background:#fff;border:1px solid #e1dfdd;border-radius:2px;box-shadow:0 2px 8px #00000026;z-index:1000}.link-settings-header{font-size:14px;font-weight:600;color:#323130;margin-bottom:16px}.link-setting-item{margin-bottom:12px}.link-setting-item:last-child{margin-bottom:16px}.link-setting-item label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#323130}.link-setting-item:first-child label{flex-direction:row;align-items:center;gap:8px}.link-setting-item label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.link-setting-item label input[type=date]{padding:6px 8px;border:1px solid #8a8886;border-radius:2px;font-size:13px;color:#323130;background:#fff;margin-top:4px;cursor:pointer}.link-setting-item label input[type=date]:focus{outline:none;border-color:#0078d4;border-width:2px;padding:5px 7px}.btn-remove-expiry{margin-top:4px;padding:4px 8px;background-color:transparent;color:#605e5c;border:1px solid #e1dfdd;border-radius:2px;font-size:12px;cursor:pointer;transition:all .1s}.btn-remove-expiry:hover{background-color:#f3f2f1;color:#323130}.btn-save-link-settings{margin-top:8px;padding:8px 16px;background-color:#0078d4;color:#fff;border:none;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .1s}.btn-save-link-settings:hover{background-color:#005a9e}.people-with-access{margin-top:8px;padding-top:16px;border-top:1px solid #e1dfdd}.people-header{font-size:13px;font-weight:600;color:#323130;margin-bottom:12px}.person-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.person-info{display:flex;align-items:center;gap:12px;flex:1}.person-avatar{width:32px;height:32px;border-radius:50%;background:#0078d4;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.person-details{flex:1;min-width:0}.person-name{font-size:14px;font-weight:400;color:#323130;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-email{font-size:12px;color:#605e5c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-person{width:24px;height:24px;border:none;background:none;color:#605e5c;font-size:20px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:background-color .1s}.btn-remove-person:hover{background-color:#f3f2f1}.share-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid #e1dfdd}.btn-copy-link-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#0078d4;border:none;color:#fff;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .1s;width:100%}.btn-copy-link-primary:hover{background-color:#106ebe}.btn-copy-link-primary:disabled{background-color:#c8c6c4;cursor:not-allowed}.btn-copy-link-primary svg{width:16px;height:16px}.btn-copy-link-outline{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #0078d4;color:#0078d4;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;transition:all .1s}.btn-copy-link-outline:hover{background-color:#f3f9ff}.btn-copy-link-outline svg{width:16px;height:16px}.btn-send{display:flex;align-items:center;gap:6px;padding:8px 20px;background:#0078d4;border:none;color:#fff;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .1s}.btn-send:hover:not(:disabled){background-color:#005a9e}.btn-send:disabled{opacity:.6;cursor:not-allowed}.btn-send svg{width:16px;height:16px}.error-message{color:#d13438;font-size:13px;margin-bottom:12px;padding:8px 12px;background-color:#fef0f0;border-left:3px solid #d13438;border-radius:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.move-to-modal{background:#fff;border-radius:8px;width:90%;max-width:540px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1e1e1}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#323130}.close-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#605e5c;transition:all .2s}.close-btn:hover{background:#f3f2f1;color:#323130}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:300px;max-height:500px}.destination-info{margin-bottom:16px}.info-text{margin:0;font-size:14px;color:#605e5c;line-height:1.5}.folder-tree-container{border:1px solid #e1e1e1;border-radius:4px;background:#fafafa;overflow:hidden}.folder-tree-item{position:relative}.folder-row{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;position:relative;background:#fff;border-bottom:1px solid #f3f2f1}.folder-row:hover:not(.disabled){background:#f3f2f1}.folder-row.selected{background:#e3f2fd;border-left:3px solid #0078d4}.folder-row.selected:hover{background:#d1e9f6}.folder-row.disabled{opacity:.5;cursor:not-allowed;background:#fafafa}.folder-row.root-folder{font-weight:500;border-bottom:2px solid #e1e1e1}.expand-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#605e5c;margin-right:4px;border-radius:2px;transition:all .15s}.expand-btn:hover:not(:disabled){background:#0000000d;color:#323130}.expand-btn:disabled{cursor:not-allowed}.expand-placeholder{width:20px;height:20px;margin-right:4px;display:inline-block}.folder-icon{font-size:20px;color:#ffb900;margin-right:8px;flex-shrink:0}.folder-row.root-folder .folder-icon{color:#0078d4}.folder-name{flex:1;font-size:14px;color:#323130;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkmark-icon{font-size:16px;color:#0078d4;margin-left:8px;flex-shrink:0}.folder-children{background:#fff}.empty-folders{padding:40px 20px;text-align:center}.empty-folders p{margin:0;color:#a19f9d;font-size:14px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e1e1e1;background:#fafafa}.btn-primary,.btn-secondary{padding:8px 20px;font-size:14px;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .2s;min-width:80px}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover:not(:disabled){background:#106ebe}.btn-primary:disabled{background:#c8c6c4;cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;color:#323130;border:1px solid #8a8886}.btn-secondary:hover:not(:disabled){background:#f3f2f1;border-color:#323130}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f2f1}.modal-body::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a19f9d}@media (prefers-color-scheme: dark){.move-to-modal{background:#292929}.modal-header{border-bottom-color:#3b3b3b}.modal-header h2{color:#fff}.close-btn{color:#c8c6c4}.close-btn:hover{background:#3b3b3b;color:#fff}.info-text{color:#c8c6c4}.folder-tree-container{border-color:#3b3b3b;background:#1f1f1f}.folder-row{background:#292929;border-bottom-color:#3b3b3b}.folder-row:hover:not(.disabled){background:#3b3b3b}.folder-row.selected{background:#1a3a52;border-left-color:#0078d4}.folder-row.selected:hover{background:#1e4567}.folder-row.disabled{background:#1f1f1f}.folder-row.root-folder{border-bottom-color:#3b3b3b}.folder-name{color:#fff}.expand-btn{color:#c8c6c4}.expand-btn:hover:not(:disabled){background:#ffffff0d;color:#fff}.folder-children{background:#292929}.empty-folders p{color:#8a8886}.modal-footer{border-top-color:#3b3b3b;background:#1f1f1f}.btn-secondary{background:#292929;color:#fff;border-color:#8a8886}.btn-secondary:hover:not(:disabled){background:#3b3b3b;border-color:#c8c6c4}.modal-body::-webkit-scrollbar-track{background:#1f1f1f}.modal-body::-webkit-scrollbar-thumb{background:#3b3b3b}.modal-body::-webkit-scrollbar-thumb:hover{background:#605e5c}}@media (max-width: 768px){.move-to-modal{width:95%;max-height:90vh}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px}.folder-row{padding:12px 10px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:14px}}.copy-to-modal{background:#fff;border-radius:8px;width:90%;max-width:540px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.copy-to-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e1e1e1}.copy-to-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#323130}.copy-to-modal .close-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#605e5c;transition:all .2s}.copy-to-modal .close-btn:hover{background:#f3f2f1;color:#323130}.copy-to-modal .modal-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:300px;max-height:500px}.copy-to-modal .destination-info{margin-bottom:16px}.copy-to-modal .info-text{margin:0;font-size:14px;color:#605e5c;line-height:1.5}.copy-to-modal .folder-tree-container{border:1px solid #e1e1e1;border-radius:4px;background:#fafafa;overflow:hidden}.copy-to-modal .folder-tree-item{position:relative}.copy-to-modal .folder-row{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;position:relative;background:#fff;border-bottom:1px solid #f3f2f1}.copy-to-modal .folder-row:hover:not(.disabled){background:#f3f2f1}.copy-to-modal .folder-row.selected{background:#e3f2fd;border-left:3px solid #0078d4}.copy-to-modal .folder-row.selected:hover{background:#d1e9f6}.copy-to-modal .folder-row.disabled{opacity:.5;cursor:not-allowed;background:#fafafa}.copy-to-modal .folder-row.root-folder{font-weight:500;border-bottom:2px solid #e1e1e1}.copy-to-modal .expand-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#605e5c;margin-right:4px;border-radius:2px;transition:all .15s}.copy-to-modal .expand-btn:hover:not(:disabled){background:#0000000d;color:#323130}.copy-to-modal .expand-btn:disabled{cursor:not-allowed}.copy-to-modal .expand-placeholder{width:20px;height:20px;margin-right:4px;display:inline-block}.copy-to-modal .folder-icon{font-size:20px;color:#ffb900;margin-right:8px;flex-shrink:0}.copy-to-modal .folder-row.root-folder .folder-icon{color:#0078d4}.copy-to-modal .folder-name{flex:1;font-size:14px;color:#323130;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-to-modal .checkmark-icon{font-size:16px;color:#0078d4;margin-left:8px;flex-shrink:0}.copy-to-modal .folder-children{background:#fff}.copy-to-modal .empty-folders{padding:40px 20px;text-align:center}.copy-to-modal .empty-folders p{margin:0;color:#a19f9d;font-size:14px}.copy-to-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e1e1e1;background:#fafafa}.copy-to-modal .btn-primary,.copy-to-modal .btn-secondary{padding:8px 20px;font-size:14px;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .2s;min-width:80px}.copy-to-modal .btn-primary{background:#0078d4;color:#fff}.copy-to-modal .btn-primary:hover:not(:disabled){background:#106ebe}.copy-to-modal .btn-primary:disabled{background:#c8c6c4;cursor:not-allowed;opacity:.6}.copy-to-modal .btn-secondary{background:#fff;color:#323130;border:1px solid #8a8886}.copy-to-modal .btn-secondary:hover:not(:disabled){background:#f3f2f1;border-color:#323130}.copy-to-modal .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.copy-to-modal .modal-body::-webkit-scrollbar{width:8px}.copy-to-modal .modal-body::-webkit-scrollbar-track{background:#f3f2f1}.copy-to-modal .modal-body::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:4px}.copy-to-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#a19f9d}@media (prefers-color-scheme: dark){.copy-to-modal{background:#292929}.copy-to-modal .modal-header{border-bottom-color:#3b3b3b}.copy-to-modal .modal-header h2{color:#fff}.copy-to-modal .close-btn{color:#c8c6c4}.copy-to-modal .close-btn:hover{background:#3b3b3b;color:#fff}.copy-to-modal .info-text{color:#c8c6c4}.copy-to-modal .folder-tree-container{border-color:#3b3b3b;background:#1f1f1f}.copy-to-modal .folder-row{background:#292929;border-bottom-color:#3b3b3b}.copy-to-modal .folder-row:hover:not(.disabled){background:#3b3b3b}.copy-to-modal .folder-row.selected{background:#1a3a52;border-left-color:#0078d4}.copy-to-modal .folder-row.selected:hover{background:#1e4567}.copy-to-modal .folder-row.disabled{background:#1f1f1f}.copy-to-modal .folder-row.root-folder{border-bottom-color:#3b3b3b}.copy-to-modal .folder-name{color:#fff}.copy-to-modal .expand-btn{color:#c8c6c4}.copy-to-modal .expand-btn:hover:not(:disabled){background:#ffffff0d;color:#fff}.copy-to-modal .folder-children{background:#292929}.copy-to-modal .empty-folders p{color:#8a8886}.copy-to-modal .modal-footer{border-top-color:#3b3b3b;background:#1f1f1f}.copy-to-modal .btn-secondary{background:#292929;color:#fff;border-color:#8a8886}.copy-to-modal .btn-secondary:hover:not(:disabled){background:#3b3b3b;border-color:#c8c6c4}.copy-to-modal .modal-body::-webkit-scrollbar-track{background:#1f1f1f}.copy-to-modal .modal-body::-webkit-scrollbar-thumb{background:#3b3b3b}.copy-to-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#605e5c}}@media (max-width: 768px){.copy-to-modal{width:95%;max-height:90vh}.copy-to-modal .modal-header{padding:16px 20px}.copy-to-modal .modal-header h2{font-size:18px}.copy-to-modal .modal-body{padding:16px 20px}.copy-to-modal .modal-footer{padding:12px 20px}.copy-to-modal .folder-row{padding:12px 10px}.copy-to-modal .btn-primary,.copy-to-modal .btn-secondary{padding:10px 16px;font-size:14px}}.command-bar-container{position:relative;width:100%;height:64px;margin-top:10px;margin-bottom:20px}.command-bar-wrapper{position:relative;display:flex;align-items:center;width:100%;height:52px;padding:0 16px}.command-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 10px 0 6px;background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);animation:slideIn .267s ease;transition:background-color var(--transition-base),box-shadow var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.command-bar-primary{display:flex;align-items:center;gap:4px;flex:1}.command-bar-secondary{display:flex;align-items:center;gap:4px}.command-bar-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:4px;background-color:transparent;color:var(--text-primary);font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:400;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color var(--transition-base)}.command-bar-btn:hover{background-color:var(--bg-hover)}.command-bar-btn:active{background-color:var(--bg-active)}.command-bar-btn svg{width:16px;height:16px}.command-bar-btn span{line-height:14px}.selection-btn{border:.8px solid var(--border-color-medium);border-radius:20px;padding:8px 10px 8px 8px;position:relative;margin-right:25px;background-color:var(--bg-hover);transition:border-color var(--transition-base),background-color var(--transition-base)}.selection-btn:before{content:"";position:absolute;width:1px;height:24px;right:-17px;top:4px;background-color:var(--border-color-medium);transition:background-color var(--transition-base)}.selection-btn svg{width:12px;height:12px}.chevron-icon{width:12px!important;height:12px!important}.sort-dropdown-wrapper{position:relative}@media (max-width: 1024px){.command-bar-btn span{display:none}.selection-btn span{display:inline}.command-bar-btn{padding:8px}}@media (max-width: 768px){.command-bar{padding:0 6px}.command-bar-primary{gap:2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.command-bar-primary::-webkit-scrollbar{display:none}.command-bar-secondary{gap:2px;flex-shrink:0}.command-bar-btn{padding:6px;white-space:nowrap}.command-bar-btn span{display:none}.selection-btn{margin-right:10px}.selection-btn:before{right:-8px}.selection-btn span{display:inline}}@media (max-width: 480px){.command-bar{padding:0 4px;height:48px}.command-bar-wrapper{height:48px;padding:0 12px}.command-bar-btn{padding:4px;min-width:32px}.command-bar-btn svg{width:14px;height:14px}.selection-btn{padding:6px 8px;margin-right:8px}.selection-btn svg{width:10px;height:10px}.selection-btn:before{right:-6px;height:20px}}.filter-bar-container{display:flex;align-items:center;width:100%;height:52px;margin-top:16px;font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#616161;flex-wrap:wrap}.filter-bar-title{display:block;margin:0 16px 0 8px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;font-weight:600;line-height:28px;color:#616161}.filter-bar-content{display:flex;flex:1 1 0%;flex-direction:row;flex-wrap:nowrap;margin-left:8px}.filter-buttons-group{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;border-radius:18px;gap:8px;align-items:center}.filter-button{display:flex;position:relative;align-items:center;justify-content:center;padding:0 20px;height:32px;border:1px solid rgb(209,209,209);border-radius:18px;background-color:#fff;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:500;text-align:center;white-space:nowrap;color:#242424;cursor:pointer;transition:all .2s ease;flex-shrink:1;gap:6px}.filter-button:hover{background-color:#00000008}.filter-button-active{background-color:#ebf3fc;border:2px solid rgb(15,108,189);padding:0 20px;font-weight:600}.filter-button-active:before{display:none}.filter-button-icon{width:16px;height:16px;flex-shrink:0}.filter-button span{display:flex;align-items:center;margin-bottom:2px}.filter-search-box{display:flex;align-items:center;flex:0 1 auto;padding:0 16px;height:32px;border:.8px solid rgb(209,209,209);border-radius:16px;background-color:transparent;margin-left:auto}.filter-search-input{border:none;outline:none;background:transparent;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;color:#242424;width:240px;padding:1px 2px}.filter-search-input::placeholder{color:#616161;font-size:14px}.filter-search-input:focus{outline:none}@media (max-width: 1024px){.filter-bar-container{flex-wrap:wrap;height:auto;gap:12px;margin-top:12px}.filter-bar-title{font-size:15px;margin:0 12px 0 6px}.filter-bar-content{margin-left:6px}.filter-button{padding:0 16px;height:30px;font-size:13px}.filter-button-active{padding:0 16px}.filter-search-box{margin-left:0;width:100%}.filter-search-input{width:100%;font-size:13px}}@media (max-width: 768px){.filter-bar-container{gap:10px;margin-top:10px}.filter-bar-title{font-size:14px;margin:0 8px 0 4px;line-height:24px}.filter-bar-content{flex-direction:column;width:100%;margin-left:0;gap:10px}.filter-buttons-group{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding:4px 0}.filter-buttons-group::-webkit-scrollbar{display:none}.filter-button{padding:0 14px;height:28px;font-size:12px;flex-shrink:0}.filter-button-active{padding:0 14px}.filter-button-icon{width:14px;height:14px}.filter-search-box{width:100%;height:30px;padding:0 12px}.filter-search-input{font-size:13px;width:100%}}@media (max-width: 480px){.filter-bar-container{gap:8px;margin-top:8px}.filter-bar-title{font-size:13px;margin:0 6px 0 4px;line-height:22px}.filter-buttons-group{gap:4px}.filter-button{padding:0 12px;height:26px;font-size:11px;gap:4px}.filter-button-active{padding:0 12px}.filter-button-icon{width:12px;height:12px}.filter-search-box{height:28px;padding:0 10px}.filter-search-input{font-size:12px}}.file-details-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background-color:#fff;border-left:1px solid #e1e1e1;box-shadow:-2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column;animation:slideInFromRight .2s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.details-panel-header{padding:16px 20px;border-bottom:1px solid #edebe9;display:flex;align-items:center;gap:12px}.details-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#605e5c;border-radius:4px;transition:background-color .2s}.details-close-btn:hover{background-color:#f3f2f1}.details-close-btn svg{width:16px;height:16px}.details-panel-title{font-size:14px;font-weight:600;color:#323130;margin:0}.details-panel-content{padding:20px;overflow-y:auto;flex:1}.details-section{display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;color:#605e5c;text-transform:capitalize}.detail-value{font-size:14px;color:#323130;word-wrap:break-word}.file-type-value{font-weight:600;font-size:16px;color:#201f1e}.path-value{color:#0078d4;cursor:pointer}.path-value:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.file-details-panel{background-color:#1e1e1e;border-left-color:#3b3b3b}.details-panel-header{border-bottom-color:#3b3b3b}.details-close-btn{color:#fff}.details-close-btn:hover{background-color:#2d2d2d}.details-panel-title{color:#fff}.detail-label{color:#b3b3b3}.detail-value,.file-type-value{color:#fff}}.photos-page{height:calc(100vh - 60px);background:linear-gradient(180deg,var(--photos-bg-gradient-start) 0%,var(--photos-bg-gradient-mid) 50%,var(--photos-bg-gradient-end) 100%);color:var(--photos-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px;overflow-x:hidden;overflow-y:hidden;width:100%;box-sizing:border-box}.photos-page:before{content:"";position:absolute;right:0;top:0;width:300px;height:100%;background:radial-gradient(circle,var(--photos-glow) 0%,transparent 70%);pointer-events:none}.photos-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1100px;width:100%;z-index:1;padding-top:0;flex:1;min-height:0}.photos-hero h1{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--photos-text-primary);letter-spacing:-.5px;line-height:1.2}.photos-stack{position:relative;width:100%;max-width:600px;margin:1rem auto 1.5rem;perspective:1000px;overflow:visible}.photos-stack:before{content:"";position:absolute;top:50%;left:-15%;transform:translate(-50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#2a72f2;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}.photos-stack:after{content:"";position:absolute;top:50%;right:-15%;transform:translate(50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#a36eff;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}:root.dark-theme .photos-stack:before{background-color:#2a72f2}:root.dark-theme .photos-stack:after{background-color:#a36eff}.photos-stack img{width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:16px;transition:transform .3s ease}.photo-card{width:100%;height:100%;object-fit:cover;border-radius:16px;position:absolute;box-shadow:0 20px 60px #00000080;transition:transform .3s ease,z-index .3s ease;cursor:pointer}.photo-left{transform:rotate(-12deg) translate(-40px) translateY(-20px);z-index:1;opacity:.85}.photo-center{z-index:2;transform:translateY(0)}.photo-right{transform:rotate(12deg) translate(40px) translateY(-20px);z-index:1;opacity:.85}.photo-card:hover{transform:scale(1.05);z-index:3;opacity:1}.photo-card:hover.photo-left{transform:rotate(-8deg) translate(-30px) translateY(-15px) scale(1.05)}.photo-card:hover.photo-right{transform:rotate(8deg) translate(30px) translateY(-15px) scale(1.05)}.photos-actions{display:flex;justify-content:center;gap:2rem;width:100%;max-width:700px;margin-bottom:1rem;flex-wrap:wrap}.action-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;transition:all .3s ease;cursor:pointer;max-width:100%}.action-card:hover{background-color:transparent}.action-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{width:20px;height:20px;color:#fff}.upload-icon{background:linear-gradient(135deg,#4b8ef1,#357abd)}.phone-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-text{display:flex;flex-direction:column;gap:2px;text-align:left}.action-text p{font-size:.9rem;font-weight:500;color:var(--photos-text-primary);margin:0}.action-link{background:none;border:none;color:#8b5cf6;text-decoration:none;font-size:.85rem;transition:color .2s;font-weight:500;cursor:pointer;padding:0;text-align:left;font-family:inherit}.action-link:hover{color:#a78bfa;text-decoration:underline}.photos-search-container{position:relative;display:flex;align-items:center;gap:0;z-index:100;width:auto;justify-content:center;margin-top:1rem;padding:0;border-radius:10000px;background:transparent;box-shadow:none;overflow:visible;min-width:44px;max-width:44px;transition:min-width .25s ease-in-out,max-width .25s ease-in-out,padding .25s ease-in-out}.photos-search-container:hover{min-width:324px;max-width:324px;padding:6px;background:#ffffffe6;box-shadow:var(--shadow-md);overflow:hidden}:root.dark-theme .photos-search-container{background:transparent}:root.dark-theme .photos-search-container:hover{background:#2d2d30f2}.add-photo-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(226deg,#0b6dffe6 2.62%,#8230ffe6 93.76%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2;margin:0;padding:0;box-shadow:0 2px 8px #00000026}.photos-search-container:hover .add-photo-btn{margin:0}.add-photo-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.add-photo-btn svg{width:24px;height:24px;color:#fff}.photos-search-bar{display:flex;align-items:center;gap:8px;background:#ffffffb3;padding:0 16px;border-radius:10000px;height:44px;flex:1;margin-left:16px;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;min-width:0;overflow:hidden}.photos-search-container:hover .photos-search-bar{opacity:1;pointer-events:all}:root.dark-theme .photos-search-bar{background:#3c3c41b3}.photos-search-bar svg{width:20px;height:20px;color:var(--photos-text-muted);flex-shrink:0}.photos-search-bar input{background:transparent;border:none;outline:none;color:var(--photos-search-text);font-size:14px;width:100%;white-space:nowrap}.photos-search-bar input::placeholder{color:var(--photos-search-placeholder)}@media (max-width: 1024px){.photos-page{padding:16px}.photos-hero h1{font-size:1.6rem;margin-bottom:1.5rem}.photos-stack{max-width:500px;margin:1rem auto 1.25rem}.photos-actions{gap:1.5rem;max-width:600px}.action-card{padding:.875rem}.action-icon{width:36px;height:36px}.action-text p{font-size:.85rem}.action-link{font-size:.8rem}}@media (max-width: 768px){.photos-page{padding:12px;height:calc(100vh - 56px)}.photos-hero{padding-top:20px}.photos-hero h1{font-size:1.5rem;margin-bottom:1.25rem}.photos-stack{max-width:400px;height:auto;max-height:250px;margin:.75rem auto 1.5rem}.photos-stack img,.photo-card{max-height:200px}.photos-actions{flex-direction:column;gap:1.25rem;align-items:center;width:100%;max-width:400px;margin-bottom:.75rem}.action-card{width:100%;max-width:300px;padding:.75rem;justify-content:center}.action-text{text-align:center}.action-link{text-align:center;width:100%}.photos-search-container{width:100%;max-width:324px;min-width:auto;max-width:auto;position:relative;margin-top:.5rem}.photos-search-container:hover{min-width:100%;max-width:100%}.photos-search-bar{width:100%;min-width:0}.mojj{flex-direction:column;gap:10px;align-items:center}}@media (max-width: 480px){.photos-page{padding:10px}.photos-hero{padding-top:10px}.photos-hero h1{font-size:1.25rem;margin-bottom:1rem}.h2{font-size:1.25rem}.h4{font-size:.875rem}.photos-stack{max-width:300px;max-height:200px;margin:.5rem auto 1rem}.photos-stack img,.photo-card{max-height:150px}.photos-actions{gap:1rem;margin-bottom:.5rem}.action-card{padding:.625rem;gap:.5rem}.action-icon{width:32px;height:32px}.action-icon svg{width:18px;height:18px}.action-text p{font-size:.8rem}.action-link{font-size:.75rem}.photos-search-container{max-width:280px}}.mojj{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--photos-text-primary);font-size:14px;margin-top:5px}.h2{color:var(--photos-text-primary);margin-bottom:8px;font-size:1.75rem}.h4{color:var(--photos-text-muted);margin-bottom:12px;font-size:.95rem}.dashboard{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;transition:background-color var(--transition-slow)}.dashboard-content{display:flex;flex:1;background-color:var(--bg-primary);overflow:hidden;transition:background-color var(--transition-slow)}.main-content{flex:1;overflow-y:auto;background-color:var(--bg-primary);height:100%;transition:background-color var(--transition-slow)}.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px}.home-empty-state h3{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0 0 40px;text-align:center;transition:color var(--transition-base)}.home-empty-illustration{display:flex;align-items:center;justify-content:center}.home-empty-image{width:250px;height:auto;max-width:100%}.files-container{max-width:100%;height:100%;display:flex;flex-direction:column;padding:20px 32px;background-color:var(--bg-primary);transition:background-color var(--transition-base)}.recycle-bin-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px;background-color:var(--bg-primary);border-bottom:none;transition:background-color var(--transition-base)}.command-bar-top-wrapper{margin-bottom:12px}.command-bar-top-wrapper .command-bar-container{margin-top:0;margin-bottom:0;height:auto}.command-bar-top-wrapper .command-bar-wrapper{padding:0;height:auto}.files-title-inline{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;padding:0;line-height:1.2;font-family:inherit;transition:color var(--transition-base)}.breadcrumbs-inline{display:flex;align-items:center;gap:8px;font-size:20px;flex-wrap:wrap}.top-bar-controls{display:flex;align-items:center;gap:8px}.sort-btn-top,.view-btn,.details-btn-top{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:transparent;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-base);border-radius:4px;font-family:inherit}.sort-btn-top:hover,.view-btn:hover,.details-btn-top:hover{background-color:var(--bg-hover)}.sort-icon-top,.view-icon,.details-icon-top{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-base)}.dropdown-icon{width:10px;height:10px;color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-base)}.sort-dropdown{position:relative}.sort-menu{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color-medium);border-radius:4px;box-shadow:var(--shadow-sm);min-width:160px;z-index:100;overflow:hidden;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.sort-menu button{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-base);font-family:inherit}.sort-menu button:hover{background-color:var(--bg-hover)}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.files-title{font-size:20px;font-weight:700;color:#000;margin:0;padding:20px 0 12px;line-height:1.2;font-family:inherit;transition:color var(--transition-base)}.files-container .recycle-bin-top-bar~.files-title{display:none}.files-container .command-bar-top-wrapper~.files-title{display:none}.files-header-actions{display:flex;align-items:center;gap:8px}.header-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:4px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-base)}.header-btn:hover{background-color:var(--bg-hover)}.header-btn i{font-size:16px;color:var(--text-secondary);transition:color var(--transition-base)}.files-white-box{background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.files-white-box .recent-view{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);transition:background-color var(--transition-base),border-color var(--transition-base)}.files-white-box .toolbar{display:none}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:inherit;flex-wrap:wrap;font-weight:inherit}.breadcrumb{color:#000;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-base);text-decoration:none;font-weight:400!important}.breadcrumb:hover{background-color:var(--bg-hover)}.breadcrumb-current{font-weight:700!important;cursor:default}.breadcrumb-current:hover{background-color:transparent}.separator{color:#000;transition:color var(--transition-base);-webkit-user-select:none;user-select:none;font-weight:400!important;margin:0 4px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-upload,.btn-action{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-upload:hover,.btn-action:hover{background-color:var(--accent-primary-hover)}.btn-action{background-color:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color-medium);transition:background-color var(--transition-fast),color var(--transition-base),border-color var(--transition-base)}.btn-action:hover{background-color:var(--bg-active)}.view-toggle{display:flex;gap:0;border:1px solid var(--border-color-medium);border-radius:4px;overflow:hidden;background-color:var(--bg-secondary);transition:border-color var(--transition-base),background-color var(--transition-base)}.view-toggle button{background:transparent;border:none;padding:6px 10px;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.view-toggle button i{font-size:14px}.view-toggle button:hover{background-color:var(--bg-hover)}.view-toggle button.active{background-color:var(--bg-active);color:var(--text-primary)}.action-bar{background-color:var(--bg-secondary);border-radius:8px;padding:8px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-fast),transform var(--transition-fast);opacity:1;transform:translateY(0);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-bar-left{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:transparent;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-base);border-radius:4px;font-family:inherit;white-space:nowrap}.action-btn:hover:not(:disabled){background-color:var(--bg-hover)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn svg{width:16px;height:16px;flex-shrink:0}.action-separator{width:1px;height:20px;background-color:var(--border-color-medium);margin:0 4px;transition:background-color var(--transition-base)}.selected-count-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;background-color:var(--bg-hover);border:1px solid var(--border-color-medium);border-radius:16px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-base),color var(--transition-base);font-family:inherit}.selected-count-btn:hover{background-color:var(--bg-active);border-color:var(--border-color-hover)}.selected-count-btn svg{width:14px;height:14px;flex-shrink:0}.view-toggle-btn{padding:4px}@media (max-width: 1024px){.dashboard-content{flex-direction:row}.main-content{padding:0}.files-container{padding:16px 24px}.files-title{font-size:18px;padding:16px 0 10px}.files-title-inline{font-size:18px}.breadcrumbs-inline{font-size:18px;gap:6px}.top-bar-controls{gap:6px}.sort-btn-top,.view-btn,.details-btn-top{font-size:13px;padding:3px 6px}}.sidebar-backdrop{display:none}@media (max-width: 768px){.sidebar-backdrop{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.dashboard-sidebar-open{overflow:hidden;height:100vh}.dashboard-content{flex-direction:row}.main-content{width:100%;margin-left:0}.files-container{padding:12px 16px}.files-title{font-size:16px;padding:12px 0 8px}.files-title-inline{font-size:16px}.breadcrumbs-inline{font-size:16px;gap:4px;flex-wrap:wrap}.breadcrumb{padding:2px 3px;font-size:14px}.separator{margin:0 2px;font-size:14px}.recycle-bin-top-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0}.top-bar-controls{width:100%;justify-content:flex-start;gap:4px;flex-wrap:wrap}.sort-btn-top,.view-btn,.details-btn-top{font-size:12px;padding:4px 6px}.sort-icon-top,.view-icon,.details-icon-top{width:14px;height:14px}.command-bar-top-wrapper{margin-bottom:8px}.command-bar-top-wrapper .command-bar-container{margin-bottom:0}.files-white-box{border-radius:4px}.action-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:6px 12px}.action-bar-left{width:100%;flex-wrap:wrap;gap:4px}.action-btn{padding:3px 6px;font-size:13px}.selected-count-btn{padding:3px 10px;font-size:13px}.home-empty-state{padding:30px 16px}.home-empty-state h3{font-size:18px;margin-bottom:30px}.home-empty-image{width:200px}.main-content{margin-left:0!important}}@media (max-width: 480px){.files-container{padding:10px 12px}.files-title{font-size:15px;padding:10px 0 6px}.files-title-inline{font-size:15px}.breadcrumbs-inline{font-size:14px}.breadcrumb,.separator{font-size:13px}.top-bar-controls{gap:3px}.sort-btn-top,.view-btn,.details-btn-top{font-size:11px;padding:3px 4px;gap:2px}.sort-icon-top,.view-icon,.details-icon-top{width:12px;height:12px}.dropdown-icon{width:8px;height:8px}.action-bar{padding:6px 10px}.action-btn{padding:2px 4px;font-size:12px}.action-btn svg{width:14px;height:14px}.selected-count-btn{padding:3px 8px;font-size:12px}.home-empty-state{padding:20px 12px}.home-empty-state h3{font-size:16px;margin-bottom:20px}.home-empty-image{width:150px}}.album-page{height:calc(100vh - 60px);background:linear-gradient(180deg,var(--photos-bg-gradient-start) 0%,var(--photos-bg-gradient-mid) 50%,var(--photos-bg-gradient-end) 100%);color:var(--photos-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px;overflow-x:hidden;overflow-y:hidden;width:100%;box-sizing:border-box}.album-page:before{content:"";position:absolute;right:0;top:0;width:300px;height:100%;background:radial-gradient(circle,var(--photos-glow) 0%,transparent 70%);pointer-events:none}.album-header{position:absolute;top:30px;left:12%;transform:translate(-50%);font-size:2.67rem;font-weight:900;color:var(--photos-text-primary)}.album-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1100px;width:100%;z-index:1;padding-top:0;flex:1;min-height:0}.album-image-container{position:relative;width:100%;max-width:300px;margin:0 auto 2.5rem;display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:visible}.album-image-container:before{content:"";position:absolute;top:50%;left:-15%;transform:translate(-50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#2a72f2;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}.album-image-container:after{content:"";position:absolute;top:50%;right:-15%;transform:translate(50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#a36eff;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}:root.dark-theme .album-image-container:before{background-color:#2a72f2}:root.dark-theme .album-image-container:after{background-color:#a36eff}.album-image-container img{width:100%;max-height:250px;object-fit:contain;border-radius:16px;transition:transform .3s ease}.album-subtitle{margin-bottom:10px;color:var(--photos-text-primary)}.album-description{margin-bottom:20px;color:var(--photos-text-secondary)}.album-actions{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.album-action-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#0078d4);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.album-action-card:hover{filter:brightness(1.1);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.album-action-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0;background:#fff3;flex-shrink:0;position:relative;overflow:visible}.album-stack-icon{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.album-card-back,.album-card-front{position:absolute;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0003}.album-card-back{width:20px;height:20px;bottom:0;left:0;z-index:1}.album-card-front{width:20px;height:20px;top:2px;right:2px;z-index:2;box-shadow:0 2px 4px #00000040}.album-icon-plus{position:absolute;bottom:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b5cf6;padding:2px;box-shadow:0 1px 3px #0003}.album-icon-plus svg{width:10px;height:10px}.album-action-text span{color:#fff;font-size:14px;font-weight:600;text-align:left;white-space:nowrap}.album-search-container{position:relative;display:flex;align-items:center;gap:0;z-index:100;width:auto;justify-content:center;margin-top:1rem;padding:0;border-radius:10000px;background:transparent;box-shadow:none;overflow:visible;min-width:44px;max-width:44px;transition:min-width .25s ease-in-out,max-width .25s ease-in-out,padding .25s ease-in-out}.album-search-container:hover{min-width:324px;max-width:324px;padding:6px;background:#ffffffe6;box-shadow:var(--shadow-md);overflow:hidden}:root.dark-theme .album-search-container{background:transparent}:root.dark-theme .album-search-container:hover{background:#2d2d30f2}.album-add-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(226deg,#0b6dffe6 2.62%,#8230ffe6 93.76%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2;margin:0;padding:0;box-shadow:0 2px 8px #00000026}.album-search-container:hover .album-add-btn{margin:0}.album-add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.album-add-btn svg{width:24px;height:24px;color:#fff}.album-search-bar{display:flex;align-items:center;gap:8px;background:#ffffffb3;padding:0 16px;border-radius:10000px;height:44px;flex:1;margin-left:16px;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;min-width:0;overflow:hidden}.album-search-container:hover .album-search-bar{opacity:1;pointer-events:all}:root.dark-theme .album-search-bar{background:#3c3c41b3}.album-search-bar svg{width:20px;height:20px;color:var(--photos-text-muted);flex-shrink:0}.album-search-bar input{background:transparent;border:none;outline:none;color:var(--photos-search-text);font-size:14px;width:100%;white-space:nowrap}.album-search-bar input::placeholder{color:var(--photos-search-placeholder)}@media (max-width: 1024px){.album-page{padding:16px}.album-header{font-size:2.2rem;left:10%}.album-hero{padding-top:40px}.album-image-container{max-width:280px}.album-actions{gap:1.5rem}.album-action-card{padding:10px 16px}.album-action-text span{font-size:13px}}@media (max-width: 768px){.album-page{padding:12px;height:calc(100vh - 56px)}.album-header{font-size:1.75rem;top:20px;left:50%;transform:translate(-50%);position:relative;margin-bottom:20px}.album-hero{padding-top:20px}.album-image-container{max-width:220px;margin:0 auto 1.5rem}.album-image-container img{max-height:200px}.album-subtitle{font-size:1rem;margin-bottom:8px}.album-description{font-size:.9rem;margin-bottom:16px}.album-actions{flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:300px;margin-bottom:1rem}.album-action-card{width:100%;max-width:280px;padding:10px 16px;justify-content:center}.album-action-text{align-items:center;text-align:center}.album-search-container{width:100%;max-width:280px;min-width:auto;max-width:auto;position:relative;margin-top:.5rem}.album-search-container:hover{min-width:100%;max-width:100%}.album-search-bar{width:100%;min-width:0}}@media (max-width: 480px){.album-page{padding:10px}.album-header{font-size:1.5rem;margin-bottom:16px}.album-image-container{max-width:180px;margin:0 auto 1rem}.album-image-container img{max-height:150px}.album-subtitle{font-size:.9rem}.album-description{font-size:.85rem;margin-bottom:12px}.album-actions{gap:.75rem;margin-bottom:.75rem}.album-action-card{padding:8px 12px;gap:8px}.album-action-icon{width:36px;height:36px}.album-action-text span{font-size:12px}.album-search-container{max-width:240px}}.favs-page{height:calc(100vh - 60px);background:linear-gradient(180deg,var(--photos-bg-gradient-start) 0%,var(--photos-bg-gradient-mid) 50%,var(--photos-bg-gradient-end) 100%);color:var(--photos-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px;overflow-x:hidden;overflow-y:hidden;width:100%;box-sizing:border-box}.favs-page:before{content:"";position:absolute;right:0;top:0;width:300px;height:100%;background:radial-gradient(circle,var(--photos-glow) 0%,transparent 70%);pointer-events:none}.favs-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1100px;width:100%;z-index:1;padding-top:0;flex:1;min-height:0;overflow-x:hidden}.favs-hero h1{font-size:2.5rem;font-weight:600;margin-bottom:3rem;color:var(--photos-text-primary);letter-spacing:-.5px;line-height:1.2}.favs-hero h4{color:var(--photos-text-muted)}.favs-stack{position:relative;width:100%;max-width:300px;height:auto;margin:0 auto 3.5rem;perspective:1000px;overflow:visible;display:flex;justify-content:center;align-items:center}.favs-stack:before{content:"";position:absolute;top:50%;left:-15%;transform:translate(-50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#2a72f2;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}.favs-stack:after{content:"";position:absolute;top:50%;right:-15%;transform:translate(50%,-50%) rotate(4deg);width:400px;height:320px;border-radius:50%;background-color:#a36eff;opacity:.2;filter:blur(80px);z-index:-1;pointer-events:none}:root.dark-theme .favs-stack:before{background-color:#2a72f2}:root.dark-theme .favs-stack:after{background-color:#a36eff}.favs-stack img{width:100%;max-height:250px;object-fit:contain;border-radius:16px;transition:transform .3s ease}.favs-search-container{position:relative;display:flex;align-items:center;gap:0;z-index:100;width:auto;justify-content:center;margin-top:1rem;padding:0;border-radius:10000px;background:transparent;box-shadow:none;overflow:visible;min-width:44px;max-width:44px;transition:min-width .25s ease-in-out,max-width .25s ease-in-out,padding .25s ease-in-out}.favs-search-container:hover{min-width:324px;max-width:324px;padding:6px;background:#ffffffe6;box-shadow:var(--shadow-md);overflow:hidden}:root.dark-theme .favs-search-container{background:transparent}:root.dark-theme .favs-search-container:hover{background:#2d2d30f2}.favs-add-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(226deg,#0b6dffe6 2.62%,#8230ffe6 93.76%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:2;margin:0;padding:0;box-shadow:0 2px 8px #00000026}.favs-search-container:hover .favs-add-btn{margin:0}.favs-add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.favs-add-btn svg{width:24px;height:24px;color:#fff}.favs-search-bar{display:flex;align-items:center;gap:8px;background:#ffffffb3;padding:0 16px;border-radius:10000px;height:44px;flex:1;margin-left:16px;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;min-width:0;overflow:hidden}.favs-search-container:hover .favs-search-bar{opacity:1;pointer-events:all}:root.dark-theme .favs-search-bar{background:#3c3c41b3}.favs-search-bar svg{width:20px;height:20px;color:var(--photos-text-muted);flex-shrink:0}.favs-search-bar input{background:transparent;border:none;outline:none;color:var(--photos-search-text);font-size:14px;width:100%;white-space:nowrap}.favs-search-bar input::placeholder{color:var(--photos-search-placeholder)}@media (max-width: 1024px){.favs-page{padding:16px}.favs-header{font-size:2.2rem;left:10%}.favs-hero{padding-top:40px}.favs-hero h1{font-size:2rem;margin-bottom:2.5rem}.favs-stack{max-width:280px;margin:1rem auto 2.5rem}.favs-stack img{max-height:220px}}@media (max-width: 768px){.favs-page{padding:12px;height:calc(100vh - 56px)}.favs-header{font-size:1.75rem;top:20px;left:50%;transform:translate(-50%);position:relative;margin-bottom:20px}.favs-hero{padding-top:20px}.favs-hero h1{font-size:1.5rem;margin-bottom:1.5rem}.favs-hero h4{font-size:.9rem}.favs-stack{max-width:220px;max-height:250px;margin:.75rem auto 1.5rem}.favs-stack img{max-height:180px}.favs-no-text{font-size:.9rem;margin-bottom:12px}.favs-search-container{width:100%;max-width:280px;min-width:auto;max-width:auto;position:relative;margin-top:.5rem}.favs-search-container:hover{min-width:100%;max-width:100%}.favs-search-bar{width:100%;min-width:0}}@media (max-width: 480px){.favs-page{padding:10px}.favs-header{font-size:1.5rem;margin-bottom:16px}.favs-hero h1{font-size:1.25rem;margin-bottom:1rem}.favs-hero h4{font-size:.85rem}.favs-stack{max-width:180px;max-height:200px;margin:.5rem auto 1rem}.favs-stack img{max-height:150px}.favs-no-text{font-size:.85rem;margin-bottom:10px}.favs-search-container{max-width:240px}}.favs-no-text{margin-bottom:15px;color:var(--photos-text-primary)}.favs-header{position:absolute;top:30px;left:12%;transform:translate(-50%);font-size:2.67rem;font-weight:900;color:var(--photos-text-primary)}.shared-file-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.shared-file-loading,.shared-file-error{text-align:center;padding:40px;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-lg)}.shared-file-error h2{color:var(--text-primary);margin-bottom:16px}.shared-file-error p{color:var(--text-secondary);margin-bottom:24px}.shared-file-error button{padding:10px 20px;background-color:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.shared-file-error button:hover{background-color:#005a9e}.toast-container{position:fixed;top:80px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px}.toast{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 16px #00000026,0 2px 4px #0000001a;min-width:320px;max-width:420px;pointer-events:auto;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid}.toast-success{border-left-color:#107c10}.toast-error{border-left-color:#d13438}.toast-warning{border-left-color:#f7630c}.toast-info{border-left-color:#0078d4}.toast-content{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-primary)}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-icon-success{color:#107c10}.toast-icon-error{color:#d13438}.toast-icon-warning{color:#f7630c}.toast-icon-info{color:#0078d4}.toast-message{flex:1;font-size:14px;line-height:1.5;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;word-break:break-word}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toast-close svg{width:16px;height:16px}.toast-progress-bar{height:3px;background-color:#0000001a;overflow:hidden}.toast-progress-fill{height:100%;transition:width .1s linear}.toast-success .toast-progress-fill{background-color:#107c10}.toast-error .toast-progress-fill{background-color:#d13438}.toast-warning .toast-progress-fill{background-color:#f7630c}.toast-info .toast-progress-fill{background-color:#0078d4}@keyframes toastSlideIn{0%{transform:translate(calc(100% + 24px));opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1;max-height:200px;margin-bottom:12px}to{transform:translate(calc(100% + 24px));opacity:0;max-height:0;margin-bottom:0}}.toast-enter{animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}[data-theme=dark] .toast{background-color:#2d2d2d;box-shadow:0 4px 16px #0006,0 2px 4px #0000004d}[data-theme=dark] .toast-progress-bar{background-color:#ffffff1a}@media (max-width: 768px){.toast-container{top:70px;right:16px;left:16px;max-width:none}.toast{min-width:auto;max-width:none;width:100%}}.toast:hover{box-shadow:0 6px 20px #0003,0 3px 6px #00000026;transform:translateY(-2px)}.toast:hover .toast-progress-fill{animation-play-state:paused}.toast-container>.toast:not(:last-child){margin-bottom:12px}.toast:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.toast-enter,.toast-exit{animation:none;transition:opacity .2s ease}.toast:hover{transform:none}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #faf9f8;--bg-secondary: #ffffff;--bg-tertiary: #f8f8f8;--bg-hover: #f3f2f1;--bg-hover-light: #f2f2f2;--bg-active: #edebe9;--bg-overlay: rgba(255, 255, 255, .85);--text-primary: #323130;--text-secondary: #605e5c;--text-tertiary: #8a8886;--text-muted: #a19f9d;--border-color: #ddd;--border-color-light: #edebe9;--border-color-medium: #d2d0ce;--border-color-hover: #8a8886;--accent-primary: #0078d4;--accent-primary-hover: #106ebe;--accent-secondary: #0a66c2;--shadow-sm: 0 1.6px 3.6px rgba(0, 0, 0, .132), 0 .3px .9px rgba(0, 0, 0, .108);--shadow-md: 0 8px 24px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--scrollbar-track: #f1f1f1;--scrollbar-thumb: #888;--scrollbar-thumb-hover: #555;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s ease;--transition-slow: .4s ease;--photos-bg-gradient-start: #f3f2f1;--photos-bg-gradient-mid: #faf9f8;--photos-bg-gradient-end: #f3f2f1;--photos-text-primary: #323130;--photos-text-secondary: #605e5c;--photos-text-muted: #8a8886;--photos-card-bg: rgba(255, 255, 255, .5);--photos-card-hover: rgba(255, 255, 255, .7);--photos-search-bg: #ffffff;--photos-search-text: #323130;--photos-search-placeholder: #8a8886;--photos-search-border: rgba(0, 0, 0, .1);--photos-glow: rgba(139, 92, 246, .08);--navbar-photos-bg-start: #f3f2f1;--navbar-photos-bg-mid: #faf9f8;--navbar-photos-bg-end: #f3f2f1;--navbar-photos-text: #323130;--navbar-photos-text-secondary: #605e5c;--navbar-photos-tab-inactive: #8a8886;--navbar-photos-tab-active: #323130;--navbar-photos-slider-bg: #ffffff;--navbar-photos-tabs-bg: rgba(0, 0, 0, .05);--navbar-photos-hover: rgba(0, 0, 0, .05)}:root.dark-theme{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-hover: #2a2d2e;--bg-hover-light: #3e3e42;--bg-active: #37373d;--bg-overlay: rgba(37, 37, 38, .95);--text-primary: #cccccc;--text-secondary: #a0a0a0;--text-tertiary: #858585;--text-muted: #6a6a6a;--border-color: #3e3e42;--border-color-light: #424242;--border-color-medium: #4a4a4a;--border-color-hover: #5a5a5a;--accent-primary: #0078d4;--accent-primary-hover: #1a86e0;--accent-secondary: #0a66c2;--shadow-sm: 0 1.6px 3.6px rgba(0, 0, 0, .4), 0 .3px .9px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--scrollbar-track: #2d2d30;--scrollbar-thumb: #555;--scrollbar-thumb-hover: #777;--photos-bg-gradient-start: #0d0e13;--photos-bg-gradient-mid: #181a29;--photos-bg-gradient-end: #0d0e13;--photos-text-primary: #ffffff;--photos-text-secondary: #cccccc;--photos-text-muted: #b0b3c1;--photos-card-bg: rgba(255, 255, 255, .05);--photos-card-hover: rgba(255, 255, 255, .1);--photos-search-bg: #1d1e2f;--photos-search-text: #ffffff;--photos-search-placeholder: #b0b3c1;--photos-search-border: rgba(255, 255, 255, .1);--photos-glow: rgba(139, 92, 246, .15);--navbar-photos-bg-start: #0d0e13;--navbar-photos-bg-mid: #181a29;--navbar-photos-bg-end: #0d0e13;--navbar-photos-text: #ffffff;--navbar-photos-text-secondary: #cccccc;--navbar-photos-tab-inactive: #dce9ff;--navbar-photos-tab-active: #ffffff;--navbar-photos-slider-bg: #0a66c2;--navbar-photos-tabs-bg: rgba(255, 255, 255, .15);--navbar-photos-hover: rgba(255, 255, 255, .1)}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}body{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}*{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh;background-color:var(--bg-primary);transition:background-color var(--transition-slow)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);transition:background var(--transition-base)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px;transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}#root{overflow-x:hidden;width:100%}@supports (-webkit-touch-callout: none){.dashboard{min-height:-webkit-fill-available}}