:root{--bg-primary: #ffffff;--bg-secondary: #faf9f8;--bg-tertiary: #f3f2f1;--bg-hover: #f3f2f1;--bg-selected: #e5f1fb;--bg-banner: #f3f9fd;--text-primary: #323130;--text-secondary: #605e5c;--text-tertiary: #a19f9d;--border-color: #edebe9;--border-color-strong: #d0e7f8;--accent-primary: #0078d4;--accent-hover: #106ebe;--error-color: #a4262c;--success-color: #107c10}body.dark-mode{--bg-primary: #1f1f1f;--bg-secondary: #292929;--bg-tertiary: #333333;--bg-hover: #3a3a3a;--bg-selected: #2a4a6b;--bg-banner: #252830;--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-tertiary: #888888;--border-color: #3a3a3a;--border-color-strong: #4a5568;--accent-primary: #4da6ff;--accent-hover: #6db8ff;--error-color: #f87171;--success-color: #4ade80}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.app-container.loading{justify-content:center;align-items:center}.header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#0078d4;color:#fff;flex-shrink:0;height:36px;min-height:36px}.header-left{display:flex;align-items:center;gap:8px}.header-logo{height:30px}.header-title{font-weight:600;font-size:14px}.header-right{display:flex;align-items:center;flex-direction:row;gap:4px}.header-logout{color:#fff!important}.header-logout:hover{background:#ffffff1a!important}.current-email-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-banner);border-bottom:1px solid var(--border-color);flex-shrink:0;min-height:40px}.current-email-banner.no-email{background:var(--bg-secondary);color:var(--text-secondary)}.current-email-icon{color:var(--accent-primary);font-size:18px;flex-shrink:0}.no-email .current-email-icon{color:var(--text-tertiary)}.current-email-info{flex:1;min-width:0;overflow:hidden}.current-email-subject{display:block;font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-email-from{display:block;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-email-text{font-size:12px;color:var(--text-secondary)}.toolbar{border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-commands .ms-CommandBar{padding:0 4px;height:40px;align-items:center}.toolbar-commands{border-bottom:1px solid var(--border-color)}.toolbar-search{padding:4px 8px}.search-box{max-width:100%}.breadcrumbs{display:flex;align-items:center;padding:2px 6px;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.breadcrumb-item{display:flex;align-items:center;height:32px;border:none;background:transparent;cursor:pointer;border-radius:3px;color:var(--accent-primary);font-size:13px}.breadcrumb-item.home{width:32px;justify-content:center;padding:0;margin-left:0;flex-shrink:0}.breadcrumb-item.home:hover{background:var(--bg-hover)}.breadcrumb-home-icon{font-size:16px}.breadcrumb-home-chevron{font-size:10px;color:var(--text-tertiary);flex-shrink:0;margin:0 2px}.breadcrumb-fluent{flex:1;min-width:0}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:var(--bg-primary)}.file-list{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);min-height:0}.file-list.details{position:relative;overflow:hidden}.file-name-cell{display:flex;align-items:center;gap:8px}.file-name{font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:var(--text-primary)}.file-name.drag-over{font-weight:600;color:var(--accent-primary)}.file-date{color:var(--text-secondary);font-size:14px;white-space:nowrap}.file-icon{color:var(--accent-primary);flex-shrink:0}.empty-folder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--text-secondary)}.empty-folder-icon{font-size:48px;color:var(--text-tertiary);margin-bottom:16px}.empty-folder-text{color:var(--text-secondary);margin-bottom:8px}.empty-folder-hint{font-size:12px;color:var(--text-tertiary)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.dark-mode .loading-overlay{background:#1f1f1fcc}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.preview-file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.preview-file-details{flex:1;min-width:0}.preview-filename{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;color:var(--text-primary);word-break:break-word;line-height:1.3}.preview-meta{display:block;color:var(--text-secondary);font-size:12px;margin-top:4px}.preview-actions{display:flex;gap:4px}.preview-content{padding:16px;overflow:auto;max-height:calc(100vh - 200px);background:var(--bg-primary)}.preview-loading{display:flex;justify-content:center;padding:32px}.embed-preview{margin:-16px;height:calc(100vh - 150px)}.image-preview{display:flex;justify-content:center;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:4px}.email-natural-view{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.email-header-section{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.email-subject-row{margin-bottom:12px}.email-subject-text{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.email-meta-row{display:flex;flex-direction:column;gap:4px;font-size:12px}.email-meta-item{display:flex;gap:8px;color:var(--text-secondary)}.email-meta-label{color:var(--text-tertiary);min-width:40px}.email-meta-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachments-row{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}.email-body-section{flex:1;padding:16px;overflow:auto;max-height:calc(100vh - 350px);background:var(--bg-primary)}.email-body-content{font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.email-no-body{color:var(--text-tertiary);font-style:italic;font-size:13px}.email-actions{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:8px}.email-preview{display:flex;flex-direction:column;gap:16px}.email-metadata{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:4px}.email-field{display:flex;gap:8px}.field-label{font-weight:600;min-width:50px;color:var(--text-primary)}.field-value{color:var(--text-primary);word-break:break-word}.field-value.subject{font-weight:600}.email-body{border-top:1px solid var(--border-color);padding-top:16px}.body-label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.body-content{background:var(--bg-secondary);padding:12px;border-radius:4px;max-height:400px;overflow:auto}.body-content pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0;color:var(--text-primary)}.text-preview{background:var(--bg-secondary);padding:12px;border-radius:4px;overflow:auto}.text-preview pre{white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:12px;margin:0;color:var(--text-primary)}.no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--text-secondary)}.no-preview-hint{margin-top:8px;font-size:12px;color:var(--text-tertiary)}.media-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:var(--bg-secondary);border-radius:4px}.media-preview.audio-preview{padding:32px 16px}.preview-image{max-width:100%;max-height:calc(100vh - 280px);object-fit:contain;border-radius:4px}.preview-video{max-width:100%;max-height:calc(100vh - 280px);border-radius:4px;background:#000}.preview-iframe{width:100%;height:calc(100vh - 180px);border:none}.email-body-html{font-size:13px;line-height:1.6;color:var(--text-primary);word-break:break-word}.email-body-html img{max-width:100%;height:auto}.email-body-html a{color:var(--accent-primary)}.email-body-html table{border-collapse:collapse;max-width:100%}.email-body-html table td,.email-body-html table th{padding:4px 8px;border:1px solid var(--border-color)}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.fullscreen-image{max-width:95vw;max-height:95vh;object-fit:contain}.fullscreen-close{position:absolute;top:16px;right:16px;background:#fff3!important;color:#fff!important;border-radius:50%}.fullscreen-close:hover{background:#ffffff4d!important}.html-preview{display:flex;flex-direction:column;height:calc(100vh - 200px);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.html-preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.html-preview-frame{flex:1;border:none;background:#fff}.upload-progress{position:fixed;bottom:16px;right:16px;width:320px;max-width:calc(100vw - 32px);background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid var(--border-color);z-index:1000;max-height:300px;display:flex;flex-direction:column}.upload-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.upload-title{font-weight:600;color:var(--text-primary)}.upload-list{overflow-y:auto;max-height:240px;padding:8px 0}.upload-item{padding:8px 16px;position:relative}.upload-file-info{padding-right:40px;overflow:hidden}.upload-filename{display:block;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-path{display:block;font-size:11px;color:var(--accent-primary);margin-top:2px}.upload-error{display:block;font-size:11px;color:var(--error-color);margin-top:4px;word-break:break-word}.upload-status-indicator{position:absolute;top:12px;right:16px;display:flex;align-items:center;justify-content:center;min-width:24px}.upload-item{position:relative;padding-right:50px}.upload-status{font-size:12px;color:var(--text-secondary)}.upload-status.success{color:var(--success-color);font-weight:600}.upload-status.error{color:var(--error-color);font-weight:600}.upload-duplicate-note{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px;word-break:break-word}.upload-spinner{margin-right:4px}.upload-progress-bar{margin-top:8px}.drop-zone{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.drop-overlay{position:absolute;top:32px;left:0;right:0;bottom:0;background:#0078d414;border:3px solid var(--accent-primary);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:999;cursor:copy;pointer-events:none}.drop-overlay>*{pointer-events:none}.drop-content{text-align:center;padding:32px 48px;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 24px #00000026;border:3px dashed var(--accent-primary);pointer-events:none}.drop-text{color:var(--accent-primary);margin-bottom:8px;display:block;font-weight:600}.drop-hint{color:var(--text-secondary);font-size:13px;display:block}.login-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;padding:16px;background:var(--bg-secondary);box-sizing:border-box}.login-content{background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000026;text-align:center;max-width:320px;width:100%}.login-content .login-title,.login-content .login-description{color:#231f20}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-logo img{width:120px;height:auto}.login-title{display:block;margin-bottom:8px;color:var(--text-primary)}.login-description{display:block;color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.5}.login-button{width:100%}.login-error{margin-bottom:16px;padding:12px;background:#fde7e9;color:var(--error-color);border-radius:4px;font-size:12px}.dark-mode .login-error{background:#442726}.create-folder-content{padding:16px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 350px){.header-logo{height:30px}.current-email-subject{font-size:11px}.current-email-from{font-size:10px}}.activity-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.activity-panel-title{font-weight:600;color:var(--text-primary)}.activity-panel-actions{display:flex;gap:4px}.activity-log{padding:8px 0}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--text-secondary)}.activity-empty-icon{font-size:32px;color:var(--text-tertiary);margin-bottom:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;transition:background .1s ease}.activity-item:hover{background:var(--bg-hover)}.activity-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.activity-icon.upload{background:#dff6dd;color:#107c10}.activity-icon.download{background:#deecf9;color:#0078d4}.activity-icon.delete{background:#fde7e9;color:#a4262c}.activity-icon.create{background:#fff4ce;color:#8a6914}.activity-icon.error{background:#fde7e9;color:#a4262c}.activity-icon.duplicate_skipped{background:#fff4ce;color:#8a6914}.dark-mode .activity-icon.upload{background:#1e3a1e;color:#4ade80}.dark-mode .activity-icon.download{background:#1e3a5a;color:#4da6ff}.dark-mode .activity-icon.delete{background:#3a1e1e;color:#f87171}.dark-mode .activity-icon.create{background:#3a3a1e;color:#fbbf24}.dark-mode .activity-icon.error{background:#3a1e1e;color:#f87171}.dark-mode .activity-icon.duplicate_skipped{background:#3a3a1e;color:#fbbf24}.activity-content{flex:1;min-width:0}.activity-message{display:block;font-size:13px;color:var(--text-primary);word-break:break-word}.activity-details{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.activity-path{display:block;font-size:11px;color:var(--accent-primary);margin-top:2px}.activity-time{flex-shrink:0;font-size:11px;color:var(--text-tertiary)}.site-home{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-primary)}.site-home-title{color:var(--text-primary);font-weight:600}.site-home-empty{color:var(--text-secondary)}.site-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.site-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-primary);transition:border-color .15s ease,background .15s ease}.site-card:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.site-card-icon{font-size:28px;color:var(--accent-primary)}.site-card-name{font-size:14px;font-weight:600;text-align:center}.file-thumbnail{object-fit:cover;border-radius:3px;flex-shrink:0;background:var(--bg-tertiary)}.site-home-header{display:flex;align-items:center;justify-content:space-between}.move-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:8px;font-size:12px}.move-crumb{border:none;background:transparent;color:var(--accent-primary, #0078d4);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:12px}.move-crumb:hover{background:var(--bg-hover)}.move-crumb-sep{font-size:9px;color:var(--text-secondary);margin:0 1px}.move-folder-list{border:1px solid var(--border-color);border-radius:4px;max-height:240px;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;padding:4px;gap:1px}.move-folder-row{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:7px 8px;border-radius:4px;cursor:pointer;text-align:left;color:var(--text-primary);font-size:13px}.move-folder-row:hover{background:var(--bg-hover)}.move-folder-icon{color:#ffb900}.move-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-folder-chevron{font-size:10px;color:var(--text-secondary)}.move-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:12px}.email-html-frame{width:100%;min-height:320px;flex:1;border:none;background:#fff;border-radius:4px}