.login-layout{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;min-width:100vw;display:flex;justify-content:center;align-items:center;color:#fff}.sidebar-container{background-color:#182133;font-size:1.6rem;color:#fff;width:22rem;min-width:22rem;height:100vh}.sidebar-logo-area{padding:2rem;text-align:center}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-link{display:block;padding:1rem;color:#fff;text-decoration:none;text-align:center;transition:background-color .2s ease}.sidebar-link:hover{background-color:#2196f340}.sidebar-link.active{background-color:#2196f3}.header-container{font-size:1.6rem;color:#fff;background-color:#252c48;height:6.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.header-refresh-button{display:flex;align-items:center;justify-content:center;gap:6px;width:12rem;height:3.6rem;background-color:#019eff;border-radius:3px;cursor:pointer}.header-refresh-button:hover{opacity:.85}.header-refresh-icon{font-size:1.8rem}.header-refresh-text{font-size:1.4rem}.header-right-area{display:flex;align-items:center;gap:1.2rem}.header-avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover}.header-logout-button{font-size:1.4rem;width:12rem;height:3.6rem;color:#fff;background-color:#019eff;border:1px solid #019eff;border-radius:3px;cursor:pointer}.header-logout-button:hover{opacity:.85}.header-logo{height:3rem;object-fit:contain}.home-layout{display:flex;height:100vh;overflow:hidden}.home-layout-content{display:flex;flex-direction:column;flex:1;height:100vh}.home-layout-main{font-size:1.6rem;color:#fff;background-color:#252c48;flex:1;overflow-y:auto}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-logo-area{margin-bottom:4rem}.login-container{background-color:#041d40c9;max-width:38.4rem;width:38.4rem;text-align:center;padding:3.2rem}.form-input-area{margin-top:3.2rem;margin-bottom:2.4rem}.form-input{font-size:1.5rem;color:#fff;background-color:transparent;border:transparent;box-shadow:0 1px;width:100%}.login-error-area{margin-bottom:1.6rem;text-align:center}.login-error-message{font-size:1.5rem;color:#f44336}.login-button{font-size:1.4rem;width:22rem;height:3.6rem;color:#fff;background-color:#019eff;border-color:#019eff;border-radius:.3rem}.login-footer{font-size:1.3rem;margin-top:3.2rem;margin-bottom:2.4rem}.mypage-page{background-color:#1e2740;padding:14px;font-size:2.4rem}.mypage-wrapper{background-color:#202a45;padding:12px;margin-top:12px}.usage-card{background-color:#2a3550;padding:12px;font-size:1.6rem;display:flex;flex-direction:column;gap:15px}.usage-text{color:#cbcfda}.usage-value{color:#9bafe2}.warning-message{color:#ffb74d}.error-message{color:#ff6b6b}.contents-page{background-color:#1e2740;padding:14px;font-size:2.4rem}.contents-wrapper{background-color:#202a45;padding:12px;margin-top:12px}.contents-card{background-color:#2a3550;padding:12px;font-size:2rem}.contents-toolbar{display:flex;justify-content:flex-end;margin-top:12px;margin-bottom:12px;gap:12px}.contents-search-box{display:flex;align-items:center;background-color:#24304d;border:1px solid #3d4c6c;padding:6px 10px;width:260px}.contents-search-icon{color:#91a0c1;font-size:1.6rem;margin-right:6px}.contents-search-input{background:transparent;border:none;outline:none;color:#e9ecef;width:100%;font-size:1.4rem}.view-mode-buttons{display:flex;gap:8px}.view-mode-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:#24304d;color:#fff;border:1px solid #3d4c6c;cursor:pointer}.view-mode-button.active{background-color:#4c5d80}.contents-empty-message{color:#91a0c1;font-size:1.4rem;margin-top:16px}.pagination-button.active{background-color:#4c5d80;color:#fff}.contents-table{font-size:1.4rem;color:#91a0c1;margin-top:16px;border-collapse:collapse}.contents-table-body{color:#e9ecef}.contents-table-row{border-top:1px solid rgb(24,33,51)}.contents-thumbnail{width:100px}.w-content-name,.w-file-name{padding:10px 8px;width:200px}.w-type,.w-user-mnme{padding:10px 8px;width:100px}.w-date{padding:10px 8px;width:200px}.contents-action-icon{font-size:1.8rem;color:#90caf9;cursor:pointer;margin-right:8px}.contents-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.contents-tile-card{background-color:#202a45;border:1px solid #3d4c6c;min-width:0;overflow:hidden}.contents-thumbnail-area{width:100%;aspect-ratio:16 / 9;background-color:#111827}.contents-tile-thumbnail{width:100%;height:100%;object-fit:cover}.contents-tile-body{padding:10px;font-size:1.3rem;color:#e9ecef}.contents-tile-title{font-weight:700;margin-bottom:6px}.contents-tile-file-name{color:#91a0c1;font-size:1.2rem}.contents-tile-meta{color:#91a0c1;font-size:1.2rem;margin-top:4px}.contents-tile-actions{margin-top:8px}.near-deletion-text,.contents-table-row.near-deletion-text td,.contents-tile-card.near-deletion-text,.contents-tile-card.near-deletion-text .contents-tile-body,.contents-tile-card.near-deletion-text .contents-tile-title,.contents-tile-card.near-deletion-text .contents-tile-file-name,.contents-tile-card.near-deletion-text .contents-tile-meta{color:#f44336}.users-page{background-color:#1e2740;padding:14px;font-size:2.4rem}.users-wrapper{background-color:#202a45;padding:12px;margin-top:12px}.users-card{background-color:#2a3550;padding:12px;font-size:2rem}.users-table{font-size:1.4rem;color:#91a0c1;margin-top:16px;border-collapse:collapse}.users-table-body{color:#e9ecef}.user-select-cell{padding:10px 8px;width:60px;text-align:center}.user-company-cell,.user-id-cell{padding:10px 8px;width:250px}.user-name-cell{padding:10px 8px;width:200px}.user-role-cell{padding:10px 8px;width:1000px}.users-action-area{margin-top:16px;margin-bottom:12px}.users-action-button{font-size:1.4rem;width:12rem;height:3.6rem;color:#fff;background-color:#019eff;border-Color:#019eff;border-radius:3px;margin-right:8px;cursor:pointer}.user-form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999}.user-form-modal{background-color:#041d40c9;max-width:38.4rem;width:38.4rem;text-align:center;padding:3.2rem;color:#fff}.user-form-title{font-size:2rem;margin-bottom:2.4rem}.user-form-field{margin-top:3.2rem;margin-bottom:2.4rem}.user-form-select,.user-form-input{font-size:1.5rem;color:#fff;background-color:transparent;border:transparent;box-shadow:0 1px;width:100%}.user-form-select{background-color:#041d40}.user-form-input.disabled{color:#aaa;cursor:not-allowed}.user-form-button-area{margin-top:3.2rem}.user-form-save-button{font-size:1.4rem;width:10rem;height:3.6rem;color:#fff;background-color:#019eff;border:1px solid #019eff;margin-right:1rem;cursor:pointer}.user-form-cancel-button{font-size:1.4rem;width:10rem;height:3.6rem;color:#fff;background-color:transparent;border:1px solid #ffffff;cursor:pointer}.upload-page{background-color:#1e2740;padding:14px;font-size:2.4rem}.upload-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-size:2rem;font-weight:700}.upload-wrapper{background-color:#202a45;padding:12px;margin-top:12px}.upload-card{background-color:#2a3550;padding:12px;font-size:1.6rem;display:flex;flex-direction:column;gap:10px}.workflow-area{color:#cbcfda}.upload-input{width:500px;margin-bottom:8px;background-color:#1e2740;color:#cbcfda}.workflow-select{width:500px;background-color:#1e2740;color:#cbcfda;overflow-y:auto}.contentsname-area{color:#cbcfda;display:flex;flex-direction:column}.content-name-row{display:flex;align-items:center;gap:12px}.content-name-input{margin-bottom:0}.file-drop-area{width:min(1000px,100%);min-height:clamp(180px,28vh,300px);height:auto;border-radius:10px;border:2px dashed #3a466b;background-color:#546284;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e9ecef;cursor:pointer;text-align:center;padding:20px 16px;box-sizing:border-box}.file-drop-area.is-dragging{border-color:#90caf9;background-color:#90caf926}.file-input-hidden{display:none}.upload-button{font-size:1.4rem;width:12rem;height:3.6rem;color:#fff;background-color:#019eff;border:none;border-radius:3px}.bottom-upload-button{margin-top:4px}.file-drop-message{line-height:1.6}.selected-file-list{width:80%;max-width:760px;text-align:left}.selected-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;color:#e9ecef;background:transparent;border:none}.selected-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-remove{flex:0 0 auto;border:none;background:transparent;color:#e9ecef;cursor:pointer;font-size:1.8rem;line-height:1;padding:2px 6px}.selected-file-remove:hover{color:#ff6b6b}.jobs-page{background-color:#1e2740;padding:14px;font-size:2.4rem}.jobs-wrapper{background-color:#202a45;padding:12px;margin-top:12px}.jobs-card{background-color:#2a3550;padding:12px;font-size:2rem}.empty-job-message{color:#91a0c1;font-size:1.4rem;margin-top:16px}.pagination-area{display:flex;justify-content:center;align-items:center;gap:8px;margin:12px 0;font-size:1.4rem;color:#cbcfda}.pagination-arrow{background:none;border:none;color:#90caf9;cursor:pointer;font-size:1.6rem}.pagination-arrow.disabled{color:#3a466b;cursor:not-allowed}.pagination-button{min-width:32px;height:32px;border:none;background-color:transparent;color:#cbcfda;cursor:pointer}.jobs-table{font-size:1.4rem;color:#91a0c1;margin-top:16px;border-collapse:collapse}.jobs-table-body{color:#e9ecef}.jobs-row{border-top:1px solid rgb(24,33,51)}.center-column{text-align:center}.w-content-name{padding:10px 8px;width:200px}.w-progress{padding:10px 8px;width:80px;text-align:center}.w-status{padding:10px 8px;width:150px;text-align:center}.w-file-name{padding:10px 8px;width:200px}.w-workflow-name{padding:10px 8px;width:280px}.w-user-name{padding:10px 8px;width:100px}.w-date{padding:10px 8px;width:150px}.job-thumbnail{width:100px}.progress-bar{width:80px;height:18px;background-color:#3a466b;overflow:hidden;position:relative;margin:0 auto}.progress-bar-fill{height:100%;background-color:#4caf50;transition:width .2s ease}.progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);pointer-events:none}.job-action-icon{font-size:1.8rem;color:#90caf9;cursor:pointer;margin-right:8px}.job-error-icon{color:#f44336;font-size:1.6rem}.contents-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1e2740;color:#e9ecef}.contents-loading-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.15);border-top:4px solid #90caf9;border-radius:50%;animation:contents-spin 1s linear infinite}.contents-loading-text{margin-top:18px;font-size:1.6rem;color:#91a0c1;letter-spacing:1px}@keyframes contents-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.near-deletion-text{color:#f44336}.jobs-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:12px 0}.jobs-search-box{display:flex;align-items:center;background-color:#24304d;border:1px solid #3d4c6c;padding:6px 10px;width:260px}.jobs-search-icon{color:#91a0c1;font-size:1.6rem;margin-right:6px}.jobs-search-input{background:transparent;border:none;outline:none;color:#e9ecef;width:100%;font-size:1.4rem}.jobs-search-input:focus{border-color:#8fa4d8}html{font-size:62.5%}