@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";body.theme-spiderman{--bg-main:#0f172a;--bg-dashboard:url(/planner/assets/spiderman-bg-BhNrLxeP.png) no-repeat bottom right / 400px, linear-gradient(135deg, #7f1d1d, #0f172a);--card-bg:#1e293bf2;--bg-card:#1e293bf2;--primary-color:#ef4444;--primary-hover:#dc2626;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-color:#f8fafc;--border-color:#ef4444;--sidebar-bg:#450a0a;--sidebar-hover:#7f1d1d;background:var(--bg-dashboard);color:var(--text-color)}body.theme-spiderman .kanban-card,body.theme-spiderman .profile-card,body.theme-spiderman .settings-card,body.theme-spiderman .modal-container{background-color:var(--card-bg);color:var(--text-primary);border:1px solid #ef44444d}body.theme-spiderman .calendar-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);background-color:#1e293b99}body.theme-spiderman .calendar-grid{background-color:#ef44444d;border-color:#ef44444d}body.theme-spiderman .calendar-cell,body.theme-spiderman .calendar-day-header,body.theme-spiderman .calendar-cell.inactive{color:var(--text-primary);background-color:#0000}body.theme-spiderman .dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background-color:#450a0acc}body.theme-hogwarts{--bg-main:#1a0f0f;--bg-dashboard:url(/planner/assets/icone-BfZSsNNj.png) no-repeat bottom right / 400px, linear-gradient(135deg, #4a0000, #1a0f0f);--card-bg:#1a0f0ff2;--bg-card:#1a0f0ff2;--primary-color:#d4af37;--primary-hover:#b5952f;--text-primary:#fef0d9;--text-secondary:#d4af37;--text-color:#fef0d9;--border-color:#740001;--sidebar-bg:#2b0000;--sidebar-hover:#4a0000;background:var(--bg-dashboard);color:var(--text-color)}body.theme-hogwarts .kanban-card,body.theme-hogwarts .profile-card,body.theme-hogwarts .settings-card,body.theme-hogwarts .modal-container{background-color:var(--card-bg);color:var(--text-primary);border:1px solid #d4af374d}body.theme-hogwarts .calendar-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);background-color:#1a0f0f99}body.theme-hogwarts .calendar-grid{background-color:#d4af374d;border-color:#d4af374d}body.theme-hogwarts .calendar-cell,body.theme-hogwarts .calendar-day-header,body.theme-hogwarts .calendar-cell.inactive{color:var(--text-primary);background-color:#0000}body.theme-hogwarts .dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background-color:#2b0000cc}:root{--primary-color:#6d28d9;--primary-hover:#5b21b6;--bg-left:linear-gradient(135deg, #2e0249, #4c1d95, #7c3aed);--text-color:#1f2937;--text-light:#6b7280;--input-bg:#f3f4f6;--white:#fff;--sidebar-bg:#1e1b4b;--sidebar-hover:#312e81;--bg-dashboard:#f3f4f6;--board-bg:#e5e7eb;--card-bg:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{background-color:var(--bg-dashboard);color:var(--text-color);-webkit-font-smoothing:antialiased}button,a,input,select,textarea,.nav-item,.kanban-card,.kanban-column,.modal-container,.profile-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay,.card-details-overlay{transition:opacity .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.beta-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;margin-left:8px;padding:2px 6px;font-size:.65rem;font-weight:600}body.dark-theme{--bg-main:#111827;--bg-card:#1f2937;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#374151;background-color:var(--bg-main);color:var(--text-primary)}body.dark-theme .sidebar{border-right-color:var(--border-color)}body.dark-theme .project-menu{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}body.dark-theme .dashboard-header{border-bottom-color:var(--border-color);background-color:var(--bg-main)}body.dark-theme .dashboard-header h2{color:var(--text-primary)}body.dark-theme .kanban-column{background-color:#374151}body.dark-theme .kanban-column h4,body.dark-theme .section-title{color:var(--text-primary)}body.dark-theme .kanban-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 1px 3px #00000080}body.dark-theme .kanban-card span,body.dark-theme .profile-page-title{color:var(--text-primary)}body.dark-theme .profile-card{background-color:var(--bg-card);box-shadow:0 4px 6px -1px #0000004d}body.dark-theme .profile-name{color:var(--text-primary)}body.dark-theme .profile-action-btn{color:var(--text-secondary);border-bottom-color:var(--border-color)}body.dark-theme .calendar-container{background-color:var(--bg-card)}body.dark-theme .calendar-day-header{color:var(--text-secondary);border-bottom-color:var(--border-color);background-color:var(--bg-main)}body.dark-theme .calendar-cell{border-right-color:var(--border-color);border-bottom-color:var(--border-color);background-color:var(--bg-card)}body.dark-theme .calendar-grid{background-color:var(--border-color);border-color:var(--border-color)}body.dark-theme .calendar-cell:not(.inactive) .date-number,body.dark-theme .current-month,body.dark-theme .btn-icon{color:var(--text-primary)}body.dark-theme .event{background-color:var(--bg-main)!important;color:var(--text-primary)!important}body.dark-theme .modal-overlay{background-color:#000000b3}body.dark-theme .modal-container{background-color:var(--bg-card);color:var(--text-primary)}body.dark-theme .modal-header h2,body.dark-theme .meta-label,body.dark-theme .section-header h3,body.dark-theme .section-header h4{color:var(--text-primary)}body.dark-theme .input-field,body.dark-theme .desc-input,body.dark-theme .checklist-input,body.dark-theme .close-btn,body.dark-theme .meta-item button,body.dark-theme .action-btn{background-color:var(--bg-main);color:var(--text-primary);border-color:var(--border-color)}body.dark-theme .floating-menu{background-color:var(--bg-card);border-color:var(--border-color)}body.dark-theme .floating-menu-item{color:var(--text-primary)}body.dark-theme .floating-menu-item:hover{background-color:var(--bg-main)}body.dark-theme .card-details-content{background-color:var(--bg-card);color:var(--text-primary)}body.dark-theme .card-details-main{border-right-color:var(--border-color)}body.dark-theme .card-details-sidebar{background-color:var(--bg-main)}body.dark-theme .card-title-section h2,body.dark-theme .opt-text h5,body.dark-theme .add-menu-header h4,body.dark-theme .cal-month{color:var(--text-primary)}body.dark-theme .description-input,body.dark-theme .comment-input,body.dark-theme .date-input,body.dark-theme .time-input,body.dark-theme .date-select,body.dark-theme .add-task-form input,body.dark-theme .add-task-form .input-row input{background-color:var(--bg-main);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .description-input:focus,body.dark-theme .comment-input:focus,body.dark-theme .date-input:focus,body.dark-theme .time-input:focus,body.dark-theme .date-select:focus{border-color:var(--primary-color);background-color:var(--bg-card)}body.dark-theme .add-menu-dropdown,body.dark-theme .dates-menu-dropdown{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .add-menu-header,body.dark-theme .dates-menu-dropdown .add-menu-header{border-bottom-color:var(--border-color)}body.dark-theme .menu-option-btn{color:var(--text-primary)}body.dark-theme .menu-option-btn:hover{background-color:var(--bg-main)}body.dark-theme .action-btn,body.dark-theme .hide-details-btn,body.dark-theme .add-task-btn,body.dark-theme .remove-btn,body.dark-theme .date-btn,body.dark-theme .sly-badge{background-color:var(--bg-main);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .action-btn:hover,body.dark-theme .hide-details-btn:hover,body.dark-theme .add-task-btn:hover,body.dark-theme .remove-btn:hover,body.dark-theme .date-btn:hover{background-color:var(--border-color)}body.dark-theme .cal-day{color:var(--text-primary)}body.dark-theme .cal-day:hover:not(.selected){background-color:var(--bg-main)}body.dark-theme .cal-day.faded,body.dark-theme .icon-btn{color:var(--text-secondary)}body.dark-theme .icon-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}body.dark-theme .progress-bar-bg{background-color:var(--border-color)}body.dark-theme .task-text,body.dark-theme .attachment-name,body.dark-theme .activity-content p,body.dark-theme .opt-text h5{color:var(--text-primary)}body.dark-theme .attachment-item{background-color:var(--bg-main);border-color:var(--border-color)}body.dark-theme .attachment-icon{background-color:var(--bg-card)}body.dark-theme .card-details-header{background-color:var(--bg-main);border-bottom-color:var(--border-color)}body.dark-theme .sly-badge{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .add-col-form{background-color:var(--bg-card)}body.dark-theme .add-col-input,body.dark-theme .add-card-input{background-color:var(--bg-main);color:var(--text-primary);border-color:var(--border-color)}body.dark-theme .add-col-input:focus,body.dark-theme .add-card-input:focus{border-color:var(--primary-color)}body.dark-theme .custom-context-menu{background-color:var(--bg-card);border-color:var(--border-color)}body.dark-theme .delete-card-btn:hover{background-color:var(--bg-main)}body.dark-theme .icon-btn{color:var(--text-secondary)}body.dark-theme .icon-btn:hover{background-color:var(--bg-card)}body.dark-theme .icon-btn.close{background-color:var(--bg-main);color:var(--text-primary)}body.dark-theme .card-details-body{border-color:var(--border-color)}body.dark-theme .card-sidebar{background-color:var(--bg-main);border-left-color:var(--border-color)}body.dark-theme .sly-input,body.dark-theme .sly-textarea{background-color:var(--bg-main);color:var(--text-primary);border-color:var(--border-color)}body.dark-theme .sly-btn,body.dark-theme .add-btn,body.dark-theme .meta-btn{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}body.dark-theme .meta-btn.primary{background-color:var(--primary-color);color:var(--white);border:none}body.dark-theme .action-button{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}body.dark-theme .sidebar-section-title,body.dark-theme .sly-section h3{color:var(--text-primary)}body.dark-theme .checklist-item,body.dark-theme .activity-item,body.dark-theme .comment-item{border-color:var(--border-color)}body.dark-theme .activity-text,body.dark-theme .comment-text{color:var(--text-primary)}body.dark-theme .activity-time,body.dark-theme .comment-time{color:var(--text-secondary)}body.dark-theme .comment-input-area input{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.login-page{background-color:var(--input-bg);min-height:100vh;display:flex}.split-layout{width:100%;height:100vh;display:flex}.brand-section{color:var(--white);background:url(/planner/assets/banner-login-ChNbpig6.jpg) 50%/cover no-repeat;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.banner-logo{object-fit:contain;z-index:2;max-width:80%;max-height:50vh}.logo{letter-spacing:-2px;text-shadow:0 0 20px #7c3aed80;z-index:1;margin-bottom:1rem;font-size:5rem;font-weight:700}.slogan{text-align:center;opacity:.9;z-index:1;max-width:80%;font-size:1.5rem;font-weight:300}.form-section{background-color:var(--white);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-container{opacity:0;width:100%;max-width:400px;animation:.8s forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.form-title{color:var(--text-color);text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.input-group{margin-bottom:1.5rem;position:relative}.input-field{background-color:var(--input-bg);width:100%;color:var(--text-color);border:2px solid #0000;border-radius:999px;outline:none;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.input-field::placeholder{color:var(--text-light)}.input-field:focus{border-color:var(--primary-color);background-color:var(--white);box-shadow:0 0 0 4px #6d28d91a}.password-input{padding-right:3.5rem}.toggle-password{color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--primary-color)}.btn-submit{background-color:var(--primary-color);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #6d28d94d}.btn-submit:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6d28d966}.btn-submit:active{transform:translateY(0)}.form-footer{justify-content:space-between;margin-top:1.5rem;font-size:.9rem;display:flex}.footer-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--primary-hover);text-decoration:underline}@media (width<=768px){.split-layout{flex-direction:column}.brand-section{flex:.4;padding:2rem}.form-section{z-index:2;border-top-left-radius:30px;border-top-right-radius:30px;flex:.6;margin-top:-30px}.logo{font-size:3.5rem}.slogan{font-size:1.2rem}}.choose-plan-page{background-color:var(--bg-dashboard,#f3f4f6);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.choose-plan-header{text-align:center;margin-bottom:3rem}.choose-plan-header h2{color:var(--text-primary,#1f2937);margin-bottom:.5rem;font-size:2.5rem}.choose-plan-header p{color:var(--text-secondary,#6b7280);font-size:1.1rem}.plans-container{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1200px;display:flex}.plan-card{background:var(--bg-card,white);width:100%;max-width:350px;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);cursor:pointer;border:2px solid #0000;border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a}.plan-card.selected{border-color:var(--primary-color,#6d28d9);box-shadow:0 0 0 4px #6d28d91a}.plan-badge{background:var(--primary-color,#6d28d9);color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;right:24px}.plan-header{text-align:center;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:2rem;padding-bottom:2rem}.plan-header h3{color:var(--text-primary,#111827);margin-bottom:1rem;font-size:1.5rem}.plan-price{color:var(--text-primary,#111827);font-size:2.5rem;font-weight:700}.plan-price span{color:var(--text-secondary,#6b7280);font-size:1rem;font-weight:500}.plan-features{margin:0;padding:0;list-style:none}.plan-features li{color:var(--text-secondary,#4b5563);align-items:flex-start;gap:10px;margin-bottom:1rem;display:flex}.plan-features li:before{content:"✓";color:var(--primary-color,#6d28d9);font-weight:700}.choose-plan-actions{text-align:center;margin-top:4rem}.confirm-plan-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 3rem;font-size:1.2rem;font-weight:600}.confirm-plan-btn:hover{background:var(--primary-hover,#5b21b6)}.confirm-plan-btn:disabled{opacity:.7;cursor:not-allowed}.student-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.student-modal{background:var(--bg-card,white);text-align:center;border-radius:12px;width:90%;max-width:400px;padding:2rem}.student-modal h3{color:var(--text-primary);margin-bottom:1rem}.student-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.student-modal input{border:1px solid var(--border-color);border-radius:8px;width:100%;margin-bottom:1.5rem;padding:.75rem}.student-modal-actions{justify-content:center;gap:1rem;display:flex}.student-modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.student-modal-actions .cancel-btn{background:var(--bg-secondary);color:var(--text-primary)}.student-modal-actions .confirm-btn{background:var(--primary-color);color:#fff}.share-modal{background:var(--bg-card,white);border-radius:12px;width:400px;max-width:90%;overflow:hidden;box-shadow:0 10px 25px #0000001a}.share-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.share-modal-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.1rem}.share-modal-content{padding:1.5rem}.success-msg{color:#10b981;text-align:center;background:#d1fae5;border-radius:6px;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.error-msg{color:#ef4444;text-align:center;background:#fee2e2;border-radius:6px;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.friends-list-share{flex-direction:column;gap:.5rem;max-height:250px;margin-top:1rem;display:flex;overflow-y:auto}.friend-share-item{border:1px solid var(--border-color,#e5e7eb);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.friend-share-info{align-items:center;gap:10px;display:flex}.friend-share-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;overflow:hidden}.friend-share-avatar img{object-fit:cover;width:100%;height:100%}.friend-share-info strong{color:var(--text-primary,#111827);font-size:.9rem;display:block}.friend-share-info span{color:#6b7280;font-size:.8rem;display:block}.share-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:4px;padding:.4rem .8rem;font-size:.8rem;display:flex}.share-btn:hover{background:#1d4ed8}.shared-btn{color:#6b7280;cursor:not-allowed;background:#e5e7eb;border:none;border-radius:6px;align-items:center;gap:4px;padding:.4rem .8rem;font-size:.8rem;display:flex}.sidebar{background-color:var(--sidebar-bg);width:250px;height:100vh;color:var(--white);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{justify-content:center;align-items:center;padding:1.5rem;display:flex}.sidebar-brand-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:50px}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:var(--white);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:12px;align-items:center;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--sidebar-hover);opacity:1}.nav-item.active{background-color:var(--primary-color);opacity:1;box-shadow:0 4px 12px #6d28d94d}.nav-icon{margin-right:1rem;font-size:1.2rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}@media (width<=768px){.sidebar{z-index:1000;transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.card-details-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-details-content{color:#1f2937;background:#fff;border-radius:12px;flex-direction:column;width:1200px;max-width:95vw;min-height:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000026}.card-details-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.sly-badge{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:600}.header-right{gap:.5rem;display:flex}.icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.icon-btn:hover{color:#1f2937;background:#f3f4f6}.card-details-body{flex:1;display:flex;overflow-y:auto}.card-details-main{border-right:1px solid #e5e7eb;flex-direction:column;flex:3;gap:1.5rem;padding:1.5rem;display:flex}.card-title-section{align-items:flex-start;gap:1rem;display:flex}.title-icon{color:#9ca3af;margin-top:4px}.card-title-section h2{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.card-actions-row{gap:.5rem;padding-left:2.5rem;display:flex}.action-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.action-btn:hover{background:#e5e7eb}.card-meta-row{gap:2rem;padding-left:2.5rem;display:flex}.meta-item{flex-direction:column;gap:6px;display:flex}.meta-label{color:#6b7280;font-size:.75rem;font-weight:600}.meta-content{align-items:center;gap:6px;display:flex}.avatar{color:#be185d;background:#fbcfe8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.small-avatar{width:32px;height:32px}.add-round-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px dashed #9ca3af;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.add-round-btn:hover{background:#f3f4f6}.tag-color{border-radius:4px;width:40px;height:28px}.date-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;display:flex}.section-header{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.section-header.compact{justify-content:space-between}.section-header h3{margin:0;font-size:1rem;font-weight:600}.section-icon{color:#6b7280}.description-input{resize:vertical;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:calc(100% - 2.5rem);min-height:100px;margin-left:2.5rem;padding:1rem;font-family:inherit;font-size:.95rem}.description-input:focus{background:#fff;border-color:#a855f7}.card-details-sidebar{background:#f9fafb;flex-direction:column;flex:2;gap:1.5rem;padding:1.5rem;display:flex}.hide-details-btn{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.comment-input-area{align-items:flex-start;gap:10px;display:flex}.comment-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.comment-input:focus{border-color:#a855f7}.activity-feed{flex-direction:column;gap:1.25rem;display:flex}.activity-item{gap:10px;display:flex}.activity-content p{color:#374151;margin:0 0 4px;font-size:.9rem;line-height:1.4}.activity-time{color:#6b7280;cursor:pointer;font-size:.75rem;text-decoration:underline}.relative-container{position:relative}.add-menu-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:280px;display:flex;position:absolute;top:110%;left:0;box-shadow:0 10px 25px #0000001a}.add-menu-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.add-menu-header h4{color:#374151;margin:0;font-size:.9rem}.add-menu-header button{color:#9ca3af;cursor:pointer;background:0 0;border:none}.add-menu-options{flex-direction:column;gap:2px;padding:.5rem;display:flex}.menu-option-btn{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:12px;padding:.75rem;display:flex}.menu-option-btn:hover{background:#f9fafb}.opt-icon{color:#6b7280;margin-top:2px}.opt-text h5{color:#111827;margin:0 0 2px;font-size:.85rem}.opt-text p{color:#6b7280;margin:0;font-size:.75rem}.dates-menu-dropdown{z-index:150;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:320px;display:flex;position:absolute;top:110%;left:0;box-shadow:0 10px 25px #0000001a}.dates-menu-dropdown .add-menu-header{border-bottom:1px solid #f3f4f6}.dates-menu-dropdown .add-menu-header h4{color:#111827}.dates-calendar-body{padding:1rem}.cal-nav{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none}.cal-month{color:#111827;font-size:.9rem;font-weight:600}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1rem;display:grid}.cal-day-name{color:#6b7280;margin-bottom:4px;font-size:.75rem;font-weight:600}.cal-day{cursor:pointer;color:#374151;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.cal-day:hover:not(.selected){background:#f3f4f6}.cal-day.faded{color:#9ca3af}.cal-day.selected{color:#fff;background:#2563eb;font-weight:700}.cal-day.selected-range{position:relative}.cal-day.selected-range:after{content:"";background:#2563eb;border-radius:2px;width:14px;height:2px;position:absolute;bottom:4px}.dates-form{flex-direction:column;gap:12px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#4b5563;font-size:.75rem;font-weight:600}.input-row{align-items:center;gap:8px;display:flex}.custom-checkbox{accent-color:#2563eb;width:16px;height:16px}.date-input,.time-input,.date-select{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;outline:none;padding:6px 8px;font-family:inherit;font-size:.85rem}.date-input{box-sizing:border-box;flex:2;min-width:0}.time-input{box-sizing:border-box;flex:1;min-width:0}.date-input.disabled{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb}.date-select{width:100%}.date-select:focus,.date-input:focus,.time-input:focus{background:#fff;border-color:#2563eb}.reminder-text{color:#6b7280;margin:4px 0 12px;font-size:.75rem;line-height:1.4}.dates-actions{flex-direction:column;gap:8px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:8px;font-weight:600}.save-btn:hover{background:#1d4ed8}.remove-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:4px;padding:8px;font-weight:600}.remove-btn:hover{background:#e5e7eb}.card-checklist-section{margin-top:1.5rem}.checklist-progress{align-items:center;gap:12px;margin-bottom:1rem;margin-left:2.5rem;display:flex}.progress-text{color:#6b7280;width:30px;font-size:.75rem}.progress-bar-bg{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:#2563eb;height:100%;transition:width .3s}.checklist-items{flex-direction:column;gap:8px;margin-bottom:12px;margin-left:2.5rem;display:flex}.checklist-item{align-items:center;gap:12px;padding:6px 0;display:flex}.task-text{color:#1f2937;font-size:.95rem}.checklist-item.done .task-text{color:#9ca3af;text-decoration:line-through}.add-task-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:4px;margin-left:2.5rem;padding:8px 12px;font-size:.85rem;font-weight:500}.add-task-btn:hover{background:#e5e7eb}.add-task-form{margin-left:2.5rem}.card-attachments-section{margin-top:1.5rem}.attachments-list{flex-direction:column;gap:10px;margin-left:2.5rem;display:flex}.attachment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.attachment-icon{color:#6b7280;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.attachment-info{flex-direction:column;flex:1;display:flex}.attachment-name{color:#1f2937;word-break:break-all;font-size:.95rem;font-weight:600}.attachment-meta{color:#6b7280;font-size:.75rem}.remove-att-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.75rem;text-decoration:underline}.remove-att-btn:hover{color:#ef4444}.tag-color-option{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:32px;transition:transform .1s;display:flex}.tag-color-option:hover{filter:brightness(.9);transform:translate(4px)}.save-changes-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:10px;font-size:.95rem;font-weight:600;transition:background .2s}.save-changes-btn:hover{background:#1d4ed8}.member-result-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px;transition:background .1s;display:flex}.member-result-item:hover{background:#f3f4f6}.member-info{flex-direction:column;display:flex}.member-name{color:#1f2937;font-size:.85rem;font-weight:500;line-height:1.2}.member-username{color:#6b7280;font-size:.75rem}.kanban-container{margin-bottom:2rem}.section-title{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.kanban-board{gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{background-color:var(--board-bg);border-radius:12px;flex-direction:column;min-width:300px;padding:1rem;display:flex}.column-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;display:flex}.card-count{background-color:#0000001a;border-radius:12px;padding:.2rem .6rem;font-size:.8rem}.column-content{flex-direction:column;gap:.8rem;display:flex}.kanban-card{background-color:var(--card-bg);box-shadow:var(--shadow-sm);cursor:grab;border-radius:8px;padding:1rem;font-size:.95rem;transition:transform .2s,box-shadow .2s}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing;opacity:.8}.kanban-card.drag-over{box-shadow:0 -3px 0 0 var(--primary-color), var(--shadow-md);transform:translateY(2px)}.add-card-btn{color:var(--text-light);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background .2s}.add-card-btn:hover{color:var(--text-color);background-color:#0000000d}.add-card-form{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.add-card-input{border:1px solid var(--board-bg);box-shadow:var(--shadow-sm);border-radius:8px;outline:none;padding:.8rem;font-family:inherit;font-size:.95rem}.add-card-input:focus{border-color:var(--primary-color)}.add-card-actions{gap:.5rem;display:flex}.add-card-save{background-color:var(--primary-color);color:var(--white);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.add-card-save:hover{background-color:var(--primary-hover)}.add-card-cancel{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem}.add-card-cancel:hover{color:var(--text-color)}.edit-col-input{border:1px solid var(--primary-color);border-radius:4px;outline:none;width:70%;padding:.2rem .5rem;font-family:inherit;font-size:1rem;font-weight:600}.column-header h4{cursor:pointer;border-bottom:1px dashed #0000;transition:border-color .2s}.column-header h4:hover{border-bottom-color:var(--text-light)}.kanban-add-column{min-width:300px;height:fit-content}.add-col-btn{text-align:left;width:100%;color:var(--text-color);cursor:pointer;background-color:#0000000d;border:none;border-radius:12px;padding:1rem;font-weight:600;transition:background .2s}.add-col-btn:hover{background-color:#0000001a}.add-col-form{background-color:var(--board-bg);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.add-col-input{border:1px solid var(--board-bg);box-shadow:var(--shadow-sm);border-radius:8px;outline:none;padding:.8rem;font-family:inherit;font-size:.95rem}.add-col-input:focus{border-color:var(--primary-color)}.custom-context-menu{z-index:5000;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px;position:absolute;box-shadow:0 4px 15px #0000001a}.delete-card-btn{text-align:left;color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:.85rem;font-weight:500;display:flex}.delete-card-btn:hover{background:#fee2e2}.calendar-container{background-color:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-controls{align-items:center;gap:1rem;display:flex}.btn-icon{border:1px solid var(--board-bg);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--board-bg)}.current-month{font-size:1.1rem;font-weight:600}.calendar-grid{background-color:var(--board-bg);border:1px solid var(--board-bg);border-radius:8px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-day-header{background-color:var(--white);text-align:center;color:var(--text-light);padding:.8rem;font-size:.9rem;font-weight:600}.calendar-cell{background-color:var(--white);flex-direction:column;gap:.3rem;min-height:100px;padding:.5rem;display:flex}.calendar-cell.inactive{color:var(--text-light);background-color:#f8fafc}.date-number{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.date-number.today{background-color:var(--primary-color);color:var(--white)}.event{color:var(--white);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;overflow:hidden}.event-purple{background-color:var(--primary-color)}.event-blue{background-color:#3b82f6}.profile-container{flex-direction:column;height:100%;padding:2rem;display:flex}.profile-page-title{color:#111827;margin-bottom:2rem;font-size:1.5rem}.profile-content{gap:2rem;height:100%;display:flex}.profile-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-info-card{flex-direction:column;flex:1;max-width:350px;display:flex}.profile-avatar-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.profile-avatar-large{color:#fff;background:#2563eb;border:4px solid #eff6ff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:600;display:flex;box-shadow:0 4px 10px #0000001a}.profile-name{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem}.profile-email{color:#6b7280;margin:0;font-size:.95rem}.profile-actions{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.profile-action-btn{text-align:left;color:#4b5563;cursor:pointer;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background .2s}.profile-action-btn:hover{background:var(--bg-card)}.profile-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:var(--bg-card,white);border-radius:12px;flex-direction:column;gap:16px;width:340px;padding:24px;display:flex;box-shadow:0 10px 25px #0003}.profile-modal h3{color:var(--text-primary,#111827);margin:0;font-size:1.25rem}.profile-input-group{flex-direction:column;display:flex}.profile-input-group input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-main,white);width:100%;color:var(--text-primary,black);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;transition:border-color .2s}.profile-input-group input:focus{border-color:var(--primary-color,#6d28d9)}.profile-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.profile-cancel-btn{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.profile-cancel-btn:hover{background:var(--bg-main);color:var(--text-primary)}.profile-save-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-weight:600;transition:background .2s}.profile-save-btn:hover{background:var(--primary-hover,#5b21b6)}.calendar-card{flex-direction:column;flex:2;display:flex;overflow:auto}.calendar-card .calendar-container{box-shadow:none;border:none;padding:0}.goals-container{max-width:1000px;margin:0 auto;padding:2rem}.goals-page-title{color:var(--text-primary,#111827);margin-bottom:2rem;font-size:1.8rem;font-weight:700}.goals-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=900px){.goals-layout{grid-template-columns:1fr 1fr}}.goal-card{background:var(--bg-card,white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.goal-card-title{color:var(--text-primary,#111827);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.main-goal-input{border:2px solid var(--border-color,#e5e7eb);background:var(--bg-main,#f9fafb);width:100%;color:var(--text-primary,#111827);resize:vertical;border-radius:8px;min-height:100px;margin-bottom:1rem;padding:1rem;font-size:1.1rem;font-weight:500}.main-goal-input:focus{border-color:var(--primary-color,#6d28d9);outline:none;box-shadow:0 0 0 3px #6d28d91a}.goal-checklist{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.goal-item{background:var(--bg-main,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.goal-item:hover{border-color:var(--primary-color,#6d28d9)}.goal-item.done{opacity:.6}.goal-item.done .goal-text{text-decoration:line-through}.goal-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color,#6d28d9)}.goal-text{color:var(--text-primary,#111827);flex:1;font-size:1rem}.add-goal-form{gap:.5rem;display:flex}.add-goal-input{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-main,#f9fafb);color:var(--text-primary,#111827);border-radius:6px;flex:1;padding:.75rem 1rem}.add-goal-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600}.add-goal-btn:hover{background:var(--primary-hover,#5b21b6)}.suggest-btn{border:1px dashed var(--primary-color,#6d28d9);width:100%;color:var(--primary-color,#6d28d9);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-weight:600;display:flex}.suggest-btn:hover{background:#6d28d90d}.settings-container{max-width:800px;margin:0 auto;padding:2rem}.settings-page-title{color:var(--text-primary,#111827);margin-bottom:2rem;font-size:1.8rem;font-weight:700}.settings-card{background:var(--bg-card,white);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border-radius:12px;overflow:hidden}.settings-item{border-bottom:1px solid var(--border-color,#e5e7eb);cursor:pointer;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.settings-item:last-child{border-bottom:none}.settings-item:hover{background-color:var(--bg-main,#f9fafb)}.settings-icon{background:var(--primary-color,#6d28d9);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:1.5rem;display:flex}.settings-info{flex:1}.settings-info h3{color:var(--text-primary,#111827);margin-bottom:.25rem;font-size:1.2rem}.settings-info p{color:var(--text-secondary,#6b7280);font-size:.9rem}.settings-arrow{color:var(--text-secondary,#9ca3af)}.plan-badge-inline{color:var(--primary-color,#6d28d9);background:#6d28d91a;border-radius:12px;margin-top:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.plans-page-container{max-width:800px;margin:0 auto;padding:2rem}.plans-page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.change-sub-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.change-sub-btn:hover{background:var(--primary-hover,#5b21b6);transform:translateY(-2px)}.current-plan-card{background:var(--bg-card,white);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:2rem;padding:2rem}.current-plan-card h3{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem}.plan-details-highlight{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.plan-name{color:var(--text-primary,#111827);font-size:2rem;font-weight:700}.plan-price-large{color:var(--primary-color,#6d28d9);font-size:1.5rem;font-weight:600}.plan-status{color:var(--text-secondary,#6b7280);font-size:.9rem}.payment-section{background:var(--bg-card,white);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:2rem}.payment-section h3{color:var(--text-primary,#111827);margin-bottom:1.5rem;font-size:1.25rem}.payment-card-info{background:var(--bg-main,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.card-icon{color:var(--text-secondary,#6b7280)}.card-details{flex-direction:column;display:flex}.card-number{color:var(--text-primary,#111827);font-size:1.1rem;font-weight:600}.card-exp{color:var(--text-secondary,#6b7280);font-size:.9rem}.payment-actions{gap:1rem;display:flex}.secondary-btn{border:1px solid var(--border-color,#d1d5db);color:var(--text-primary,#374151);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:flex}.secondary-btn:hover{background:var(--bg-main,#f9fafb)}.notes-container{background:var(--bg-main,#f3f4f6);border-radius:12px;height:calc(100vh - 70px - 4rem);display:flex;overflow:hidden;box-shadow:0 4px 15px #00000008}.notes-sidebar{background:var(--bg-card,white);border-right:1px solid var(--border-color,#e5e7eb);flex-direction:column;width:260px;display:flex}.notes-sidebar-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.notes-sidebar-header h3{color:var(--text-primary,#111827);margin:0;font-size:1.1rem}.new-note-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.new-note-btn:hover{background:var(--bg-main,#f3f4f6);color:var(--primary-color,#6d28d9)}.notes-list{flex:1;padding:12px 8px;overflow-y:auto}.no-notes-msg{text-align:center;color:var(--text-secondary,#6b7280);margin-top:20px;font-size:.9rem}.note-list-item{cursor:pointer;color:var(--text-primary,#374151);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 12px;transition:background .2s;display:flex}.note-list-item:hover{background:var(--bg-main,#f3f4f6)}.note-list-item.active{color:var(--primary-color,#6d28d9);background:#6d28d91a;font-weight:500}.note-list-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.note-delete-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;transition:opacity .2s}.note-list-item:hover .note-delete-btn{opacity:1}.note-delete-btn:hover{color:#ef4444}.notes-sidebar-footer{border-top:1px solid var(--border-color,#e5e7eb);padding:12px 16px}.settings-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px;font-size:.85rem;transition:background .2s;display:flex}.settings-btn:hover{background:var(--bg-main,#f3f4f6);color:var(--text-primary,#111827)}.notes-editor{background:var(--bg-card,white);flex:1;position:relative;overflow-y:auto}.editor-content-wrapper{flex-direction:column;width:100%;max-width:800px;margin:0 auto;padding:60px 40px;display:flex}.editor-title{color:var(--text-primary,#111827);background:0 0;border:none;outline:none;margin-bottom:24px;padding:0;font-size:2.5rem;font-weight:800}.editor-title::placeholder{color:var(--text-secondary,#9ca3af);opacity:.5}.editor-body{color:var(--text-primary,#374151);resize:none;background:0 0;border:none;outline:none;min-height:300px;font-family:inherit;font-size:1.1rem;line-height:1.6;overflow:hidden}.editor-body::placeholder{color:var(--text-secondary,#9ca3af);opacity:.5}.empty-editor{height:100%;color:var(--text-secondary,#9ca3af);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.5;margin-bottom:16px}.notes-loading{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.ai-panel{background:var(--bg-card,white);border-left:1px solid var(--border-color,#e5e7eb);flex-direction:column;width:320px;min-width:320px;display:flex}.ai-panel-header{border-bottom:1px solid var(--border-color,#e5e7eb);align-items:center;padding:20px 16px;display:flex}.ai-panel-header h4{color:var(--primary-color,#6d28d9);align-items:center;gap:8px;margin:0;display:flex}.ai-panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-chat-area{background:var(--bg-main,#f9fafb);flex:1;padding:16px;overflow-y:auto}.ai-empty{color:var(--text-secondary);text-align:center;margin-top:40px;font-size:.9rem}.ai-loading{color:var(--primary-color);text-align:center;margin-top:20px;font-size:.85rem;font-weight:500;animation:1.5s infinite pulse}.ai-message{background:var(--bg-card,white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:16px;font-size:.9rem;line-height:1.5;box-shadow:0 2px 8px #0000000d}.ai-message p{white-space:pre-wrap;word-break:break-word;margin:0}.insert-btn{color:var(--primary-color);cursor:pointer;background:#6d28d91a;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.insert-btn:hover{background:#6d28d933}.ai-input-area{background:var(--bg-card,white);border-top:1px solid var(--border-color,#e5e7eb);gap:8px;padding:16px;display:flex}.ai-input-area textarea{border:1px solid var(--border-color,#d1d5db);resize:none;background:var(--bg-main,white);height:40px;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.9rem}.ai-input-area textarea:focus{border-color:var(--primary-color)}.ai-input-area button{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;transition:opacity .2s;display:flex}.ai-input-area button:disabled{opacity:.5;cursor:not-allowed}.settings-modal{background:var(--bg-card,white);border-radius:12px;width:400px;padding:24px;box-shadow:0 10px 25px #0003}.settings-modal h3{color:var(--text-primary);margin:0 0 8px}.settings-modal p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.settings-modal input{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;margin-bottom:24px;padding:10px 12px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-cancel:hover{background:var(--bg-main)}.btn-save{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-weight:600}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ai-quick-actions{flex-wrap:wrap;gap:10px;padding:12px 16px 0;display:flex}.quick-action-btn{background:var(--bg-main,#f9fafb);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1f2937);cursor:pointer;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.quick-action-btn:hover{background:var(--primary-color,#6d28d9);color:#fff;border-color:var(--primary-color,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px #6d28d933}.mobile-ai-fab{background:var(--primary-color,#6d28d9);color:#fff;z-index:90;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #6d28d966}.mobile-close-ai{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.5rem;display:none}@media (width<=768px){.notes-container{flex-direction:column}.notes-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:150px}.notes-editor{height:calc(100% - 150px)}.editor-content-wrapper{padding:20px}.ai-panel{z-index:1000;width:100%;height:100vh;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.ai-panel.show-mobile{transform:translate(0)}.mobile-ai-fab{display:flex}.mobile-close-ai{display:block}}.friends-container{background:var(--bg-card,white);border-radius:12px;flex-direction:column;height:calc(100vh - 70px - 4rem);display:flex;overflow:hidden;box-shadow:0 4px 15px #00000008}.friends-toast{color:#fff;z-index:1000;border-radius:8px;padding:12px 24px;font-weight:600;animation:.3s ease-out slideDown;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.friends-toast.success{background:#10b981}.friends-toast.error{background:#ef4444}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.friends-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.friends-modal-container{background:var(--bg-card,white);text-align:center;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;width:320px;padding:24px;animation:.2s ease-out modalScale;box-shadow:0 10px 25px #0000001a}.friends-modal-container h3{color:var(--text-primary,#111827);margin:0 0 12px;font-size:1.25rem}.friends-modal-container p{color:var(--text-secondary,#6b7280);margin-bottom:24px;line-height:1.5}.friends-modal-actions{justify-content:center;gap:12px;display:flex}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.friends-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--bg-card,white);padding:24px}.friends-header h2{color:var(--text-primary,#111827);margin-bottom:20px;font-size:1.5rem;font-weight:700}.friends-tabs{gap:16px;display:flex}.tab-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--primary-color,#6d28d9)}.tab-btn.active{color:var(--primary-color,#6d28d9);border-bottom-color:var(--primary-color,#6d28d9)}.friends-content{background:var(--bg-main,#f3f4f6);flex:1;padding:24px;overflow-y:auto}.friends-loading,.friends-error{text-align:center;color:var(--text-secondary);padding:40px}.friends-error{color:#ef4444;background:#fef2f2;border-radius:8px;margin-bottom:20px}.friends-search-bar{gap:12px;margin-bottom:32px;display:flex}.friends-search-bar input{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-card,white);color:var(--text-primary,#111827);border-radius:8px;flex:1;padding:12px 16px;font-size:1rem}.friends-search-bar input:focus{border-color:var(--primary-color,#6d28d9);outline:none;box-shadow:0 0 0 2px #6d28d91a}.friends-search-bar button{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 24px;font-weight:600;transition:background .2s;display:flex}.friends-search-bar button:hover{background:var(--primary-dark,#5b21b6)}.friends-search-bar button:disabled{opacity:.7;cursor:not-allowed}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.friend-card{background:var(--bg-card,white);text-align:center;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;align-items:center;padding:24px;transition:transform .2s;display:flex;box-shadow:0 2px 10px #0000000d}.friend-card:hover{transform:translateY(-2px)}.friend-avatar{background:var(--primary-color,#6d28d9);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:2rem;font-weight:700;display:flex;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-avatar.small{width:48px;height:48px;margin-bottom:0;font-size:1.2rem}.friend-info h4{color:var(--text-primary,#111827);margin:0 0 4px;font-size:1.1rem}.friend-info span{color:var(--text-secondary,#6b7280);font-size:.9rem}.add-friend-btn,.remove-friend-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:10px;font-weight:600;transition:all .2s;display:flex}.add-friend-btn{color:var(--primary-color,#6d28d9);background:#6d28d91a;border:1px solid #0000}.add-friend-btn:hover{background:var(--primary-color,#6d28d9);color:#fff}.remove-friend-btn{color:#ef4444;background:#ef44441a;border:1px solid #0000}.remove-friend-btn:hover{color:#fff;background:#ef4444}.friends-list{flex-direction:column;gap:16px;display:flex}.friend-list-item{background:var(--bg-card,white);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 2px 10px #0000000d}.friend-list-user{align-items:center;gap:16px;display:flex}.friend-actions{gap:12px;display:flex}.accept-btn,.reject-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.accept-btn{color:#fff;background:#10b981}.accept-btn:hover{background:#059669}.reject-btn{color:#4b5563;background:#f3f4f6}.reject-btn:hover{background:#e5e7eb}.empty-state{text-align:center;color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:var(--border-color,#e5e7eb);margin-bottom:16px}.empty-state p{margin-bottom:24px;font-size:1.1rem}.primary-btn-small{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.primary-btn-small:hover{background:var(--primary-dark,#5b21b6)}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:40px}.theme-store-container{padding:2rem}.theme-store-title{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.theme-store-desc{color:var(--text-secondary,#6b7280);margin-bottom:2rem}.themes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.theme-card{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s;overflow:hidden}.theme-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.theme-card.active{border:2px solid var(--primary-color,#6d28d9);box-shadow:0 0 0 2px #6d28d933}.theme-card.locked{opacity:.7}.theme-card.locked:hover{opacity:1;transform:none}.theme-color-preview{justify-content:flex-end;align-items:flex-start;width:100%;height:120px;padding:.5rem;display:flex;position:relative}.pro-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.theme-info{justify-content:space-between;align-items:center;padding:1rem;display:flex}.theme-info h4{margin:0;font-size:1rem;font-weight:600}.active-badge{background-color:var(--primary-color,#6d28d9);color:#fff;border-radius:12px;padding:2px 8px;font-size:.7rem}.dashboard-layout{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;margin-left:250px;display:flex;overflow:hidden}.dashboard-header{background-color:var(--white);height:70px;box-shadow:var(--shadow-sm);z-index:5;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.dashboard-header h2{color:var(--text-color);font-size:1.25rem;font-weight:600}.user-profile .avatar{background:var(--bg-left);width:40px;height:40px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.dashboard-scroll-area{flex:1;padding:2rem;overflow-y:auto}.mobile-menu-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;margin-right:1rem;font-size:1.5rem;display:none}.sidebar-overlay{display:none}@media (width<=768px){.main-content{margin-left:0}.dashboard-header{padding:0 1rem}.dashboard-header h2{font-size:1rem}.dashboard-scroll-area{padding:1rem}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar-overlay.active{z-index:999;background:#00000080;display:block;position:fixed;inset:0}}.forgot-password-container{background-color:var(--bg-main,#f3f4f6);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.logo-container{margin-bottom:2rem}.login-logo{max-width:150px}.forgot-password-card{background:var(--bg-card,white);text-align:center;border-radius:16px;width:100%;max-width:450px;padding:3rem 2.5rem;box-shadow:0 10px 30px #0000000d}.forgot-password-card h2{color:var(--text-primary,#111827);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.forgot-password-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-secondary,#4b5563);font-size:.85rem;font-weight:600}.input-group input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-main,#f9fafb);color:var(--text-primary,#111827);border-radius:12px;outline:none;padding:12px 16px;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--primary-color,#6d28d9);background:var(--bg-card,white);box-shadow:0 0 0 3px #6d28d91a}.primary-btn{background:var(--primary-color,#6d28d9);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn:hover{background:var(--primary-hover,#5b21b6);transform:translateY(-2px)}.success-message{color:#10b981;margin-top:.5rem;font-size:.9rem;font-weight:500}.error-message{color:#ef4444;margin-top:.5rem;font-size:.9rem;font-weight:500}.magic-dev-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:20px;margin-top:2rem;padding:10px 20px;font-weight:600;animation:2s infinite pulse;box-shadow:0 4px 10px #10b9814d}.back-to-login{margin-top:2rem}.back-to-login a{color:var(--primary-color,#6d28d9);font-size:.95rem;font-weight:600;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.not-found-container{background-color:var(--bg-main,#f3f4f6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.not-found-content{background:var(--bg-card,white);border-radius:20px;width:100%;max-width:600px;padding:4rem;box-shadow:0 10px 40px #0000000d}.not-found-subtitle{color:var(--primary-color,#6d28d9);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.error-code-container{margin:2rem 0;display:inline-block;position:relative}.error-code{color:#1f2937;letter-spacing:-5px;margin:0;font-size:8rem;font-weight:900;line-height:1}.error-text-overlay{color:var(--primary-color,#6d28d9);background:var(--bg-card,white);letter-spacing:5px;padding:0 10px;font-size:2rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-message{color:var(--text-secondary,#4b5563);max-width:400px;margin:2rem auto;font-size:1.1rem;line-height:1.6}.back-home-btn{border-radius:30px;margin-top:1rem;padding:12px 30px;font-size:1.1rem}body.dark-theme .error-code{color:var(--text-primary)}