*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:#1f2937;background-color:#f9fafb}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1080px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.container{padding:0 16px}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eff6ff;padding:24px}.login__card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:40px;width:100%;max-width:420px}.login__heading{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.login__subheading{font-size:14px;color:#6b7280;margin-bottom:28px}.login__form{display:flex;flex-direction:column}.login__label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.login__label-icon{font-size:15px;color:#9ca3af}.login__input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;margin-bottom:16px}.login__input::placeholder{color:#9ca3af}.login__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login__password-wrapper{position:relative}.login__password-wrapper .login__input{padding-right:40px;margin-bottom:16px}.login__password-toggle{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:#9ca3af;font-size:17px;transition:color .15s ease}.login__password-toggle:hover{color:#4b5563}.login__submit{width:100%;padding:10px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;margin-top:4px;transition:background .15s ease}.login__submit:hover{background:#1d4ed8}.login__error{margin-top:16px;padding:10px 12px;background:#fef2f2;color:#ef4444;border-radius:6px;font-size:14px}.login__toggle{margin-top:20px;text-align:center;font-size:14px;color:#6b7280}.login__toggle a{color:#2563eb;font-weight:500}.login__toggle a:hover{text-decoration:underline}.file-upload{padding:32px 0;max-width:520px;margin:0 auto}.file-upload__back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#6b7280;margin-bottom:20px}.file-upload__back:hover{color:#2563eb;text-decoration:none}.file-upload__card{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;padding:32px}.file-upload__heading{font-size:22px;font-weight:700;color:#111827;margin-bottom:24px}.file-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.file-upload__dropzone:hover{border-color:#2563eb;background:#eff6ff}.file-upload__dropzone-icon{font-size:36px;color:#2563eb}.file-upload__dropzone-text{font-size:15px;font-weight:500;color:#374151}.file-upload__dropzone-hint{font-size:13px;color:#9ca3af}.file-upload__input{display:none}.file-upload__button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;transition:background .15s ease}.file-upload__button:hover{background:#1d4ed8}.file-upload__success{margin-top:16px;padding:10px 12px;background:#f0fdf4;color:#22c55e;border-radius:6px;font-size:14px;text-align:center}.file-upload__error{margin-top:16px;padding:10px 12px;background:#fef2f2;color:#ef4444;border-radius:6px;font-size:14px;text-align:center}.dashboard{padding:32px 0}.dashboard__welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard__title{font-size:24px;font-weight:700;color:#111827}.dashboard__subtitle{font-size:14px;color:#6b7280;margin-top:2px}.dashboard__actions{display:flex;align-items:center;gap:10px}.dashboard__new-folder-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.dashboard__new-folder-btn:hover{background:#f9fafb;border-color:#9ca3af}.dashboard__upload-wrapper{position:relative}.dashboard__upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.dashboard__upload-btn:hover{background:#1d4ed8}@media (max-width: 767px){.dashboard{padding:20px 0}.dashboard__welcome{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.dashboard__title{font-size:20px}.dashboard__actions{width:100%;justify-content:flex-start}.dashboard__btn-label{display:none}.dashboard__new-folder-btn,.dashboard__upload-btn{padding:10px;min-width:44px;min-height:44px;justify-content:center}}.upload-popover{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:24px;z-index:150}.upload-popover--flip{top:auto;bottom:calc(100% + 8px)}.upload-popover__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;transition:color .15s ease}.upload-popover__close:hover{color:#374151}.upload-popover__heading{font-size:16px;font-weight:700;color:#111827;margin-bottom:20px}.upload-popover__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.upload-popover__dropzone:hover{border-color:#2563eb;background:#eff6ff}.upload-popover__dropzone-icon{font-size:32px;color:#2563eb}.upload-popover__dropzone-text{font-size:14px;font-weight:500;color:#374151}.upload-popover__dropzone-hint{font-size:12px;color:#9ca3af}.upload-popover__input{display:none}.upload-popover__file-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.upload-popover__file-info-icon{font-size:16px;color:#2563eb;flex-shrink:0}.upload-popover__file-info-name{flex:1;min-width:0;font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-popover__file-info-size{font-size:12px;color:#9ca3af;flex-shrink:0}.upload-popover__file-info-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:6px;color:#9ca3af;font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.upload-popover__file-info-remove:hover{color:#ef4444;background:#fef2f2}.upload-popover__upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.upload-popover__upload-btn:hover{background:#1d4ed8}.upload-popover__upload-btn:disabled{opacity:.6;pointer-events:none}.upload-popover__success{margin-top:12px;padding:8px 12px;background:#f0fdf4;color:#22c55e;border-radius:6px;font-size:13px;text-align:center}.upload-popover__error{margin-top:12px;padding:8px 12px;background:#fef2f2;color:#ef4444;border-radius:6px;font-size:13px;text-align:center}@media (max-width: 767px){.upload-popover{width:calc(100vw - 32px);max-width:360px;right:-8px;padding:20px}.upload-popover__dropzone{padding:24px 16px}.upload-popover__upload-btn{min-height:44px}}.dashboard__breadcrumb{display:flex;align-items:center;font-size:14px;margin-bottom:16px;flex-wrap:wrap;gap:2px}.dashboard__breadcrumb-segment{display:inline-flex;align-items:center;gap:2px}.dashboard__breadcrumb-item{background:none;border:none;padding:4px 6px;font-size:14px;font-weight:500;color:#2563eb;cursor:pointer;border-radius:6px;transition:background .15s ease}.dashboard__breadcrumb-item:hover{background:#eff6ff}.dashboard__breadcrumb-item:last-child{color:#6b7280;cursor:default}.dashboard__breadcrumb-item:last-child:hover{background:none}.dashboard__breadcrumb-sep{color:#9ca3af;font-size:14px;flex-shrink:0}@media (max-width: 767px){.dashboard__breadcrumb{font-size:13px;gap:0}.dashboard__breadcrumb-item{font-size:13px;padding:6px 8px;min-height:44px;display:inline-flex;align-items:center}}.dashboard__view-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.dashboard__view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:none;color:#9ca3af;font-size:18px;cursor:pointer;transition:all .15s ease}.dashboard__view-toggle-btn:hover{color:#4b5563;background:#f9fafb}.dashboard__view-toggle-btn--active{background:#2563eb;color:#fff}.dashboard__view-toggle-btn--active:hover{background:#1d4ed8;color:#fff}@media (max-width: 767px){.dashboard__view-toggle-btn{width:44px;height:44px}}.dashboard__new-folder-form{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.dashboard__new-folder-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s ease}.dashboard__new-folder-input:focus{border-color:#2563eb}.dashboard__new-folder-submit{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.dashboard__new-folder-submit:hover{background:#1d4ed8}.dashboard__new-folder-submit:disabled{opacity:.6;cursor:not-allowed}.dashboard__new-folder-cancel{padding:8px 16px;background:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.dashboard__new-folder-cancel:hover{background:#f9fafb}@media (max-width: 767px){.dashboard__new-folder-form{flex-wrap:wrap;padding:12px;gap:8px}.dashboard__new-folder-input{flex-basis:100%;order:1}.dashboard__new-folder-submit,.dashboard__new-folder-cancel{flex:1;order:2;min-height:44px;font-size:14px}}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.dashboard__empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.dashboard__empty-text{font-size:16px;color:#6b7280;margin-bottom:12px}.dashboard__empty-link{font-size:14px;font-weight:500;color:#2563eb;background:none;border:none;cursor:pointer}.dashboard__empty-link:hover{text-decoration:underline}.dashboard__table{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.dashboard__table-header{display:flex;align-items:center;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dashboard__col-icon{width:40px;flex-shrink:0}.dashboard__col-name{flex:1;min-width:0}.dashboard__col-type{width:80px;flex-shrink:0;text-align:center}.dashboard__col-size{width:80px;flex-shrink:0;text-align:center;color:#9ca3af;font-size:13px}.dashboard__col-date{width:120px;flex-shrink:0;text-align:center;color:#6b7280;font-size:13px}.dashboard__col-actions{width:100px;flex-shrink:0;display:flex;justify-content:flex-end;gap:4px}.dashboard__file-icon{font-size:20px;color:#2563eb}.dashboard__file-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__type-badge{display:inline-block;padding:2px 8px;background:#f3f4f6;color:#4b5563;border-radius:6px;font-size:11px;font-weight:600}.dashboard__action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:#9ca3af;font-size:16px;cursor:pointer;transition:all .15s ease}.dashboard__action-btn--download:hover{color:#2563eb;background:#eff6ff}.dashboard__action-btn--rename:hover{color:#374151;background:#f3f4f6}.dashboard__action-btn--delete:hover{color:#ef4444;background:#fef2f2}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media (max-width: 1023px){.dashboard__col-size{display:none}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media (max-width: 767px){.dashboard__col-type,.dashboard__col-size{display:none}.dashboard__col-date{width:80px;font-size:12px}.dashboard__col-actions{width:auto}.dashboard__table-header{padding:12px 14px}.dashboard__action-btn{width:40px;height:40px;font-size:18px}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dashboard__empty{padding:40px 16px}.dashboard__empty-icon{font-size:40px}}.dashboard__table-row{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f3f4f6;transition:background .15s ease}.dashboard__table-row:last-child{border-bottom:none}.dashboard__table-row:hover{background:#f9fafb}.dashboard__table-row:nth-child(2n){background:#eff6ff}.dashboard__table-row:nth-child(2n):hover{background:#dbeafe}@media (max-width: 767px){.dashboard__table-row{padding:12px 14px}}.dashboard__rename-row{display:flex;align-items:center;gap:6px;width:100%}.dashboard__rename-input{flex:1;min-width:0;padding:4px 8px;border:1px solid #2563eb;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;outline:none;background:#fff}.dashboard__rename-save,.dashboard__rename-cancel{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:none;cursor:pointer;font-size:15px;flex-shrink:0;transition:background .15s ease}.dashboard__rename-save{color:#22c55e}.dashboard__rename-save:hover{background:#f0fdf4}.dashboard__rename-cancel{color:#ef4444}.dashboard__rename-cancel:hover{background:#fef2f2}@media (max-width: 767px){.dashboard__rename-save,.dashboard__rename-cancel{width:36px;height:36px;font-size:17px}}.dashboard__table-row--folder{cursor:pointer}.dashboard__table-row--folder .dashboard__file-icon{color:#f59e0b}.dashboard__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:box-shadow .15s ease,border-color .15s ease}.dashboard__card:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.dashboard__card-icon{font-size:32px;color:#2563eb;margin-bottom:14px}.dashboard__card-body{flex:1;min-width:0}.dashboard__card-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.dashboard__card-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.dashboard__card-date{font-size:12px;color:#9ca3af}.dashboard__card-actions{display:flex;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid #f3f4f6}@media (max-width: 1023px){.dashboard__card{padding:16px}.dashboard__card-icon{font-size:28px;margin-bottom:10px}}@media (max-width: 767px){.dashboard__card{padding:14px}.dashboard__card-icon{font-size:26px;margin-bottom:8px}.dashboard__card-name{font-size:13px}.dashboard__card-actions{margin-top:10px;padding-top:10px}}.dashboard__card--folder{cursor:pointer}.dashboard__card--folder .dashboard__card-icon{color:#f59e0b}.dashboard__card--folder:hover{border-color:#fbbf24}.header{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;position:sticky;top:0;z-index:100}.header__inner{max-width:1080px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:10px}.header__icon{font-size:24px;color:#2563eb}.header__title{font-size:20px;font-weight:700;color:#111827}.header__profile{position:relative}.header__profile-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s ease}.header__profile-btn:hover{background:#f9fafb}.header__avatar{width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.header__chevron{font-size:16px;color:#6b7280}.header__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;padding:6px 0;z-index:110}.header__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s ease}.header__dropdown-item:hover{background:#f9fafb}.header__dropdown-item--disabled{color:#9ca3af;cursor:default}.header__dropdown-item--disabled:hover{background:none}.header__dropdown-divider{height:1px;background:#e5e7eb;margin:6px 0}@media (max-width: 767px){.header__inner{padding:0 16px}.header__title{font-size:17px}.header__icon{font-size:20px}.header__avatar{width:34px;height:34px;font-size:14px}.header__profile-btn{min-height:44px;min-width:44px;justify-content:center}}