:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{margin:0;padding:0;font-family:Tahoma}body{color:#ffe6ea;background:radial-gradient(circle at 50% 0,#3a0d1b 0%,#1c1116 100%);min-height:100vh}h1{color:#fff;text-shadow:2px 2px 15px #ff2a4b66;letter-spacing:1px;margin-bottom:30px}.board{flex-wrap:wrap;gap:20px;padding-bottom:20px;display:flex}.column{background:linear-gradient(#3a1423cc 0%,#2a121ce6 100%);border-radius:12px;flex:260px;max-height:40vh;padding:15px;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.column::-webkit-scrollbar{width:8px}.column::-webkit-scrollbar-track{background:#1c091080;border-radius:4px}.column::-webkit-scrollbar-thumb{background:#5a1224;border-radius:4px}.column::-webkit-scrollbar-thumb:hover{background:#ff2a4b}.column h2{color:#ff8fa3;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #730c1e;margin-top:0;padding-bottom:10px;font-size:1.2rem;position:sticky}.card{cursor:grab;background-color:#381e2a;border:1px solid #5a1224;border-left:4px solid #ff2a4b;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .2s;box-shadow:0 4px 6px #0003}.card:hover{background-color:#452433;border-left:4px solid #ff6b81;transform:translateY(-3px);box-shadow:0 8px 15px #ff2a4b33}.card:active{cursor:grabbing;transform:scale(.98)}.card strong{color:#fff;font-size:1.1rem}.card-details{gap:15px;margin-top:5px;display:flex}.card p,.card-details p{color:#d8b4bc;margin:5px 0 0;font-size:.9rem}.notes-indicator{text-align:right;color:#ff8fa3;margin-top:8px;font-size:.8rem}.add-project-form{background:#2a121c;border:1px solid #730c1e;border-radius:12px;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 5px 15px #0003}.add-project-form input,.add-project-form select,.add-project-form button{box-sizing:border-box;color:#fff;background-color:#1c0910;border:1px solid #5a1224;border-radius:6px;outline:none;flex:160px;min-width:0;margin:0;padding:10px 15px;font-size:1rem;transition:all .2s}.add-project-form input:first-child{flex:3 250px}.add-project-form input:nth-child(2){flex:.5 80px}.add-project-form input:nth-child(3){flex:.5 90px}.add-project-form input:focus,.add-project-form select:focus{background-color:#240c15;border-color:#ff2a4b}.add-project-form button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ff2a4b;border:none;flex:100%;margin-top:5px;padding:14px;font-size:1.1rem;font-weight:700}.add-project-form button:hover{background:#ff4d6a;transform:translateY(-2px);box-shadow:0 4px 10px #ff2a4b66}.search-container{width:100%;margin-bottom:25px}.search-input{color:#fff;box-sizing:border-box;background-color:#1c0910;border:1px solid #730c1e;border-radius:8px;outline:none;width:100%;max-width:100%;padding:12px 20px;font-size:1.05rem;transition:all .2s;box-shadow:0 4px 10px #0000004d}.search-input:focus{background-color:#240c15;border-color:#ff2a4b;box-shadow:0 4px 15px #ff2a4b33}.search-input::placeholder{color:#a87b86}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f050ad9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#2f1723;border:2px solid #ff2a4b;border-radius:12px;width:500px;max-width:90%;padding:30px;box-shadow:0 15px 40px #0009}.modal-content h2{color:#fff;border-bottom:1px solid #730c1e;margin-top:0;padding-bottom:10px}.modal-meta{color:#d8b4bc;gap:20px;margin-bottom:20px;font-size:.95rem;display:flex}.modal-content label{color:#ff8fa3;margin-bottom:8px;font-weight:700;display:block}.modal-content textarea{color:#fff;resize:vertical;box-sizing:border-box;background-color:#1c0910;border:1px solid #730c1e;border-radius:6px;outline:none;width:100%;height:150px;padding:12px;font-family:sans-serif;font-size:1rem}.modal-content textarea:focus{border-color:#ff2a4b}.modal-content textarea::placeholder{color:#a87b86}.modal-actions{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.right-buttons{gap:10px;display:flex}.modal-actions button{cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-save{color:#fff;background:#ff2a4b}.btn-save:hover{background:#ff4d6a}.btn-cancel{color:#d8b4bc;background-color:#0000;border:1px solid #730c1e}.btn-cancel:hover{color:#fff;background-color:#730c1e}.btn-delete{color:#ff6b81;background-color:#0000;border:1px solid #ff6b81}.btn-delete:hover{background-color:#ff6b811a}.btn-logout{color:#fff;background:#ff2a4b}.tn-logout:hover{background:#ff4d6a}.card-indicators{color:#ff8fa3;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:.9rem;display:flex}.modal-content{width:750px}.modal-body-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modal-section{flex-direction:column;display:flex}.empty-state{color:#a87b86;margin-top:10px;font-size:.9rem;font-style:italic}.checklist-input-group{gap:10px;margin-bottom:15px;display:flex}.checklist-input-group input{color:#fff;background-color:#1c0910;border:1px solid #730c1e;border-radius:6px;outline:none;flex:1;padding:8px 12px}.checklist-input-group input:focus{border-color:#ff2a4b}.btn-add-task{color:#fff;cursor:pointer;background:#730c1e;border:none;border-radius:6px;width:35px;font-size:1.2rem;font-weight:700;transition:all .2s}.btn-add-task:hover{background:#ff2a4b}.checklist{max-height:150px;margin:0;padding:0;list-style:none;overflow-y:auto}.checklist li{background-color:#1c0910;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;transition:all .2s;display:flex}.checklist li:hover{border-color:#5a1224}.task-done .task-text{color:#a87b86;text-decoration:line-through}.checkbox-container{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.checkbox-container input{cursor:pointer;accent-color:#ff2a4b;width:16px;height:16px}.task-text{color:#ffe6ea;font-size:.95rem;transition:all .2s}.btn-remove-task{color:#a87b86;cursor:pointer;background:0 0;border:none;padding:5px;font-weight:700}.btn-remove-task:hover{color:#ff2a4b}textarea::-webkit-scrollbar{width:8px}.checklist::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:#1c0910}.checklist::-webkit-scrollbar-track{background:#1c0910}textarea::-webkit-scrollbar-thumb{background:#5a1224;border-radius:4px}.checklist::-webkit-scrollbar-thumb{background:#5a1224;border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:#730c1e}.checklist::-webkit-scrollbar-thumb:hover{background:#730c1e}.large-modal{width:900px}.left-section{gap:8px}.path-input-group{gap:10px;margin-bottom:10px;display:flex}.path-input-group input,.full-width-input{color:#fff;box-sizing:border-box;background-color:#1c0910;border:1px solid #730c1e;border-radius:6px;outline:none;width:100%;padding:8px 12px}.path-input-group input:focus,.full-width-input:focus{border-color:#ff2a4b}.full-width-input{margin-bottom:10px}.btn-copy{color:#fff;cursor:pointer;background:#2a121c;border:1px solid #730c1e;border-radius:6px;padding:0 12px;font-size:1.1rem;transition:all .2s}.btn-copy:hover{background:#ff2a4b;border-color:#ff2a4b}.mt-15{margin-top:15px}.spotify-player-container{border:1px solid #730c1e;border-radius:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 5px 15px #0000004d}.ref-indicator{font-size:.8rem}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;cursor:pointer;background-color:#1c0910;border:1px solid #5a1224;border-radius:6px;outline:none;padding:10px 15px;font-family:sans-serif;font-size:1rem}input[type=date]:focus{border-color:#ff2a4b}.modal-header{border-bottom:1px solid #730c1e;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.modal-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-deadline-edit{align-items:center;gap:10px;display:flex}.modal-deadline-edit label{color:#a87b86;margin-bottom:0}.modal-deadline-edit input{padding:5px 10px}@keyframes pulseWarning{0%{box-shadow:0 4px 6px #0003}50%{border-color:#ff8fa3;box-shadow:0 0 15px #ff8fa399}to{box-shadow:0 4px 6px #0003}}.card-warning{border-left-color:#ff8fa3;animation:2s infinite pulseWarning}.card-overdue{background-color:#ff2a4b1a;border:1px solid #ff2a4b;border-left-width:5px}.deadline-text{margin-top:10px;font-size:.85rem;font-weight:700}.deadline-text.ok{color:#a87b86}.deadline-text.warning{color:#ff8fa3}.deadline-text.overdue{color:#ff2a4b}.card-details-sub{justify-content:space-between;gap:10px;margin-top:2px;display:flex}.card-details-sub p{margin:0;font-size:.85rem}.collab-name{font-weight:700;color:#ff8fa3!important}.tag-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 5px #0000004d}.badge-priority{color:#fff;background-color:#ff2a4b}.badge-client{color:#fff;background-color:#b82aff}.badge-album{color:#0d0e20;background-color:#00e5ff}.badge-remix{color:#0d0e20;background-color:#ffb82a}.modal-header-controls{align-items:center;gap:15px;display:flex}.modal-control-item{flex-direction:column;gap:4px;display:flex}.modal-control-item label{font-size:.8rem;color:#a87b86!important;font-weight:400!important}.modal-control-item select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;cursor:pointer;background-color:#1c0910;border:1px solid #5a1224;border-radius:6px;outline:none;padding:5px 10px}.stats-dashboard{background:linear-gradient(90deg,#1c0910 0%,#2a121c 100%);border-left:2px solid #ff2a4b;border-radius:12px;gap:50px;margin-bottom:30px;padding:15px 25px;display:flex;position:sticky;top:0;box-shadow:0 5px 15px #0000004d}.stat-box{border-right:1px solid #5a1224;flex-direction:column;justify-content:center;padding-right:20px;display:flex}.stat-box:last-child{border-right:none}.stat-value{color:#fff;text-shadow:0 0 10px #fff3;font-size:1.8rem;font-weight:700}.stat-label{color:#ff8fa3;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.highlight-stat .stat-value{color:#00e5ff;text-shadow:0 0 10px #00e5ff4d}.demo-upload-section{background-color:#1c0910;border:1px dashed #730c1e;border-radius:8px;align-items:center;gap:15px;margin-bottom:20px;padding:10px;display:flex}.demo-label{color:#00e5ff!important}.custom-audio-player{border-radius:4px;outline:none;flex:1;height:35px}.upload-placeholder input[type=file]{display:none}.btn-upload{color:#fff;cursor:pointer;background:#ff2a4b;border-radius:6px;padding:8px 15px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-block}.btn-upload:hover{background:#ff4d6a;box-shadow:0 0 10px #ff2a4b66}.btn-remove-demo{color:#ff8fa3;cursor:pointer;background:0 0;border:1px solid #730c1e;border-radius:6px;padding:6px 12px;font-size:.8rem}.btn-remove-demo:hover{color:#fff;background:#730c1e}.session-timer{background:#1c0910;border:1px solid #5a1224;border-radius:8px;align-items:center;gap:15px;padding:8px 15px;display:flex}.timer-display{color:#a87b86;letter-spacing:2px;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700}.timer-display.active{color:#ff2a4b;text-shadow:0 0 10px #ff2a4b66}.btn-timer{cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;padding:8px 15px;font-size:.85rem;font-weight:700;transition:all .2s}.btn-timer.start{color:#0d0e20;background:#00e5ff}.btn-timer.start:hover{background:#00b4cc;box-shadow:0 0 10px #00e5ff66}.btn-timer.stop{color:#fff;background:#ff2a4b;animation:2s infinite pulseWarning}.card-time{color:#00e5ff;margin-top:5px;font-size:.8rem;font-weight:700}.creative-section{background-color:#240c15;border:1px solid #5a1224;border-radius:8px;margin-bottom:20px;padding:15px}.lyrics-editor{color:#fff;resize:vertical;box-sizing:border-box;background-color:#1c0910;border:1px solid #5a1224;border-radius:8px;width:100%;min-height:250px;padding:15px;font-family:Courier New,Courier,monospace;font-size:1.1rem;line-height:1.6}.lyrics-editor:focus{border-color:#00e5ff;outline:none;box-shadow:0 0 10px #00e5ff33}.full-width{grid-column:1/-1}.creative-grid{grid-column:1/-1;align-items:stretch;gap:20px;display:flex}.lyrics-container{flex-direction:column;flex:2;display:flex}.rhyme-dict-container{background-color:#1a1b35;border:1px solid #00e5ff;border-radius:8px;flex-direction:column;flex:1;padding:15px;display:flex;box-shadow:inset 0 0 15px #00e5ff1a}.rhyme-title{color:#00e5ff;border-bottom:1px solid #00e5ff33;margin-top:0;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}.rhyme-search-box{gap:10px;margin-bottom:15px;display:flex}.rhyme-search-box input{color:#fff;background:#0d0e20;border:1px solid #5a1224;border-radius:4px;outline:none;flex:1;padding:8px 12px}.rhyme-search-box input:focus{border-color:#00e5ff}.rhyme-search-box button{color:#0d0e20;cursor:pointer;background:#00e5ff;border:none;border-radius:4px;padding:8px 15px;font-weight:700}.rhyme-search-box button:hover{background:#00b4cc}.rhyme-results{flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:250px;display:flex;overflow-y:auto}.rhyme-tag{color:#fff;cursor:default;background:#2a121c;border:1px solid #ff2a4b;border-radius:20px;padding:5px 10px;font-size:.9rem}.rhyme-empty{color:#a87b86;text-align:center;width:100%;margin-top:20px;font-size:.9rem}.modal-content.large-modal{box-sizing:border-box!important;width:95%!important;max-width:1200px!important;max-height:90vh!important;margin:auto!important;overflow:hidden auto!important}.password-setup-bar{background:#1c0910;border:1px solid #5a1224;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:0 20px 20px;padding:15px 20px;display:flex}.user-email-label{color:#a87b86;font-size:.9rem}.password-form{flex:1;align-items:center;gap:10px;min-width:250px;display:flex}.password-form input{color:#fff;background:#0d0e20;border:1px solid #b82aff;border-radius:4px;outline:none;flex:1;padding:8px 12px}.password-form button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#b82aff,#ff2a4b);border:none;border-radius:4px;padding:8px 15px;font-weight:700}.password-message{color:#00e5ff;width:100%;font-size:.9rem}@media (width<=768px){.password-setup-bar{flex-direction:column;align-items:stretch;margin:0 10px 20px;padding:15px}.password-form{flex-direction:column;width:100%}.password-form input,.password-form button{width:100%}.stats-dashboard{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px}.stat-box{flex:40%;min-width:140px}.btn-logout{width:100%;margin-top:5px}}