:root{--primary-color:#4A6CF7;--secondary-color:#F5F7FC;--text-primary:#2D3748;--text-secondary:#718096;--border-color:#E2E8F0;--sidebar-bg:#FFFFFF;--hover-bg:#F7FAFC;--success-color:#48BB78;--warning-color:#ED8936;--danger-color:#F56565;--sidebar-width:260px;--right-sidebar-width:320px;--primary-gradient:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);--secondary-gradient:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);--success-color:#10b981;--warning-color:#f59e0b;--orange-primary:#ff6b35;--orange-secondary:#f97316;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.16)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-primary);background-color:#F8FAFC;height:100vh;overflow:hidden}.header{background-color:white;border-bottom:1px solid var(--border-color);padding:0.75rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:60px}.logo{font-weight:700;font-size:1.5rem;color:var(--primary-color);text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo i{margin-right:0.5rem}.nav-tabs-custom{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:none}.nav-tabs-custom .nav-link{color:var(--text-secondary);font-weight:500;padding:0.5rem 1rem;border:none;border-radius:0;margin-right:1rem;-webkit-transition:all 0.2s;transition:all 0.2s}.nav-tabs-custom .nav-link.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:transparent}.nav-tabs-custom .nav-link:hover{color:var(--primary-color)}.header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.search-bar{position:relative}.search-bar input{padding:0.5rem 2.5rem 0.5rem 1rem;border:1px solid var(--border-color);border-radius:0.5rem;width:250px;background-color:var(--secondary-color)}.search-bar i{position:absolute;right:0.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--text-secondary)}.user-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.sidebar-left{background-color:var(--sidebar-bg);width:var(--sidebar-width);height:calc(100vh - 60px);overflow-y:auto;border-right:1px solid var(--border-color);padding:1.5rem 0}.sidebar-nav{list-style:none}.sidebar-nav-item{padding:0.75rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text-secondary);text-decoration:none;-webkit-transition:all 0.2s;transition:all 0.2s;position:relative}.sidebar-nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.sidebar-nav-item.active{color:var(--primary-color);background-color:rgba(74,108,247,0.1)}.sidebar-nav-item.active:before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--primary-color)}.sidebar-nav-item i{width:20px;margin-right:0.75rem}.sidebar-divider{height:1px;background-color:var(--border-color);margin:1rem 0}.storage-info{padding:0 1.5rem;margin-top:1rem}.storage-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5rem;font-size:0.875rem}.progress{height:6px;background-color:var(--secondary-color);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);width:16.4%}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.5rem;overflow-y:auto;height:calc(100vh - 60px)}.quick-access{margin-bottom:1.5rem}.quick-title-col{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);padding-top:10px}.quick-access-cards{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.quick-access-card{background-color:white;border-radius:0.75rem;padding:1.25rem;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.05);box-shadow:0 1px 3px rgba(0,0,0,0.05);-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;border:1px solid var(--border-color)}.quick-access-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.quick-access-card i{font-size:1.5rem;display:block}.quick-access-card-title{font-weight:600;margin-bottom:0.25rem}.quick-access-card-count{font-size:0.875rem;color:var(--text-secondary)}.quick-access-icon{width:40px;height:40px;border-radius:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;font-size:1.25rem}.icon-blue{background-color:rgba(59,130,246,0.2)}.icon-green{background-color:rgba(16,185,129,0.2)}.icon-purple{background-color:rgba(139,92,246,0.2)}.icon-info{background-color:rgba(92,246,234,0.2)}.icon-yellow{background-color:rgba(245,158,11,0.2)}.breadcrumb-custom{background-color:transparent;padding:0;margin-bottom:1.5rem}.breadcrumb-custom .breadcrumb-item{color:var(--text-secondary)}.breadcrumb-custom .breadcrumb-item.active{color:var(--text-primary)}.file-table-container{background-color:white;border-radius:0.75rem;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.05);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.file-table{width:100%;border-collapse:collapse}.file-table th{background-color:var(--secondary-color);padding:0.75rem 1.5rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:0.875rem;border-bottom:1px solid var(--border-color)}.file-table td{padding:0.75rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.file-table tr:hover{background-color:var(--hover-bg)}.file-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-icon{margin-right:0.75rem;color:var(--text-secondary);font-size:1.25rem}.folder-icon{color:var(--warning-color)}.pencil-icon{color:var(--warning-color)}.sharing-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--success-color);color:white;font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:0.25rem;cursor:pointer}.sharing-badge i{margin-right:0.25rem}.sharing-avatars{display:-webkit-box;display:-ms-flexbox;display:flex}.sharing-avatar{width:28px;height:28px;border-radius:50%;border:2px solid white;margin-left:-8px;-o-object-fit:cover;object-fit:cover}.sharing-avatar:first-child{margin-left:0}.sidebar-right{background-color:var(--sidebar-bg);width:var(--right-sidebar-width);height:calc(100vh - 60px);overflow-y:auto;border-left:1px solid var(--border-color);padding:1.5rem}.preview-container{background-color:var(--secondary-color);border-radius:0.75rem;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.preview-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.preview-title{font-weight:600;margin-bottom:0.5rem}.preview-details{font-size:0.875rem;color:var(--text-secondary);margin-bottom:0.25rem}.tags-container{margin-bottom:1.5rem}.tag{display:inline-block;background-color:var(--secondary-color);color:var(--text-secondary);padding:0.375rem 0.75rem;border-radius:0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;font-size:0.875rem}.activity-log{margin-top:1.5rem}.activity-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem}.activity-icon{width:36px;height:36px;border-radius:50%;background-color:var(--secondary-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.75rem;color:var(--text-secondary)}.activity-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.activity-title{font-weight:500;margin-bottom:0.25rem}.activity-time{font-size:0.75rem;color:var(--text-secondary)}.sign-to{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jolt{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:45px;border-radius:20px;padding:5px;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--primary-color)}.jolt .icon{width:30px;fill:rgb(255,255,255);margin-left:8px;-webkit-transition:all 0.3s;transition:all 0.3s;-ms-flex-preferred-size:20%;flex-basis:20%}.jolt .input{height:100%;border:none;outline:none;padding-left:15px;background-color:var(--primary-color);color:white;font-size:1em;-webkit-box-flex:1;-ms-flex:1 0 80%;flex:1 0 80%}.jolt input::-webkit-input-placeholder{color:#b6c3f4}.jolt input::-moz-placeholder{color:#b6c3f4}.jolt input:-ms-input-placeholder{color:#b6c3f4}.jolt input::-ms-input-placeholder{color:#b6c3f4}.jolt input::placeholder{color:#b6c3f4}.jolt input::-webkit-input-placeholder{color:#b6c3f4}.jolt input::-moz-placeholder{color:#b6c3f4}.jolt .input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #292524 inset;-webkit-text-fill-color:#ffffff}.jolt-btn{height:100%;width:95px;border:none;border-radius:15px;color:rgb(0,0,0);cursor:pointer;background-color:#ffffff;font-weight:500;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;-ms-flex-preferred-size:20%;flex-basis:20%}.jolt .arrow{position:absolute;margin-right:150px;-webkit-transition:all 0.3s;transition:all 0.3s}.jolt:active .icon{-webkit-transform:scale(1.3);transform:scale(1.3)}.jolt-btn:hover{color:white}.jolt-btn:hover .arrow{margin-right:0;-webkit-animation:jello-vertical 0.9s both;animation:jello-vertical 0.9s both;-webkit-transform-origin:right;transform-origin:right}@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}50%{-webkit-transform:scale3d(0.85,1.15,1);transform:scale3d(0.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}75%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}50%{-webkit-transform:scale3d(0.85,1.15,1);transform:scale3d(0.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}75%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.jolt-btn:active{-webkit-transform:scale(0.9);transform:scale(0.9)}@media (max-width:991.98px){.main-content{width:100%;padding:1rem}.sidebar-right{display:none}.quick-access-cards{-ms-grid-columns:1fr;grid-template-columns:1fr}.file-table-container{overflow-x:auto}.file-table{min-width:600px}.mobile-menu-btn{display:block}.header{padding:0.75rem 1rem}.nav-tabs-custom{display:none}.search-bar input{width:180px}}@media (min-width:992px){.mobile-menu-btn{display:none}.layout-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 60px)}.sidebar-left{-ms-flex-negative:0;flex-shrink:0}.main-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-right{-ms-flex-negative:0;flex-shrink:0}}