*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}.top-bar{background:linear-gradient(90deg,#0078d4,#106ebe);padding:10px 20px;justify-content:space-between;color:#fff}.logo,.top-bar{display:flex;align-items:center}.logo{gap:10px;font-size:18px;font-weight:600}.logo:before{content:"☰";font-size:20px}.search-section{display:flex;gap:10px}.search-box{padding:6px 12px;width:250px}.all-files-btn,.search-box{border:none;border-radius:2px;font-size:14px}.all-files-btn{padding:6px 14px;background-color:#fff;cursor:pointer}.main-container{display:flex;min-height:calc(100vh - 48px)}.sidebar{width:200px;background-color:#f9f9f9;padding:20px 0;border-right:1px solid #e1e1e1}.sidebar-section{margin-bottom:30px}.sidebar-title{font-weight:700;margin-bottom:8px;color:#000}.sidebar-item,.sidebar-title{font-size:14px;padding:8px 20px}.sidebar-item{cursor:pointer;color:#333;display:flex;align-items:center;gap:10px;transition:background-color .2s}.sidebar-item:hover{background-color:#f0f0f0}.sidebar-item.active{background-color:#cfe4fa;border-left:3px solid #0078d4;color:#0078d4;font-weight:600}.sidebar-item:before{content:"📁";font-size:16px}.sidebar-item.my-files:before{content:"📁"}.sidebar-item.recent:before{content:"🕐"}.sidebar-item.shared:before{content:"👥"}.sidebar-libraries-title{font-size:14px;font-weight:700;padding:8px 20px;margin-bottom:8px;color:#000}.sidebar-libraries-text{font-size:13px;line-height:1.5;padding:0 20px;color:#666}.main-content{flex:1 1;background-color:#fff;padding:25px 40px}.toolbar{display:flex;gap:8px;margin-bottom:25px}.toolbar-btn{background-color:#0078d4;border:none;padding:8px 16px;border-radius:2px;cursor:pointer;font-size:13px;color:#fff;font-weight:600}.toolbar-btn:hover{background-color:#106ebe}.content-header{font-size:28px;font-weight:600;margin-bottom:30px;color:#000}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:25px;gap:25px}.file-card{background-color:#fff;border:1px solid #e1e1e1;border-radius:2px;cursor:pointer;transition:all .2s;overflow:hidden}.file-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.file-preview{width:100%;height:160px;background-color:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e1e1e1}.file-preview iframe{width:100%;height:100%;object-fit:contain;padding:10px;background-color:#fff;display:block;border:none}.file-info{padding:12px 15px;background-color:#fff}.file-name{font-size:14px;font-weight:600;margin-bottom:5px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:12px;color:#737373}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.login-modal{background-color:#fff;border-radius:8px;width:480px;max-width:90%;padding:40px 48px;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:fadeInUp .3s ease-out;position:relative}.cloud-icon{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.cloud-icon svg{width:100%;height:100%;fill:#0078d4}.modal-title{font-size:28px;font-weight:400;text-align:center;margin-bottom:20px;color:#0078d4}.modal-text{color:#323130;margin-bottom:8px;line-height:1.5}.modal-subtitle,.modal-text{font-size:14px;text-align:center}.modal-subtitle{color:#605e5c;margin-bottom:28px;font-weight:400}.form-group{margin-bottom:20px}.form-input{width:100%;padding:12px 14px;border:1px solid #8a8886;background-color:#fff;font-size:15px;transition:border-color .2s;color:#323130;border-radius:2px}.form-input:focus{outline:none;border-color:#0078d4}.form-input:disabled{background-color:#f3f2f1}.error-message{color:#d13438;font-size:13px;margin-top:-8px;margin-bottom:12px;display:none;align-items:center;gap:6px;animation:fadeIn .5s ease-in-out;padding:8px 12px;background-color:#fef0ef;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-message.show{display:flex}.error-message:before{content:"⚠️";font-weight:700;font-size:14px;margin-right:6px}.submit-btn{width:100%;background-color:#0078d4;color:#fff;border:none;padding:12px;font-size:16px;cursor:pointer;font-weight:600;transition:background-color .2s;margin-top:8px;border-radius:2px}.submit-btn.loading{pointer-events:none}.submit-btn.loading,.submit-btn:hover{background-color:#106ebe}.microsoft-spinner{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle}.microsoft-spinner:after{content:"";display:block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:microsoft-spin 1s linear infinite}@keyframes microsoft-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.security-notice{font-size:12px;color:#666;text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid #e1e1e1}.security-notice a{color:#0078d4;text-decoration:none}.security-notice a:hover{text-decoration:underline}.modal-footer{text-align:center;margin-top:20px;font-size:12px;color:#605e5c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-container.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .3s ease}body.modal-open{overflow:hidden}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}input:-webkit-autofill{animation-name:onAutoFillStart;animation-delay:1ms}#emailInput{transition:all .01s ease}