@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}body{font-family:var(--font-body);background-color:#f8fafc;min-height:100vh}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);font-weight:700;letter-spacing:-.025em}.fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1) forwards}.slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 992px){.sidebar-desktop-fixed{position:fixed;top:0;bottom:0;left:0;width:270px;z-index:1030;transition:width .2s cubic-bezier(.4,0,.2,1)}.main-desktop-offset{margin-left:270px;transition:margin-left .2s cubic-bezier(.4,0,.2,1)}.topbar-desktop-offset{left:270px!important;transition:left .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar-desktop-fixed{width:80px!important}.sidebar-collapsed .main-desktop-offset{margin-left:80px!important}.sidebar-collapsed .topbar-desktop-offset{left:80px!important}.sidebar-collapsed .sidebar-desktop-fixed .offcanvas-header .d-flex{display:none!important}.sidebar-collapsed .sidebar-desktop-fixed .offcanvas-header:before{content:"EC";font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--bs-primary);margin:0 auto}.sidebar-collapsed .sidebar-desktop-fixed .nav-item span,.sidebar-collapsed .sidebar-desktop-fixed .nav-item .submenu-arrow,.sidebar-collapsed .sidebar-desktop-fixed .border-top span{display:none!important}.sidebar-collapsed .sidebar-desktop-fixed .nav-link{justify-content:center!important;padding-left:0!important;padding-right:0!important;gap:0!important}.sidebar-collapsed .sidebar-desktop-fixed .collapse{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0d6efd}#file-grid .card{border-radius:20px;transition:.3s}#file-grid .card:hover{transform:translateY(-5px)}.list-group-item{cursor:pointer}.list-group-item:hover{background:#f5f7ff}#upload-btn,#file-search{border-radius:15px}#file-grid .card{transition:.3s;cursor:pointer}#file-grid .card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001f}.list-group-item{border:none;border-radius:12px!important;margin-bottom:8px;font-weight:600}.list-group-item.active{background:#4f46e5;border:none}#upload-btn,#custom-upload-btn{border-radius:16px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}body{background:#f6f8fc;color:#1f1f1f}.drive-container{display:flex;height:100vh;overflow:hidden}.drive-sidebar{width:260px;background:#fff;border-right:1px solid #e6e8ef;padding:16px;overflow-y:auto}#create-folder-btn{width:100%;padding:10px 12px;background:#1a73e8;color:#fff;border:none;border-radius:24px;cursor:pointer;font-weight:500;margin-bottom:12px;transition:.2s}#create-folder-btn:hover{background:#1557b0}#folder-tree{display:flex;flex-direction:column;gap:6px}#folder-tree div{padding:8px 10px;border-radius:8px;cursor:pointer}#folder-tree div:hover{background:#f1f3f4}.drive-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #e6e8ef}#file-search{flex:1;padding:10px 14px;border-radius:24px;border:1px solid #dfe1e5;outline:none;background:#f1f3f4}#file-search:focus{background:#fff;border-color:#1a73e8}#custom-upload-btn{padding:10px 16px;background:#1a73e8;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:.2s}#custom-upload-btn:hover{background:#1557b0}#file-grid{flex:1;padding:20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.file-card{background:#fff;border-radius:12px;padding:12px;border:1px solid #e6e8ef;cursor:pointer;transition:.2s}.file-card:hover{box-shadow:0 4px 18px #00000014;transform:translateY(-2px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:none;justify-content:center;align-items:center;z-index:99999}.modal.show{display:flex}.modal-card{width:650px!important;max-width:90%!important;min-height:280px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 50px #0003;animation:modalPop .25s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-card h3{font-size:24px;font-weight:700;margin-bottom:20px;color:#202124}#folder-name-input{width:100%;padding:14px;border:1px solid #dadce0;border-radius:12px;font-size:16px;margin-top:15px}.modal-card input{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;margin-top:10px}.modal-card button{margin-top:10px;padding:10px;border:none;border-radius:8px;cursor:pointer}.modal-card button:hover{opacity:.9}.drop-zone{height:180px;border:3px dashed #1a73e8;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#5f6368;margin:20px 0;background:#f8fbff}.drop-zone.drag-active{background:#e8f0fe;border-color:#1557b0}.breadcrumb-bar{padding:10px 16px;font-size:13px;color:#5f6368;background:#fff;border-bottom:1px solid #e6e8ef}#toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px}.toast{padding:10px 14px;border-radius:8px;color:#fff;font-size:13px;animation:fadeIn .3s ease}.toast.success{background:#34a853}.toast.error{background:#ea4335}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-status-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:#00000073;z-index:999999}.upload-status-modal.show{display:flex}.status-card{background:#fff;padding:20px 25px;border-radius:14px;min-width:260px;text-align:center;box-shadow:0 10px 30px #0003}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:10px}.permission-container{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000073!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important}.permission-card{width:1000px!important;max-width:95vw!important;max-height:90vh!important;overflow:auto!important;background:#fff!important;border-radius:24px!important;padding:30px!important;box-shadow:0 20px 60px #0000002e!important}.permission-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:25px!important;padding-bottom:20px!important;border-bottom:1px solid #e5e7eb!important}.permission-header h1{font-size:28px!important;font-weight:700!important;color:#111827!important}.user-section{margin-bottom:25px!important}.user-section label{display:block!important;margin-bottom:8px!important;font-weight:600!important}#permission-user-select{width:320px!important;height:48px!important;border:1px solid #d1d5db!important;border-radius:12px!important;padding:0 14px!important;font-size:14px!important}.permission-table{width:100%!important;border-collapse:collapse!important;background:#fff!important}.permission-table thead tr{background:#eff6ff!important}.permission-table th{padding:18px!important;text-align:center!important;font-size:15px!important;font-weight:700!important;color:#1e40af!important}.permission-table td{padding:18px!important;text-align:center!important;border-bottom:1px solid #e5e7eb!important}.permission-table td:first-child{text-align:left!important;font-weight:600!important}.permission-table tbody tr:hover{background:#f8fbff!important}.permission-table input[type=checkbox]{width:20px!important;height:20px!important;accent-color:#2563eb!important}#save-permissions-btn{background:#2563eb!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important}#save-permissions-btn:hover{background:#1d4ed8!important}#close-permission-btn{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;border:none!important;border-radius:50%!important;background:#ef4444!important;color:#fff!important;cursor:pointer!important}.permission-card{position:relative!important;width:950px!important;max-width:95vw!important;background:#fff!important;border-radius:24px!important;padding:30px!important;box-shadow:0 25px 80px #0000002e!important;border:1px solid #e5e7eb!important}#close-permission-btn{position:absolute!important;top:15px!important;right:15px!important;width:42px!important;height:42px!important;border:none!important;border-radius:50%!important;background:#ef4444!important;color:#fff!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 18px #ef444459}#close-permission-btn:hover{transform:scale(1.08)}.file-card{background:#fff;border-radius:18px;padding:16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:220px;transition:.25s}.file-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.file-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px}.file-name{font-size:15px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:12px;color:#666;margin-top:auto}.file-actions{display:flex;gap:8px;opacity:0;transform:translateY(5px);transition:.2s}.file-card:hover .file-actions{opacity:1;transform:translateY(0)}.file-actions button{flex:1;padding:6px 8px;font-size:12px;border:none;border-radius:8px;cursor:pointer}.file-actions .view{background:#1a73e8;color:#fff}.file-actions .download{background:#34a853;color:#fff}.file-preview{width:100%;height:120px;border-radius:10px;object-fit:cover;background:#f1f3f4}.file-badge{position:absolute;top:10px;right:10px;font-size:10px;padding:3px 6px;border-radius:20px;background:#e8f0fe;color:#1a73e8}.empty-state{grid-column:1 / -1;text-align:center;padding:40px;color:#5f6368}.drive-main{flex:1;display:flex;flex-direction:column;height:100%}.top-bar{display:flex;gap:10px;padding:12px;background:#fff;border-bottom:1px solid #e6e8ef}#custom-upload-btn,#create-folder-btn{display:inline-block!important;padding:10px 14px;background:#1a73e8;color:#fff;border:none;border-radius:20px;cursor:pointer}.folder-item.active{background:#d2e3fc;border-left:4px solid #1a73e8;font-weight:600}.file-details-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;justify-content:center;align-items:center;z-index:99999}.file-details-modal.show{display:flex}.file-details-card{width:550px;max-width:90%;background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 50px #0003}.file-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#close-details-modal{font-size:24px;cursor:pointer}#file-details-body{line-height:2}#file-details-body button,#file-details-body a{display:inline-block;margin-top:10px;margin-right:10px;padding:10px 15px;border-radius:8px;text-decoration:none}#file-details-body button{border:none;background:#2563eb;color:#fff}#file-details-body a{background:#16a34a;color:#fff}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:99999}.preview-content{width:90%;height:90%;background:#fff;border-radius:16px;overflow:hidden}#file-grid{flex:1;padding:20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;height:calc(100vh - 130px)}.hidden{display:none!important}.modal.show,.preview-modal.show,.file-details-modal.show,.permission-container.show{display:flex!important}.file-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:.3s;height:220px}.file-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.file-icon{font-size:40px}.file-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#666;font-size:13px}.drive-btn{margin-top:auto;background:#2563eb;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer}.drive-btn:hover{background:#1d4ed8}.drive-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb}.folder-item{padding:10px 14px;border-radius:10px;cursor:pointer}.folder-item:hover{background:#f3f4f6}.folder-item.active{background:#dbeafe;color:#1a73e8}#custom-upload-btn,#create-folder-btn{background:#1a73e8;color:#fff;border:none;padding:12px 18px;border-radius:999px;cursor:pointer}.drive-main{overflow:hidden}#file-grid{flex:1;overflow-y:auto;padding:20px}.view-file-btn,.drive-btn{width:100%!important;padding:10px 12px!important;background:#1a73e8!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;margin-top:10px!important;display:block!important;text-align:center!important}.view-file-btn:hover,.drive-btn:hover{background:#1557b0!important}#permission-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:9999}#permission-container.show{display:flex}.permission-card{width:95%;max-width:1000px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 50px #00000026;animation:permissionPop .25s ease;position:relative}@keyframes permissionPop{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.permission-card h2{font-size:24px;font-weight:700;margin-bottom:20px;color:#1e293b}#close-permission-btn{width:38px;height:38px;border:none;border-radius:50%;background:#f1f5f9;cursor:pointer;font-size:16px;transition:.2s}#close-permission-btn:hover{background:#ef4444;color:#fff}#permission-user{width:100%;padding:12px 14px;border:1px solid #dbe2ea;border-radius:10px;font-size:14px;margin-bottom:20px;outline:none}#permission-user:focus{border-color:#2563eb}#permission-table{overflow-x:auto}.permission-grid{width:100%;border-collapse:collapse;margin-top:10px}.permission-grid thead tr{background:#2563eb;color:#fff}.permission-grid th{padding:14px;text-align:center;font-size:14px}.permission-grid td{padding:14px;text-align:center;border-bottom:1px solid #e5e7eb}.permission-grid tbody tr:hover{background:#f8fafc}.permission-grid td:first-child{text-align:left;font-weight:600;color:#334155}.permission-grid input[type=checkbox]{width:18px;height:18px;cursor:pointer}#save-permission-btn{margin-top:20px;width:100%;padding:14px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}#save-permission-btn:hover{background:#1d4ed8}@media (max-width: 768px){.permission-card{width:98%;padding:18px}.permission-grid th,.permission-grid td{padding:10px;font-size:13px}#save-permission-btn{font-size:14px}}.storage-card{background:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 10px 25px #0000000f}.storage-card h3{margin-bottom:15px}.storage-number{font-size:22px;font-weight:700}.storage-bar{width:100%;height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:15px 0}.storage-percent{font-size:14px;color:#666}.recent-file{padding:10px;border-bottom:1px solid #eee}.recycle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.restore-btn{background:#16a34a;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.delete-btn{background:#dc2626;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.expiry-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;margin-bottom:10px}#copy-expiry-link{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.recycle-card{background:#fff;border:1px solid #e8eaed;border-radius:14px;padding:18px;margin-top:20px;box-shadow:0 4px 14px #0000000f}.recycle-card h3{font-size:18px;font-weight:600;margin-bottom:14px;color:#202124}.recycle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #f1f3f4;transition:.15s ease}.recycle-row:hover{background:#f8f9fa}.recycle-row div:first-child{font-size:14px;color:#202124;display:flex;align-items:center;gap:6px}.recycle-row small{font-size:12px;color:#6b7280}.recycle-row div:last-child{display:flex;gap:8px}.restore-btn{background:#e6f4ea;color:#188038;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:.15s ease}.restore-btn:hover{background:#ceead6}.restore-btn,.delete-btn{transform:scale(1)}.restore-btn:hover,.delete-btn:hover{transform:scale(1.05)}.delete-btn{background:#fce8e6;color:#d93025;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:.15s ease}.delete-btn:hover{background:#fad2cf}.drive-container{display:flex;height:100vh;background:#f6f8fc;overflow:hidden}.top-widgets,.bottom-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:15px 20px}.storage-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px #00000014}.storage-card h3{font-size:18px;font-weight:700;margin-bottom:15px;color:#111}.storage-number{font-size:22px;font-weight:700;margin-bottom:10px}.storage-bar{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa)}.storage-percent{margin-top:10px;font-size:13px;color:#555}.top-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px}#file-search{flex:1}.view-toggle{display:flex;gap:6px}.view-toggle button{padding:8px 14px;border:1px solid #dcdcdc;background:#fff;cursor:pointer;border-radius:8px;font-size:14px;transition:.2s}.view-toggle button:hover{background:#f5f5f5}.view-toggle button.active{background:#2563eb;color:#fff;border-color:#2563eb}.list-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.list-table th{background:#f5f7fa;padding:12px;text-align:left;font-weight:600;border-bottom:1px solid #e5e7eb}.list-table td{padding:12px;border-bottom:1px solid #f1f1f1;vertical-align:middle}.list-table tr:hover{background:#f9fafb}.list-table td:first-child{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-table td:nth-child(2){max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-table td:nth-child(3){width:120px}.list-table td:nth-child(4){width:120px}.view-file-btn{padding:6px 14px;border:none;border-radius:6px;cursor:pointer}.storage-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;gap:10px;position:relative}.storage-card:before,.storage-card:after{display:none!important}.storage-card h3{font-size:20px;font-weight:600;color:#202124;margin:0}.storage-number{font-size:20px;font-weight:700;color:#111}.storage-bar{width:100%;height:15px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:6px}.storage-fill{height:100%;background:linear-gradient(90deg,#1a73e8,#60a5fa);border-radius:999px}.storage-percent{font-size:12px;color:#6b7280;margin-top:4px}.storage-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a;transition:.2s ease}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px}.recent-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s ease;box-shadow:0 2px 6px #0000000a;min-width:0;overflow:hidden}.recent-file-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001a;border-color:#d2e3fc}.recent-file-icon{width:40px;height:40px;flex-shrink:0;background:#f1f3f4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.recent-file-info{flex:1;min-width:0}.recent-file-info h4{font-size:13px;font-weight:600;margin:0;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.recent-file-info span{font-size:11px;color:#6b7280;display:block;margin-top:2px}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}.clickable-card{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:.3s;box-shadow:0 2px 10px #00000014}.clickable-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.card-icon{font-size:32px;margin-bottom:12px}.clickable-card h3{margin:0 0 8px}.clickable-card p{color:#666;margin:0}#dashboard-panel{margin-bottom:20px}.expanded-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.delete-file-btn{width:100%;margin-top:8px;padding:10px;border:none;border-radius:8px;cursor:pointer;background:#dc2626;color:#fff}.delete-file-btn:hover{background:#b91c1c}.delete-card{max-width:420px;text-align:center}.delete-card p{margin:20px 0;color:#666;font-size:15px}.delete-actions{display:flex;justify-content:center;gap:12px}#confirm-delete-btn{background:#dc2626;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}#confirm-delete-btn:hover{background:#b91c1c}#cancel-delete-btn{background:#6b7280;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.image-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:9999}.image-preview-modal.show{display:flex}.image-preview-content{background:#fff;padding:20px;border-radius:10px;width:400px;text-align:center;position:relative}.image-preview-content img{width:100%;border-radius:8px}.close-btn{position:absolute;right:10px;top:10px;cursor:pointer;font-size:18px}.preview-btn{position:absolute;bottom:5px;padding:10px 12px;border:none;border-radius:10px;background:#1a73e8f2;color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:.2s ease}.preview-btn:hover{background:#1557b0;transform:translateY(-2px)}.image-box{width:100%;height:100%;position:relative;overflow:hidden;border-radius:10px}.image-box{width:100%;height:120px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative}.image-box img{width:100%;height:100%;object-fit:cover}.view-file-btn{width:20px;align-self:flex-end;padding:8px 10px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.view-file-btn:hover{background:#1557b0}.file-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a;border-color:#d2e3fc}.file-preview,.file-icon{width:100%;height:100px;border-radius:10px;background:#f1f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-name{font-size:15px;font-weight:600;color:#202124;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:#5f6368;margin-top:2px}.file-actions button{width:26px!important;height:26px!important;padding:0!important;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.file-actions .view{background:#e8f0fe;color:#1a73e8}.file-actions .download{background:#e6f4ea;color:#188038}.file-actions .delete{background:#fce8e6;color:#d93025}.file-actions button{transition:.15s ease}.file-actions button:hover{transform:scale(1.08)}.preview-btn{position:absolute!important;bottom:65px;right:8px;z-index:50!important;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.image-box{position:relative!important;overflow:hidden}.preview-btn{background:#1a73e8f2;color:#fdfcfc;border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s ease}.file-actions,.file-right{display:flex;gap:6px;align-items:center}.file-actions button,.file-right button{border:none;background:#f3f3f3;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:14px}.file-actions button:hover,.file-right button:hover{background:#e0e0e0}#file-grid.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}#file-grid.list{display:flex;flex-direction:column;gap:8px}.file-list-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border-radius:10px}.file-actions,.file-right{display:flex;align-items:center;gap:8px;margin-top:8px}.file-actions{justify-content:center;margin-top:10px}.action-btn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f8fafc;color:#334155;transition:.2s ease;box-shadow:0 1px 4px #0000000f}.action-btn:hover{transform:scale(1.08);background:#eef2f7}.view-file-btn{color:#e8eaef}.delete-file-btn{color:#ef4444}.file-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px #0000000f;transition:.2s}.file-card:hover{transform:translateY(-2px)}.file-list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee;background:#fff}.file-list-row:hover{background:#f9fafb}.file-actions{display:flex;gap:8px;margin-top:10px;opacity:1!important;visibility:visible!important}.file-icon,.file-preview{width:100%;height:110px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f4f6;overflow:hidden}.file-icon i{font-size:28px}#file-grid.list{display:flex;flex-direction:column;gap:12px}#file-grid.list .file-card{display:flex;flex-direction:row;align-items:center;height:auto;padding:12px 16px;gap:16px}#file-grid.list .file-preview,#file-grid.list .file-icon{width:60px;height:60px;flex-shrink:0;border-radius:10px}#file-grid.list .file-info{flex:1;display:flex;flex-direction:column;justify-content:center}#file-grid.list .file-name{font-size:14px;font-weight:600;margin:0}#file-grid.list .file-meta{font-size:12px;color:#6b7280}#file-grid.list .file-actions{display:flex;gap:8px;margin-top:0}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:none;align-items:center;justify-content:center;z-index:9999}.preview-modal.show{display:flex}.preview-content{width:85%;max-width:900px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000040}.preview-header{height:56px;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid #eee;background:#fff}#close-preview{cursor:pointer;font-size:22px;font-weight:600}#preview-body{padding:20px;display:flex;justify-content:center;align-items:center;background:#f8fafc;min-height:500px}#preview-body img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 25px #00000026}