:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#f8f8f8;color:#eee;height:80px}.layout-brand{font-weight:700;font-size:1.25rem;color:#eee;text-decoration:none}.layout-nav{display:flex;gap:1rem}.layout-nav a{color:var(--Text-color, #202224);font-size:16px;font-style:normal;font-weight:700;line-height:normal;padding:10px 20px}.layout-nav a:hover,.layout-nav a.active{color:#4379ee}.layout-user{margin-left:auto;display:flex;align-items:center;gap:.35rem;position:relative}.layout-welcome{color:var(--Text-color, #202224);text-align:right;font-size:13px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer}.layout-user-name{color:var(--Main-Blue, #4379EE);font-size:13px;font-style:normal;font-weight:700;line-height:normal}.layout-role{color:var(--Text-color, #202224);text-align:right;font-size:13px;font-style:normal;font-weight:700;line-height:normal}.layout-user-toggle{padding:.25rem .5rem;background:transparent;border:none;color:#4379ee;cursor:pointer;font-size:.7rem}.layout-user-toggle:hover{color:#4379ee}.layout-user-toggle:focus{outline:none}.layout-user-toggle-arrow{display:inline-block;transition:transform .2s}.layout-user.is-open .layout-user-toggle-arrow{transform:rotate(180deg)}.layout-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:180px;padding:.5rem 0;background:#16213e;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden}.layout-user-dropdown-info{padding:.6rem 1rem;color:#aaa;font-size:.9rem;border-bottom:1px solid #333;text-align:left}.layout-user-dropdown-info small{color:#777;font-size:.8rem}.layout-user-dropdown-item{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;color:#ccc;text-align:left;cursor:pointer;font-size:.9rem;text-decoration:none}button.layout-user-dropdown-item{font-family:inherit}.layout-user-dropdown-item:hover{background:#252540;color:#fff}.layout-main{flex:1;padding:1.5rem}.page-title{margin:0 0 1rem;font-size:1.5rem}.loading{padding:2rem;text-align:center;color:#aaa}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-header h3{font-family:Arial;font-weight:700;font-style:Bold;font-size:21px;line-height:28px;letter-spacing:0px;text-align:center;color:#101828;margin:14px 0 6px}.login-header p{font-family:Arial;font-weight:400;font-style:Regular;font-size:14px;leading-trim:NONE;line-height:21px;letter-spacing:0px;text-align:center;color:#4a5565;margin:0}.login-card{width:100%;min-width:392px;max-width:392px;padding:1.4rem;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;margin-top:28px}.forgot-password-card{border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.login-card h1{margin:0 0 .25rem;font-size:1.75rem;color:#fff}.login-sub{color:#101828;text-align:center;font-family:Arial;font-size:17.5px;font-style:normal;font-weight:400;line-height:24.5px;margin-top:0;margin-bottom:30px}.password-label{top:10px}.login-card form{text-align:left!important}.login-card label{color:#364153;font-family:Arial;font-size:12.25px;font-style:normal;font-weight:400;line-height:20.25px;text-align:left!important;position:relative;width:100%;display:block}.login-card label span.password-toggle{background-image:url(/assets/img/eye-show-icon.svg);background-repeat:no-repeat;background-position:10px center;position:absolute;right:7px;top:33px;width:24px;height:24px;cursor:pointer;background-size:14px}.login-card label span.password-toggle.hide{background-image:url(/assets/img/eye-hide-icon.svg)}.login-card input{display:flex;width:350px;height:42px;padding:3.5px 10.5px 3.5px 35px;align-items:center;border-radius:12.75px;border:1px solid #E5E7EB;background:#f9fafb;color:#000;font-family:Arial;font-size:12.25px;font-style:normal;font-weight:400;line-height:normal;background-image:url(/assets/img/email-icon.svg);background-repeat:no-repeat;background-position:10px center}.login-card input::placeholder{color:#717182}.login-card input.password{background-image:url(/assets/img/lock-icon.svg);background-repeat:no-repeat;background-position:10px center}.login-card input:focus{outline:none;border-color:#4a90d9}.login-error{padding:.5rem .75rem;margin-bottom:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem}.login-card input.error{border-color:#c44}.login-card button{width:100%;border-radius:12.75px;background:#1849d6;display:flex;padding:13.75px 0;justify-content:center;align-items:center;color:#fff;text-align:center;font-family:Arial;font-size:12.25px;font-style:normal;font-weight:400;line-height:17.5px}.login-card button:hover:not(:disabled){background:#5a9ee9}.login-card button:disabled{opacity:.7;cursor:not-allowed}.login-card button:focus{outline:none}.login-forgot{margin-top:27px;margin-bottom:14px;text-align:right}.login-forgot.login{text-align:right;margin-bottom:14px}.login-forgot a{color:#030213;text-align:center;font-family:Arial;font-size:12.25px;font-style:normal;font-weight:400;line-height:17.5px}.login-forgot a:hover{text-decoration:underline}.forgot-password-card{max-width:360px}.forgot-steps{display:flex;align-items:center;justify-content:center;gap:.25rem;margin:1rem 0 .5rem}.forgot-steps span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#252540;color:#666;font-size:.85rem;font-weight:600}.forgot-steps span.active{background:#4a90d9;color:#fff}.forgot-steps-line{width:24px!important;height:3px!important;border-radius:0!important;background:#333!important}.forgot-steps .forgot-steps-line.active{background:#4a90d9!important}.forgot-step-label{color:#0a0a0a;text-align:center;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:16px}.forgot-password-card .login-success{padding:.5rem .75rem;margin-bottom:1rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:.9rem}.forgot-password-card .input-readonly{opacity:.8;cursor:not-allowed}.forgot-password-card .btn-back{width:100%;margin-top:.5rem;padding:.6rem;background:transparent;color:#888;border:1px solid #444;border-radius:6px;font-size:.9rem;cursor:pointer}.forgot-password-card .btn-back:hover{background:#252540;color:#ccc}p.forgot-sub{color:#717182;text-align:center;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:24px}p.try-text{color:#6a7282;text-align:center;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-top:16px}p.login-back-btn{text-align:center;margin-top:35px;margin-bottom:0}p.login-back-btn a{color:#717182;text-align:center;font-family:Arial;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.footer-action-area{display:flex;align-items:center;justify-content:space-between}p.login-forgot{text-align:center;margin-bottom:0}p.login-forgot a{color:#3b82f6;text-align:center;font-family:Arial;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.project-list-page{padding:0;background:#fff;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;align-items:flex-end}.page-header h2{color:#0a0a0a;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin:0;padding-left:28px}.btn-add{display:inline-flex;justify-content:center;align-items:center;gap:10px;color:#155dfc;font-size:12px;font-style:normal;font-weight:700;line-height:normal;border-radius:10px;background:#eff3fe;border:1px solid #C9DDFF;padding:10px 12px 12px}.btn-add:hover{background:#2f4ecb;color:#fff}.btn-add:hover img{filter:brightness(0) invert(1)}.table-wrapper{background:#fff;border-radius:8px;overflow:hidden}.align-left{text-align:left!important}.project-table{width:100%;border-collapse:collapse}.project-table thead{border-radius:10px;background:#f8f8f8}.project-table th{color:#0a0a0a;font-size:14px;font-style:normal;font-weight:600;line-height:14px;padding:12px 28px}.project-table td{padding:20px 28px;color:#0a0a0a;font-size:14px;font-style:normal;font-weight:400;line-height:14px;vertical-align:top}.project-table td p{margin-top:0}.project-table tbody tr:nth-child(2n){background:#f8f8f8}.title{font-weight:500}.lyric{max-width:350px;color:#444}.see-more{color:#3b5bdb;cursor:pointer;font-size:13px}.see-more-toggle{margin:4px 0 0;padding:0;background:none;border:none;font:inherit;color:inherit;cursor:pointer;display:inline-block}.lyric-preview p{margin:0}.scene-count{text-align:center}.status-cell{max-width:180px}.project-status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.project-status--1{background:#f3f4f6;color:#374151}.project-status--2{background:#dbeafe;color:#1e40af}.project-status--3{background:#e0e7ff;color:#3730a3}.project-status--4{background:#fef3c7;color:#92400e}.project-status--5{background:#fde68a;color:#78350f}.project-status--6{background:#fed7aa;color:#c2410c}.project-status--7{background:#bbf7d0;color:#166534}.project-status--8{background:#86efac;color:#14532d}.actions{display:flex;justify-content:center;gap:10px}.edit-btn{background-color:transparent;border:none;padding:0 10px 10px}.edit-btn:focus{outline:none}.edit-btn:hover{outline:none;border:none;opacity:.7}.delete-btn{background-color:transparent;border:none;padding:0 10px 10px}.delete-btn:focus{outline:none}.delete-btn:hover{outline:none;border:none;opacity:.7}.pagination{margin-top:90px;display:flex;justify-content:center;gap:6px}.pagination button{border-radius:8px;border:1px solid #F1F1F1;background:#fff;display:flex;width:32px;height:32px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#333;font-size:13px;font-style:normal;font-weight:600;line-height:normal}.pagination .active,.pagination button:hover{background:#3b5bdb;color:#fff;border-color:#3b5bdb}.pagination button:focus{outline:none}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:disabled:hover{background:#fff;color:#333;border-color:#f1f1f1}.pagination .pagination-ellipsis{display:inline-flex;align-items:center;padding:0 4px;color:#333;font-size:13px;font-weight:600}.pagination span{color:#333;font-size:13px;font-style:normal;font-weight:600;line-height:25px}.lyrics-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.lyrics-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:560px;width:100%;max-height:80vh;display:flex;flex-direction:column}.lyrics-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e8e8e8}.lyrics-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#0a0a0a}.lyrics-modal-close{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:4px;line-height:1}.lyrics-modal-close:hover{color:#0a0a0a}.lyrics-modal-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.lyrics-modal-content{margin:0;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#333;font-family:inherit}.create-project-page{max-width:100%;height:82vh}.song-info-card{max-width:560px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000004d;text-align:left}.song-info-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#000}.song-info-desc{margin:0 0 1.5rem;color:#999;font-size:.95rem}.song-info-form label{display:block;margin-bottom:1.25rem;color:#bbb;font-size:.9rem;font-weight:500}.song-info-form input,.song-info-form textarea{display:block;width:100%;margin-top:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#333;font-size:1rem;box-sizing:border-box}.song-info-form input::placeholder,.song-info-form textarea::placeholder{color:#666}.song-info-form input:focus,.song-info-form textarea:focus{outline:none;border-color:#4a90d9}.song-info-form textarea{min-height:140px;resize:vertical}.btn-next{width:100%;margin-top:.5rem;padding:.85rem 1.5rem;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.btn-next:hover{background:#5a9ee9}.field-error{display:block;margin-top:.35rem;color:#e88;font-size:.85rem}.field-hint{display:block;margin-top:.35rem;color:#6b7280;font-size:.8rem}.field-hint.slug-hint{margin-top:.25rem}.song-info-form .required{color:#e66}.song-info-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.song-info-actions .btn-next{flex:1;min-width:120px}.btn-edit{padding:.85rem 1.5rem;background:#333;color:#eee;border:1px solid #555;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.btn-edit:hover:not(:disabled){background:#444;border-color:#666}.btn-edit:disabled{opacity:.7;cursor:not-allowed}.add-new-area{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:12px}.header-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-top:10px;border-bottom:1px solid #fff;padding-bottom:10px;background:#fff}.header-area label.btn-replace{border:0px;color:#dbeafe;font-size:12px;font-style:normal;font-weight:400;line-height:20px;border-radius:100px;background:#155dfc;display:flex;width:170px;padding-left:5px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.header-area button.btn-replace:focus{outline:none}.add-new-area button{display:flex;width:101px;height:34px;padding:16px 14px;justify-content:center;align-items:center;gap:8px;border-radius:100px;background:#dbeafe;box-shadow:0 20px 50px #bf156c0d;color:#155dfc;font-size:12px;font-style:normal;font-weight:600;line-height:normal}.add-new-area button:focus{outline:none}h3.table-title{color:#0a0a0a;font-size:16px;font-style:normal;font-weight:600;line-height:16px;text-align:left!important;margin-top:0;margin-bottom:0;padding-left:15px}.step-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.step-tabs button{padding:.5rem 1rem;background:#252540;color:#bbb;border:1px solid #333;border-radius:6px;cursor:pointer}.step-tabs button.active{background:#4a90d9;color:#fff;border-color:#4a90d9}.step-tabs button:hover:not(.active){background:#333;color:#fff}.manage-step-tabs-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem}.manage-step-tabs{display:flex;gap:.5rem;flex-shrink:0}.manage-step-tabs .step-tab{padding:.4rem .9rem;background:#e5e7eb;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px}.manage-step-tabs .step-tab.active{background:#155dfc;color:#fff;border-color:#155dfc}.manage-step-tabs .step-tab:focus{outline:none}.manage-step-tabs .step-tab:hover:not(.active){background:#d1d5db}.view-mode-actions{display:flex;align-items:center;flex-shrink:0}.view-mode-btn{padding:.35rem .75rem;font-size:12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.column-config-wrap .view-mode-btn{margin-left:10px}.view-mode-btn:hover{background:#e5e7eb}.view-mode-btn.active{background:#155dfc;color:#fff;border-color:#155dfc}.view-mode-btn.song-details-btn{background:#7c3aed;color:#fff;border-color:#6d28d9}.view-mode-btn.song-details-btn:hover{background:#6d28d9;color:#fff}.column-config-wrap{position:relative}.column-config-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.75rem;z-index:100}.column-config-list{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto;margin-bottom:.5rem}.column-config-item{display:flex;align-items:center;gap:.5rem;font-size:13px;cursor:pointer;color:#000}.column-config-item input{width:auto}.table-see-more-preview,.table-see-more-content{font-size:13px;line-height:1.4;color:#717182}.table-see-more-content pre{color:inherit;font-family:inherit}.see-more-toggle{margin-top:4px;padding:2px 8px;font-size:12px;color:#155dfc;background:none;border:none;cursor:pointer}.see-more-toggle:hover{text-decoration:underline}.see-more-message{margin-bottom:.5rem}.see-more-message pre{margin:.25rem 0 0;padding:6px;background:#f3f4f6;border-radius:4px;font-size:12px;white-space:pre-wrap;overflow-x:auto}.see-more-toggle:focus{outline:none}.cell-with-copy{position:relative}.cell-with-copy-inner{position:relative;min-height:1.5em}.cell-copy-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:1}.cell-with-copy:hover .cell-copy-btn{opacity:1}.cell-copy-btn:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.messages-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.messages-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:720px;width:100%;max-height:85vh;display:flex;flex-direction:column}.messages-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.messages-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111}.messages-modal-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px}.messages-modal-close:hover{color:#111;background:#f3f4f6}.messages-modal-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.messages-modal-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}.messages-modal-role{display:inline-block;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;margin:.75rem 0 0 .75rem}.messages-modal-role--user{background:#dbeafe;color:#1d4ed8}.messages-modal-role--assistant{background:#d1fae5;color:#047857}.messages-modal-role--system{background:#fef3c7;color:#b45309}.messages-modal-role--message{background:#e5e7eb;color:#374151}.multi-shot-modal{max-width:640px}.multi-shot-modal-body{display:flex;flex-direction:column;gap:1rem}.multi-shot-box{position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}.multi-shot-copy-btn-wrap{position:absolute;top:8px;right:1rem;z-index:1}.multi-shot-copy-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;transition:opacity .15s ease}.multi-shot-box:hover .multi-shot-copy-btn{opacity:1}.multi-shot-copy-btn:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.multi-shot-copy-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;padding:4px 10px;background:#111;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:2;animation:multi-shot-tooltip-fade .15s ease}.multi-shot-copy-btn-wrap .multi-shot-copy-tooltip{left:50%;transform:translate(-50%)}.multi-shot-content-copy-wrap .multi-shot-copy-tooltip{left:auto;right:0;transform:none}@keyframes multi-shot-tooltip-fade{0%{opacity:0}to{opacity:1}}.multi-shot-label{display:inline-block;padding:.4rem .85rem;font-size:.8rem;font-weight:600;color:#374151;background:#e5e7eb;border-radius:6px;margin:.75rem 0 0 .75rem}.multi-shot-duration{margin:.75rem 1rem 0;padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:flex;align-items:center;gap:.5rem}.multi-shot-duration-label{font-size:.75rem;font-weight:600;color:#1d4ed8;text-transform:uppercase;letter-spacing:.03em}.multi-shot-duration-value{font-size:.875rem;color:#1e40af;font-weight:500}.multi-shot-main{position:relative;margin:.75rem 1rem 1rem}.multi-shot-main-label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.35rem}.multi-shot-content-copy-wrap{position:absolute;top:25px;right:3px;z-index:1}.multi-shot-content-copy-btn{width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:1}.multi-shot-main:hover .multi-shot-content-copy-btn{opacity:1}.multi-shot-content-copy-btn:hover{color:#111;background:#f3f4f6;border-color:#d1d5db}.multi-shot-content{margin:0;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:200px;overflow-y:auto}.messages-modal-content{padding:.75rem 1rem 1rem}.messages-modal-content pre{margin:0;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:280px;overflow-y:auto}.messages-modal-textarea{width:100%;min-height:120px;padding:.75rem;font-size:.8125rem;line-height:1.5;font-family:inherit;border:1px solid #e5e7eb;border-radius:6px;resize:vertical;box-sizing:border-box}.messages-modal-textarea:focus{outline:none;border-color:#155dfc}.messages-modal-image-placeholder{padding:.75rem;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:6px;font-size:.8125rem;color:#6b7280}.messages-modal-footer{padding:0 1.25rem 1.25rem;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.messages-modal-error{font-size:.875rem;color:#b91c1c}.messages-modal-resubmit{padding:.5rem 1rem;background:#155dfc;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.messages-modal-resubmit:hover:not(:disabled){background:#2563eb}.messages-modal-resubmit:disabled{opacity:.7;cursor:not-allowed}.motion-prompt-request-cell{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.motion-prompt-history-btn{font-size:12px;font-weight:600;color:#155dfc;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:2px 8px 2px 0}.motion-prompt-history-btn:hover{background:#eff6ff}.motion-prompt-generate-btn{padding:4px 10px;font-size:12px;color:#fff;background:#155dfc;border:none;border-radius:6px;cursor:pointer}.motion-prompt-generate-btn:hover:not(:disabled){background:#2563eb}.motion-prompt-generate-btn:disabled{opacity:.7;cursor:not-allowed}.motion-prompt-generate-error{display:block;font-size:11px;color:#b91c1c;margin-top:4px}.history-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;box-sizing:border-box;z-index:9999}.history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:420px;width:100%;max-height:80vh;display:flex;flex-direction:column}.history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.history-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111}.history-modal-body{padding:1rem 1.25rem;overflow-y:auto}.history-loading,.history-empty{margin:0;color:#6b7280;font-size:.9rem}.history-timeline{list-style:none;margin:0;padding:0}.history-timeline-item{margin:0;padding:0;border-bottom:1px solid #f3f4f6}.history-timeline-item:last-child{border-bottom:none}.history-timeline-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 0;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:#111}.history-timeline-btn:hover{background:#f9fafb}.history-timeline-time{font-weight:500;font-size:.9rem}.history-timeline-model{font-size:.75rem;color:#6b7280;margin-top:2px}.history-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column}.history-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.history-detail-header h3{margin:0;font-size:1rem;font-weight:600;color:#111}.history-detail-body{padding:1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.history-detail-section h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.03em}.history-detail-messages{display:flex;flex-direction:column;gap:.75rem}.history-detail-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}.history-detail-role{display:inline-block;padding:.3rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;margin:.5rem 0 0 .5rem}.history-detail-role--user{background:#dbeafe;color:#1d4ed8}.history-detail-role--assistant{background:#d1fae5;color:#047857}.history-detail-role--system{background:#fef3c7;color:#b45309}.history-detail-pre{margin:.5rem .75rem .75rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.8125rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:200px;overflow-y:auto}.history-detail-response-grid{display:flex;flex-direction:column;gap:.75rem}.history-detail-field{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}.history-detail-field label{display:block;padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f3f4f6}.history-detail-field pre{margin:0;padding:.75rem;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:180px;overflow-y:auto}.history-detail-meta{margin:.5rem 0 0;font-size:.8rem;color:#6b7280}.btn-add-multiple{background:#6b7280!important;color:#fff!important}.btn-add-multiple:hover{background:#4b5563!important}.scene-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;margin-right:6px;color:#4b4e52;font-size:15px;line-height:1;vertical-align:middle;position:absolute;left:2px}.scene-drag-handle:active{cursor:grabbing}.scene-row-dragging{opacity:.6}.scene-row-drag-target{border-top:2px solid #155DFC;background:#eff6ff!important}.scene-row-pending{background:#fafafa;opacity:.85}.scene-row-processing{background:#e8f4fd}.scene-row-completed{background:#e8f5e9}.scene-row-error{background:#ffebee}.scene-row-error-icon{margin-left:4px;color:#c62828;cursor:help}.table-scroll.table-disabled{pointer-events:none;opacity:.9}.motion-prompt-generate-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.motion-prompt-mode-select{height:36px;padding:0 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;min-width:140px}.header-actions .btn-header-action{height:36px;padding:0 14px;font-size:12px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center}.header-actions .btn-primary.btn-header-action{background:#dbeafe;color:#155dfc;border:none}.header-actions .btn-primary.btn-header-action:hover{background:#bfdbfe}.step-title{margin:0 0 .5rem;font-size:1.25rem}.step-desc{color:#999;margin:0 0 1rem;font-size:.9rem}.hint{color:#888;font-size:.85rem;margin:.5rem 0}.create-project-page:has(.table-wrap){display:flex;flex-direction:column;height:85vh;overflow:hidden}.create-project-page:has(.table-wrap) .step-title{flex-shrink:0;margin:1rem 0 .5rem}.table-wrap{flex:1;min-height:0;margin:0 0 1rem;border-radius:10px;background:#f8f8f8;display:flex;flex-direction:column;overflow:visible}.table-wrap .header-area{flex-shrink:0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.table-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.step-table .sticky-sl,.custom-table .sticky-sl{position:sticky;left:0;z-index:10;width:15px;min-width:15px;max-width:15px;box-shadow:4px 0 8px #0000001a;background:#f8f8f8}.step-table thead .sticky-sl-top,.custom-table thead .sticky-sl-top{position:sticky;top:0;z-index:10;box-shadow:4px 0 8px #0000001a;background:#f8f8f8;z-index:11}.step-table thead .sticky-sl,.custom-table thead .sticky-sl{z-index:99;top:0;left:0}.image-upload-area{width:128px;min-height:72px;border-radius:8px;background:#d9d9d9;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.image-upload-area .scene-thumb{max-width:100%;height:auto;display:block;object-fit:contain}.image-upload-area .image-filename{font-size:9px;color:#717182;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.image-wrapper .img-area{position:relative;max-width:130px}.edit-area{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;z-index:5}.edit-image-btn{width:30px;height:30px;border-radius:50%;border:none;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.workflow-modal.regenerate-modal .last-frame-thumb-wrap{max-width:82px}.workflow-modal.regenerate-modal .last-frame-thumb-wrap .edit-image-btn{display:flex!important;position:absolute;top:4px;right:4px}.edit-image-btn:focus{outline:none}.edit-image-btn img{width:14px;height:14px;filter:brightness(0) invert(1)}.edit-image-btn:hover{background:#3b5bdb;transform:scale(1.1)}.image-wrapper:hover .edit-area{opacity:1}.image-wrapper .edit-area{opacity:0;transition:opacity .3s ease}p.table-text-view{color:#717182;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.upload-video-btn{padding:6px 12px;font-size:12px;border-radius:6px;border:none;background:#3b5bdb;color:#fff;cursor:pointer;transition:.2s ease}.upload-video-btn:hover{background:#2f4ecb}.video-preview{position:relative;width:120px;height:80px}.video-thumb{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid #ddd}.change-video-btn{width:30px;height:30px;border-radius:50%;border:none;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;top:3px;position:absolute;right:3px}.change-video-btn:focus{outline:none}.change-video-btn img{width:14px;height:14px;filter:brightness(0) invert(1)}.custom-table{min-width:1500px;border-collapse:separate;border-spacing:0;table-layout:fixed}.change-video-btn:hover{background:#3b5bdb}.table-scroll::-webkit-scrollbar{width:7px;height:10px}.table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:7px}.table-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:7px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#555}.step-table input{width:100%;min-width:80px;height:36px;padding:4px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#000}.step-table textarea{width:100%;min-width:80px;min-height:2em;max-height:80px;padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#000;margin-top:4px;resize:vertical}button.remove-area{background-color:transparent!important;padding:0;border:0px}button.remove-area:focus{outline:none!important}.text-center{text-align:center!important}.uploaded{color:#8f8;font-size:.85rem}.file-upload{display:inline-block;padding:.5rem 1rem;background:#333;border-radius:6px;cursor:pointer;margin-bottom:1rem}.file-upload input{display:none}.file-upload-inline{display:inline-block;padding:.25rem .5rem;background:#333;border-radius:4px;cursor:pointer;margin-right:.5rem;font-size:.85rem}.file-upload-inline input{display:none}.btn-secondary{background:#444;color:#eee;border:none;padding:10px 24px 12px 32px;border-radius:6px;cursor:pointer;margin-right:.5rem}.step-actions{margin-top:2.5rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.step-actions button.btn-primary{border-radius:4px;background:#2549ff;display:inline-flex;height:44px;padding:10px 24px 12px 32px;justify-content:center;align-items:center;gap:8px;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:normal;min-width:123px}.step-actions button.btn-secondary{border-radius:4px;display:inline-flex;height:44px;padding:10px 24px 12px 32px;justify-content:center;align-items:center;gap:8px;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.step-actions button:focus{outline:none!important}.step4-form{max-width:560px}.step4-form label{display:block;margin-bottom:.75rem;color:#bbb;font-size:.9rem}.step4-form input,.step4-form textarea{width:100%;padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;margin-top:.25rem;box-sizing:border-box}.step4-form h3{margin:1rem 0 .5rem;font-size:1rem}.meta-row{display:flex;gap:.5rem;margin-bottom:.5rem}.meta-row input,.meta-row select{flex:1;padding:.4rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff}.upload-progress-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;z-index:9999}.upload-progress-modal{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px;max-width:480px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;color:#000}.upload-progress-title{margin:0 0 16px;font-size:1.25rem;color:#070707}.upload-progress-list{flex:1;overflow-y:auto;margin-bottom:16px;font-size:13px;color:#b0b0b0}.upload-progress-item{padding:6px 0;border-bottom:1px solid #e5e5e5;color:#333}.upload-progress-item.uploaded{color:#86efac}.motion-prompt-progress-modal .upload-progress-list{max-height:320px}.motion-prompt-progress-modal .upload-progress-item{border-bottom-color:#e5e5e5;color:#000}.motion-prompt-progress-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.motion-prompt-progress-status{color:#b0b0b0;font-size:.9rem}.motion-prompt-progress-item--completed .motion-prompt-progress-status{color:#86efac}.motion-prompt-progress-item--error .motion-prompt-progress-status{color:#f87171;text-align:left}.motion-prompt-progress-item--processing .motion-prompt-progress-status{color:#fbbf24}.motion-prompt-progress-count{margin:12px 0 0;font-size:.9rem;color:#9ca3af}.motion-prompt-settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;color:#333}.motion-prompt-settings-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.motion-prompt-settings-row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.motion-prompt-settings-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}.motion-prompt-settings-row .required{color:#b91c1c}.motion-prompt-settings-row select{min-width:200px;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;background:#fff;color:#333}.motion-prompt-settings-hint{margin:.75rem 0 0;font-size:.85rem;color:#666}.last-frame-image-cell{margin-top:.25rem}.last-frame-image-preview{display:flex;align-items:center;gap:.5rem}.last-frame-thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.change-last-frame-btn,.upload-last-frame-btn{display:inline-block;padding:.4rem .75rem;background:#e5e7eb;color:#333;border-radius:6px;font-size:.85rem;cursor:pointer}.change-last-frame-btn:hover,.upload-last-frame-btn:hover{background:#d1d5db}.workflow-button-row{display:flex;align-items:center;gap:.75rem}.workflow-current{color:#666;font-weight:400}.btn-set-workflow{padding:.4rem .75rem;font-size:.9rem}.workflow-modal{background:#fff;border-radius:10px;padding:1.5rem;min-width:320px;max-width:95%;box-shadow:0 8px 30px #0000001f}.workflow-modal-body{margin-bottom:1rem}.export-csv-columns{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.export-csv-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#333}.export-csv-check input{width:1rem;height:1rem;margin:0}.workflow-modal-body label{display:block;font-weight:500;margin-bottom:.35rem;text-align:left;color:#333}.workflow-modal-body select{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;box-sizing:border-box}.workflow-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.regenerate-modal .regenerate-form-grid{display:flex;flex-direction:column;gap:.75rem}.regenerate-modal .regenerate-form-grid label{display:block;font-weight:500;font-size:.9rem;color:#333;text-align:left}.regenerate-modal .regenerate-form-grid input[type=text],.regenerate-modal .regenerate-form-grid input[type=number],.regenerate-modal .regenerate-form-grid input[type=file],.regenerate-modal .regenerate-form-grid select,.regenerate-modal .regenerate-form-grid textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;box-sizing:border-box}.regenerate-modal .regenerate-form-grid textarea{min-height:60px;resize:vertical}.btn-regenerate{padding:.35rem .5rem;margin-right:.35rem;background:#e5e7eb;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;vertical-align:middle}.btn-regenerate:hover{background:#cbd5e1}.last-frame-image-upload-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.last-frame-thumb-wrap{position:relative}.last-frame-image-upload-cell .last-frame-thumb{width:80px;height:80px;object-fit:cover;border-radius:6px}.upload-last-frame-btn-inline{padding:.35rem .6rem;background:#e5e7eb;color:#333;border-radius:6px;font-size:.85rem;cursor:pointer}.upload-last-frame-btn-inline:hover{background:#d1d5db}.scene-bulk-select-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.scene-select-all-label{display:flex;align-items:center;gap:.35rem;font-size:13px;color:#374151;cursor:pointer}.scene-select-all-label input{width:auto}.scene-bulk-actions{display:flex;align-items:center;gap:.5rem}.scene-select-checkbox{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#666;cursor:pointer;margin-top:.25rem}.scene-select-checkbox input{width:auto}.scene-workflow-row{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid #e5e7eb}.scene-workflow-label{font-size:.8rem;color:#666;white-space:normal;word-break:break-word;overflow:visible}.edit-workflow-btn{padding:.2rem;background:transparent;border:none;cursor:pointer;flex-shrink:0}.edit-workflow-btn img{width:14px;height:14px;opacity:.7}.edit-workflow-btn:hover img{opacity:1}.upload-progress-error{color:#f87171;margin:0 0 12px;font-size:14px}.upload-progress-actions{display:flex;align-items:center;justify-content:center}.upload-progress-close{align-self:flex-start}.song-edit-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;color:#000}.song-edit-modal .upload-progress-title{margin-bottom:20px}.song-edit-form label{display:block;margin-bottom:1rem;color:#000;font-size:.9rem;text-align:left}.song-edit-form label .required{color:#f87171}.song-edit-form input,.song-edit-form textarea{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#000;font-size:1rem;box-sizing:border-box}.song-edit-form textarea{min-height:140px;resize:vertical}.song-edit-form .field-error{display:block;margin-top:.35rem;color:#f87171;font-size:.85rem}.song-edit-actions{display:flex;gap:12px;margin-top:1.5rem;justify-content:flex-end}.asset-history-btn{margin-left:4px;padding:.25rem .5rem;font-size:11px;background:#374151;color:#fff;border:1px solid #4b5563;cursor:pointer;border-radius:100%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.asset-history-btn:hover{background:#4b5563;transform:scale(1.1)}.asset-history-btn.btn-delete-last-frame:hover{background:#faa1a1;border-color:#faa1a1}.asset-history-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;color:#000}.asset-history-modal .upload-progress-title{margin-bottom:16px}.asset-history-loading,.asset-history-empty{color:#b0b0b0;margin:0 0 16px}.asset-history-list{list-style:none;margin:0;padding:0}.asset-history-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.asset-history-item:last-child{border-bottom:0;margin-bottom:0}.asset-history-item-main{display:flex;gap:12px;align-items:flex-start}.asset-history-thumb{width:80px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.asset-history-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.asset-history-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-history-name{font-size:13px;color:#000;text-align:left}.asset-history-folder{font-size:12px;color:#9ca3af}.asset-history-date{font-size:11px;color:#6b7280;text-align:left}.asset-history-rename-input,.asset-history-move-input{padding:.35rem .5rem;font-size:12px;background:#0f0f1a;border:1px solid #333;border-radius:4px;color:#fff;width:140px}.asset-history-actions{margin-top:16px}.history-modal{background:#fff;border-radius:12px;padding:16px 20px;max-width:1800px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.history-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-modal-body{flex:1;overflow:auto}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th,.history-table td{padding:6px 8px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.history-table th{font-weight:600;background:#f9fafb}.history-table-thumb{width:56px;height:40px;object-fit:cover;border-radius:4px}.history-empty-cell{color:#9ca3af}.history-table-datetime{display:flex;flex-direction:column;gap:2px}.history-table-model{font-size:11px;color:#6b7280}.history-table-summary,.history-table-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-detail-btn{padding:4px 10px;font-size:12px;border-radius:9999px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.history-detail-btn:hover{background:#f3f4f6}.final-video-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:.25rem}.final-video-field input[type=text]{flex:1;min-width:200px}.btn-upload-inline{display:inline-block;padding:6px 12px;font-size:12px;border-radius:6px;background:#3b5bdb;color:#fff;cursor:pointer;border:none}.btn-upload-inline:has(input:disabled){opacity:.7;cursor:not-allowed}.meta-value-cell{display:flex;flex-direction:column;gap:6px;flex:1}.meta-value-cell input{width:100%}.meta-preview-img{max-width:120px;max-height:80px;object-fit:contain;border-radius:4px}.meta-preview-video{max-width:200px;max-height:120px;border-radius:4px}.page-step3{border-radius:8px;background:#f8f8f8}.project-overview-page{padding:30px;background:#f5f6f8;color:#000}.page-title{margin-bottom:25px;font-size:22px;font-weight:600;text-align:left}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.left-column{display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 20px #0000000f}.card-header{margin-bottom:14px}.card-header h3{color:var(--Primary, #000);font-size:24px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:12px}.card input,.card select,.card textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.card textarea{resize:none}.video-upload-box{display:flex;flex-direction:column;gap:10px}.video-upload-box video{width:100%;border-radius:12px}.video-placeholder{height:200px;background:#ececec;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999}.upload-btn{background:#4f46e5;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;width:fit-content}.meta-card{margin-top:20px}.meta-table{display:flex;flex-direction:column;gap:10px;text-align:left}.meta-header{display:flex;font-weight:600;color:#666;border-bottom:1px solid rgba(0,0,0,.2);gap:8px;padding-bottom:6px}.meta-header span{width:29%;margin-left:0}.meta-row{display:flex;gap:12px}.bottom-actions{margin-top:25px;text-align:right;justify-content:flex-end;display:flex}.btn-primary{background:#4f46e5;color:#fff;padding:10px 24px 12px 32px;border-radius:8px;border:none;cursor:pointer;min-width:115px}.add-meta-btn{background:#4f46e5;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:30px}.add-meta-btn:hover{background:#4338ca}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header.mb-0{margin-bottom:0!important}.icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:0}.icon-btn:focus{outline:none}.display-text{color:var(--Neutral-800---Primary-Text, #1A1A1A);font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:left;margin-top:0}.display-lyrics{white-space:pre-wrap;line-height:1.6;color:#333;text-align:left;max-height:510px;overflow:auto}textarea.lyric-textarea{height:510px}.meta-row{display:flex;gap:12px;align-items:center}.meta-value-file{flex:1;display:flex;align-items:center}.meta-file-select-btn{display:inline-block;padding:6px 12px;font-size:13px;border-radius:6px;background:#4f46e5;color:#fff;cursor:pointer;border:none}.meta-file-select-btn:hover:not(:has(input:disabled)){background:#4338ca}.meta-file-select-btn input:disabled{cursor:not-allowed}.meta-file-link{color:#155dfc;text-decoration:none}.meta-file-link:hover{text-decoration:underline}.meta-actions button{background:none;border:none;cursor:pointer;margin-right:8px}.card input,.card select,.card textarea{background-color:transparent;color:#333}label.upload-btn{margin-top:20px;display:block}.overview-grid .card{padding:0 1.5em 1.5em;margin-bottom:0}.overview-grid .card input,.overview-grid .card textarea{width:95%;position:relative;left:0}.overview-page{max-width:960px;margin:auto}.video-file-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:8px;background:#d9d9d9;width:100%;min-height:224px;position:relative;padding:0}.video-file-area .final-video-current{width:100%;max-width:100%;display:flex;justify-content:center}.video-file-area .final-video-current .video-preview{max-width:100%;max-height:240px;width:100%;height:100%;max-height:100%}.video-file-area .video-placeholder-icon{width:64px;height:64px;opacity:.5}.video-file-area .final-video-hint{margin:0;font-size:12px;color:#555}.video-file-area .upload-area-btn.final-video-upload-area{position:static;width:100%;max-width:400px;height:auto;flex-direction:column;gap:8px;background:transparent;cursor:default;align-items:stretch}.video-file-area .upload-area-btn.final-video-upload-area .final-video-url-input{opacity:1;width:100%;position:static;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;box-sizing:border-box}.video-file-area .upload-area-btn.final-video-upload-area .upload-btn{align-self:flex-start;cursor:pointer}.video-file-area .upload-area-btn.final-video-upload-area .upload-btn--disabled{opacity:.7;cursor:not-allowed}.video-file-area .upload-area-btn.final-video-upload-area input[type=file]{opacity:0;width:0;position:absolute;left:-9999px}.upload-progress-wrap{display:flex;align-items:center;gap:10px;width:100%}.upload-progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:#4f46e5;border-radius:4px;transition:width .2s ease}.upload-progress-text{font-size:12px;color:#555;min-width:36px}.video-file-area .upload-area-btn:not(.final-video-upload-area){position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffffe6;flex-direction:row}.video-file-area .upload-area-btn .upload-btn{margin-top:0}.video-file-area .upload-area-btn:not(.final-video-upload-area) input{opacity:0;width:0;position:absolute;left:0;top:0;cursor:pointer}.save-meta-row-adta{display:flex;border-bottom:1px solid #E8E8E8;padding-bottom:10px}.save-meta-row-adta .col{width:30%}.save-meta-row-adta .col span{color:#0a0a0a;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.meta-action-area{width:10%;display:flex;align-items:center;gap:10px}.meta-action-area button{padding:0;background:transparent}.meta-action-area button img{width:14px;height:14px}.image-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:99991}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-preview{max-width:100%;max-height:85vh;border-radius:8px}.image-close-btn{position:absolute;top:-15px;right:-15px;background:#fff;border:none;font-size:18px;width:35px;height:35px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;padding:0}button.history-modal-close{background-color:transparent!important}button:focus{outline:none!important}.data-table td{padding-right:25px;border-top:2px solid #fff!important}.global-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px!important;color:#155dfc!important;font-size:12px!important;font-style:normal;font-weight:700!important;line-height:normal;border-radius:10px!important;background:#eff3fe!important;border:1px solid #C9DDFF!important;height:39px!important}.global-btn:hover{background:#2f4ecb!important;color:#fff!important}.global-btn:hover img{filter:brightness(0) invert(1)}.tooltip-wrapper{position:relative;display:inline-block}.custom-tooltip{visibility:hidden;width:300px;background-color:#222;color:#fff;text-align:center;border-radius:6px;padding:7px 10px;position:absolute;z-index:1000;bottom:112%;left:9%;transform:translate(-50%);font-size:12px;line-height:1.4;opacity:0;transition:opacity .2s ease-in-out}.custom-tooltip:after{content:"";position:absolute;z-index:99999;top:100%;left:75%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#222 transparent transparent transparent}.tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}.create-project-page .step-table input{min-width:18px;left:-3px;position:relative}.messages-modal-overlay .messages-modal-body .messages-modal-card{overflow:initial}.messages-modal-overlay .messages-modal-body .messages-modal-card textarea.messages-modal-textarea{min-height:200px}.history-detail-modal .history-detail-images-row .history-detail-image-block{width:120px;height:110px}.history-detail-modal .history-detail-images-row{display:flex;gap:12px}.history-detail-modal .history-detail-images-row .history-detail-image-block label{font-size:14px;color:#333}.history-detail-modal .history-detail-images-row .history-detail-image-block img{width:100%;height:80px;object-fit:cover;border-radius:6px;margin-top:5px}.page-loading{padding:2rem;color:#888}.settings-page{max-width:1200px;margin:auto}.settings-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid #333}.settings-tab{padding:.6rem 1.2rem;background:transparent;color:#888;border:none;border-bottom:2px solid transparent;font-size:.95rem;cursor:pointer;margin-bottom:-1px;border-radius:0}.settings-tab:hover{color:#ccc;border-radius:0}.settings-tab:focus{outline:none;border-radius:0}.settings-tab.active{color:#4a90d9;border-bottom-color:#4a90d9;border-radius:0}.settings-tab-panel{padding-top:0}.settings-form input{width:100%;padding:.6rem .75rem;margin-bottom:1rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#333;font-size:.95rem;box-sizing:border-box}.settings-form input:focus{outline:none;border-color:#4a90d9}.settings-optional{color:#666;font-weight:400;font-size:.85rem}.settings-hint{margin:-.5rem 0 1rem;color:#666;font-size:.85rem}.settings-form label{display:block;margin-bottom:.5rem;color:#000;font-size:.9rem;text-align:left;font-weight:600}.settings-form textarea{width:100%;padding:.75rem;margin-bottom:1rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#333;font-family:inherit;font-size:.95rem;box-sizing:border-box}.settings-form textarea:focus{outline:none;border-color:#4a90d9}.settings-form .form-message{margin-bottom:1rem;color:#8f8}.settings-form button{padding:.6rem 1.2rem;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer}.settings-form button:disabled{opacity:.7;cursor:not-allowed}.settings-model-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.settings-model-row select{flex:1;min-width:0;padding:.6rem .75rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#333;font-size:.95rem}.settings-model-row select:focus{outline:none;border-color:#4a90d9}.settings-form .btn-secondary{background:#e5e7eb;color:#333}.workflow-list-page{max-width:1200px;margin:auto}.workflow-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.workflow-list-header-actions{display:flex;gap:.5rem;align-items:center}.workflow-list-header .page-title{margin:0;font-size:1.5rem;color:#333}.workflow-list-hint{color:#666;font-size:.9rem;margin-bottom:1rem}.workflow-list-table-wrap{overflow-x:auto;border:1px solid #E5E7EB;border-radius:8px;background:#fff}.workflow-list-table{width:100%;border-collapse:collapse;font-size:.9rem}.workflow-list-table th,.workflow-list-table td{padding:.75rem 1rem;border-bottom:1px solid #E5E7EB;text-align:left;color:#0a0a0a}.workflow-list-table th{background:#f9fafb;font-weight:600;color:#333}.workflow-list-table tbody tr:last-child td{border-bottom:none}.workflow-list-table tbody tr:hover{background:#fafafa}.workflow-list-prompt{max-width:280px;color:#555}.workflow-tag-badge{display:inline-block;margin:0 2px 2px 0;padding:.2rem .5rem;background:#e5e7eb;border-radius:4px;font-size:.8rem}.workflow-list-actions{white-space:nowrap}.workflow-list-actions .btn-edit,.workflow-list-actions .btn-delete{margin-right:.5rem}.workflow-list-empty{padding:2rem!important;text-align:center;color:#666}.workflow-list-empty a{color:#4a90d9}.btn-primary{padding:.5rem 1rem;background:#4a90d9;color:#fff;border:none;border-radius:6px;text-decoration:none;font-size:.9rem;cursor:pointer}.workflow-list-page .btn-secondary{background:#e5e7eb;color:#333;border-radius:6px;text-decoration:none;font-size:.9rem;max-height:22px}.workflow-list-page .btn-secondary:hover,.workflow-list-page .btn-primary:hover{color:#fff}.btn-edit{padding:.6rem 1.5rem;background:#e5e7eb;color:#fff!important;border-radius:6px;text-decoration:none;font-size:.85rem;border:none}.btn-edit:hover{background:#755f06!important;color:#fff!important}.btn-delete{padding:.35rem .6rem;background:transparent;color:#b91c1c;border:1px solid #fecaca;border-radius:4px;font-size:.85rem;cursor:pointer}.btn-delete:hover{background:#fef2f2}.tags-input-wrap{position:relative;width:100%}.tags-input{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:38px;padding:.35rem .6rem;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:text}.tags-input:focus-within{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.tags-input-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .4rem;background:#e5e7eb;color:#333;border-radius:4px;font-size:.85rem}.tags-input-tag-remove{padding:0 .15rem;margin:0;background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;line-height:1}.tags-input-tag-remove:hover{color:#c00}.tags-input-field{flex:1;min-width:120px;padding:.25rem 0;border:none;background:transparent;font-size:.95rem;color:#333}.tags-input-field:focus{outline:none}.tags-input-dropdown{position:absolute;top:100%;left:0;right:0;margin:2px 0 0;padding:.25rem 0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 12px #0000001a;list-style:none;z-index:10}.tags-input-option{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;color:#333}.tags-input-option:hover{background:#f3f4f6}.tags-input-option-create{color:#4a90d9;font-weight:500}.workflow-form-page{max-width:720px;margin:auto}.workflow-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.workflow-form-header .page-title{margin:0;font-size:1.5rem;color:#333}.workflow-form{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:1.5rem;text-align:left}.workflow-form .form-group{margin-bottom:1.25rem;border:1px solid #efe9e9;padding:10px;border-radius:10px}.workflow-form .form-group label{display:block;font-weight:600;margin-bottom:.35rem;color:#333}.workflow-form .form-group label select{margin-left:7px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(/assets/img/chevron-down.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:right 8px center}.workflow-message-header .left-sec{display:flex;align-items:center}.workflow-form .form-group .required{color:#b91c1c}.workflow-form .form-group input[type=text],.workflow-form .form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.95rem;color:#333;box-sizing:border-box}.workflow-form .form-group input:focus,.workflow-form .form-group textarea:focus{outline:none;border-color:#4a90d9}.workflow-form .form-hint{margin:.35rem 0 0;font-size:.85rem;color:#666;margin-bottom:15px}.workflow-form .checkbox-group .checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.workflow-form .checkbox-group input[type=checkbox]{width:auto}.workflow-form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #E5E7EB}.workflow-form-actions .btn-primary{padding:.5rem 1rem;background:#4a90d9;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer}.workflow-form-actions .btn-secondary{padding:.5rem 1rem;background:#e5e7eb;color:#333;border:none;border-radius:6px;text-decoration:none;font-size:.95rem;max-height:22px}.workflow-form-actions .btn-secondary:hover{color:#fff}.workflow-variables-panel{margin-bottom:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem}.workflow-variables-label{display:block;font-weight:600;color:#475569;margin-bottom:.5rem}.workflow-variables-group{margin-bottom:.5rem}.workflow-variables-group:last-child{margin-bottom:0}.workflow-variables-group-name{font-weight:500;color:#64748b;margin-right:.5rem;width:100%;display:block}.workflow-variable-chip{display:inline-block;margin:.2rem .25rem .2rem 0;padding:.2rem .5rem;font-size:.8rem;background:#e2e8f0;color:#334155;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer}.workflow-variable-chip:hover{background:#cbd5e1;border-color:#94a3b8}.workflow-message-card{margin-bottom:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.workflow-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.workflow-message-card-collapsed .workflow-message-header{margin-bottom:0}.workflow-message-collapse-btn{width:24px;height:24px;padding:5px 0 0;margin-right:1rem;font-size:.7rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#64748b;flex-shrink:0}.workflow-message-collapse-btn:hover{color:#334155;background:#e2e8f0}.workflow-message-body{margin-top:0}.workflow-message-num{font-weight:600;color:#334155;cursor:pointer}.workflow-message-actions{display:flex;gap:.25rem}.btn-icon{width:28px;height:28px;padding:0;font-size:1rem;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer}.btn-icon:hover:not(:disabled){background:#cbd5e1}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){background:#cc7272;border-color:#f87171}.workflow-message-type-row label,.workflow-message-condition label{display:block;font-size:.85rem;font-weight:500;color:#475569;margin-bottom:.25rem}.workflow-message-type-row select,.workflow-message-condition select{min-width:160px;padding:.4rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem}.workflow-message-type-row{margin-bottom:.75rem}.workflow-message-card textarea{width:100%;margin-top:.5rem;padding:.6rem .75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.95rem;box-sizing:border-box}.workflow-message-editor{width:100%;min-height:90px;margin-top:.5rem;padding:.6rem .75rem;border:1px solid #E5E7EB;color:#334155;border-radius:6px;font-size:.95rem;box-sizing:border-box;white-space:pre-wrap;max-height:400px;overflow-y:auto}.workflow-message-editor:focus{outline:none;border-color:#4a90d9}.workflow-message-condition{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.workflow-condition-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.35rem}.workflow-condition-row input{min-width:120px;padding:.4rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem}.workflow-condition-row select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(/assets/img/chevron-down.svg)!important;background-size:12px 12px!important;background-repeat:no-repeat!important;background-position:right 8px center!important}.workflow-variables-panel-inline,.workflow-variables-collapse{margin-bottom:.5rem}.workflow-variables-toggle{padding:.25rem .6rem;margin-bottom:.4rem;font-size:.8rem;background:#e5e7eb;color:#374151;border:1px solid #d1d5db;border-radius:999px;cursor:pointer}.workflow-variables-toggle:hover{background:#d1d5db}.btn-add-message{padding:.5rem 1rem;background:#e2e8f0;color:#475569;border:1px dashed #94a3b8;border-radius:6px;font-size:.9rem;cursor:pointer}.btn-add-message:hover{background:#cbd5e1}.workflow-message-variables-selected{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.25rem}.workflow-message-variable-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.78rem;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;color:#0f172a;margin-right:4px}.workflow-message-variable-remove{border:none;background:transparent;cursor:pointer;font-size:.8rem;line-height:1;padding:0;color:#64748b}.workflow-message-variable-remove:hover{color:#b91c1c}.parse-key-mapping{display:flex;flex-direction:column;gap:.75rem}.parse-key-row{display:flex;flex-direction:column;gap:.35rem}.parse-key-label{font-weight:500;font-size:.9rem;color:#475569}.workflow-form-header .btn-secondary{max-height:22px}.workflow-form-header .btn-secondary:hover{color:#fff}.workflow-form label.form-title{font-size:17px}.workflow-message-actions .btn-icon.btn-danger{display:flex;align-items:center;justify-content:center;padding:0 0 4px}.workflow-variable-dynamic-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}button.workflow-variable-preview-btn{width:23px;height:23px;padding:2px 0 0;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:100%;position:relative;top:2px}.workflow-dynamic-preview-modal{color:#334155;padding-bottom:28px!important}.workflow-dynamic-preview-modal h2.modal-title{margin-top:0}button.btn-add-condition{padding:.25rem .6rem;font-size:.8rem;background:#e5e7eb;color:#374151;border:1px solid #d1d5db;border-radius:999px;display:flex;align-items:center;gap:.3rem;margin-top:10px}button.btn-icon.btn-danger{padding:0}.btn-primary{background:#4a90d9;color:#fff;border:none;padding:10px 24px 12px 32px;border-radius:6px;cursor:pointer}.btn-danger{background:#b44;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn-sm{padding:.3rem .6rem;font-size:.85rem;margin-right:.5rem;background:transparent;color:#eee;border:none;border-radius:4px;cursor:pointer}.btn-sm.btn-danger{background:#833}.roles-page{max-width:1200px;margin:auto}.roles-page .btn-primary{margin-bottom:1rem}.permissions-group{margin:1rem 0}.permissions-group strong{display:block;margin-bottom:.5rem}.perm-group-name{text-transform:capitalize;margin-right:.5rem}.perm-check{display:inline-block;margin-right:1rem;margin-bottom:.35rem;cursor:pointer}.roles-container{padding:40px;background:#fff;color:#000}.card{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000014;padding:25px;margin-bottom:30px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.card-header h2{font-size:20px;font-weight:600}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:10px 24px 12px 32px;border-radius:6px;cursor:pointer}.role-table{width:100%;border-collapse:collapse}.role-table th{text-align:left;padding:12px;background:#f9fafb;font-weight:600;font-size:14px}.role-name{font-weight:500}.role-table td{padding:12px;border-top:1px solid #eee;text-align:left;font-size:13px}.permission-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{background:#e0ecff;color:#3b82f6;padding:4px 8px;border-radius:5px;font-size:12px}.badge-more{background:#ddd;padding:4px 8px;border-radius:5px;font-size:12px}.action-buttons button{margin-right:6px;padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-size:12px}.btn-view{background:#6b7280;color:#fff}.btn-edit{background:#c39f0e}.btn-delete{background:#ef4444;color:#fff}.rp-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.rp-modal{width:820px;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;color:#000}.rp-header{padding:20px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.rp-header h2{font-size:20px;font-weight:600}.rp-close{cursor:pointer;font-size:18px;opacity:.7}.rp-body{padding:24px;overflow-y:auto}.rp-form-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.rp-field{width:47%;display:flex;flex-direction:column}.rp-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#555;text-align:left}.rp-field input{padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:14px;background-color:#fff;color:#333}.rp-permissions h4{margin-bottom:15px;font-size:15px}.rp-perm-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;background:#fafafa}.rp-perm-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px}.rp-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-left:15px}.rp-checkbox{font-size:14px;display:flex;gap:6px;align-items:center}.rp-selected{font-size:13px;margin-top:10px;color:#666}.rp-footer{border-top:1px solid #eee;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background:#fff}.rp-cancel{background:#f3f4f6;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;color:#000;border:1px solid #e5e7eb}.rp-submit{background:#2563eb;color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer}.rp-body::-webkit-scrollbar{width:7px;height:10px}.rp-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:7px}.rp-body::-webkit-scrollbar-thumb{background:#888;border-radius:7px}.rp-body::-webkit-scrollbar-thumb:hover{background:#555}.details-card{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000014;padding:25px}.details-header{display:flex;justify-content:space-between;align-items:center}.close{cursor:pointer;font-size:18px}.details-info{display:flex;margin-top:20px;text-align:left}.col-50{width:50%}.details-info p{margin-top:5px}.assigned-permissions{margin-top:25px;text-align:left}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.permission-box{background:#f3f6fb;padding:10px;border-radius:6px;font-size:13px;border:1px solid #dbeafe}.users-page{max-width:1200px;margin:auto}.users-page .btn-primary{margin-bottom:1rem}.users-page .data-table select{background:#252540;color:#eee;border:1px solid #444;padding:.35rem .5rem;border-radius:4px}.users-page .role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.users-page .role-badge.role-super-admin{background:#3d1a4a;color:#e0b0ff;border:1px solid #6a2c7a}.modal select{width:100%;padding:.5rem;background:#0f0f1a;border:1px solid #333;border-radius:4px;color:#fff;margin-top:.25rem;box-sizing:border-box}.modal select:disabled{opacity:.7;cursor:not-allowed}.modal .checkbox-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.modal .checkbox-label input[type=checkbox]{width:auto}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;width:420px;max-width:95%;border-radius:10px;padding:24px 24px 5px;box-shadow:0 8px 30px #0000001f;animation:fadeIn .2s ease-in-out;text-align:left}.modal-title{margin-bottom:20px;font-size:20px;font-weight:600}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px;font-weight:500}.form-group label span{color:red}.form-group input,.form-group select{padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;background:transparent;color:#333}.form-group input:focus{outline:none;border-color:#3b82f6}.role-box{border:1px solid #e5e7eb;border-radius:6px;padding:10px;max-height:140px;overflow-y:auto;background:#fafafa}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-primary{background:#3b82f6;color:#fff;padding:10px 24px 12px 32px;border:none;border-radius:6px;cursor:pointer}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff;padding:10px 24px 12px 32px;border:none;border-radius:6px;cursor:pointer;height:37px}.btn-secondary:hover{background:#4b5563}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.delete-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.delete-modal{width:420px;background:#fff;border-radius:12px;padding:28px 24px;text-align:center;box-shadow:0 10px 40px #00000040;animation:scaleIn .2s ease}.delete-icon{width:56px;height:56px;background:#ffecec;color:#e53935;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}.delete-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#111827}.delete-message{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:24px}.delete-actions{display:flex;justify-content:center;gap:12px}.btn-cancel{padding:10px 18px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500;cursor:pointer}.btn-cancel:hover{background:#f9fafb}.btn-delete{padding:10px 20px;border-radius:8px;border:none;background:#e53935;color:#fff;font-weight:600;cursor:pointer}.btn-delete:hover{background:#d32f2f}.btn-delete:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.my-profile-page{max-width:480px;margin:0 auto;padding:1.5rem}.my-profile-page .page-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#000}.profile-card{margin-bottom:1.5rem;padding:1.25rem;text-align:left;color:#000}.profile-card-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600}.profile-hint{margin:0 0 1rem;font-size:13px;color:#555}.profile-form .form-group{margin-bottom:1rem}.profile-form .form-group label span{color:#dc2626}.profile-form input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;box-sizing:border-box}.profile-form input.input-readonly,.profile-form input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.profile-form .btn-primary{margin-top:.25rem}.data-table{width:100%;border-collapse:collapse;background:transparent;border-radius:8px}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:0px solid #333}.data-table th{background:transparent;color:#0a0a0a;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.data-table td{color:#0a0a0a;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.data-table td input{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.data-table tbody tr:hover{background:transparent}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1a1a2e;padding:1.5rem;border-radius:12px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 1rem;font-size:1.25rem}.modal label{display:block;margin-bottom:.75rem;color:#bbb;font-size:.9rem}.modal input[type=text]{width:100%;padding:.5rem;background:#0f0f1a;border:1px solid #333;border-radius:4px;color:#fff;margin-top:.25rem;box-sizing:border-box}.modal-actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.modal-delete-confirm{max-width:400px}.modal-delete-title{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.modal-delete-message{margin:0 0 1rem;color:#bbb;font-size:.95rem;line-height:1.5}.modal-delete-confirm .modal-actions{justify-content:flex-end}.btn-secondary{background:#374151;color:#e5e7eb;border:none;padding:10px 24px 12px 32px;height:44px;border-radius:6px;cursor:pointer;font-size:14px}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}#root{max-width:100%;margin:0 auto;padding:0rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:360px;pointer-events:none}.toast-container>*{pointer-events:auto}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 20px #00000026;background:#1a1a2e;color:#fff;font-size:14px;line-height:1.4;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#166534}.toast--error{background:#991b1b}.toast--info{background:#1e3a5f}.toast-message{flex:1}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;opacity:.8;cursor:pointer;padding:0 4px;font-size:1rem;line-height:1}.toast-close:hover{opacity:1}