*{margin:0;padding:0;box-sizing:border-box}::selection{background:#fff;color:#000}::-moz-selection{background:#fff;color:#000}.jodit-wysiwyg{color:#000!important;background-color:#fff!important}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#0f1214;color:#fff}a{text-decoration:none;color:#f5f5f5}li{list-style:none}::-webkit-scrollbar{display:none}.api-error{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.api-error__card{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:3rem 2.5rem;max-width:420px;width:100%;text-align:center;color:#fff;box-shadow:0 10px 40px #0000004d;animation:fadeIn .6s ease}.api-error__icon{font-size:3.5rem;margin-bottom:.8rem;animation:pulse 1.5s infinite}.api-error__title{font-size:1.7rem;font-weight:600;margin-bottom:.6rem}.api-error__message{font-size:1rem;line-height:1.5;color:#f1f1f1;margin-bottom:1.8rem}.api-error__btn{background:linear-gradient(135deg,#ff416c,#ff4b2b)!important;border-radius:10px!important;padding:.6rem 1.5rem!important;font-weight:500!important;text-transform:none!important;box-shadow:0 6px 15px #00000040!important;transition:.3s ease!important}.api-error__btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000059!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loading_wrapper{height:100vh;width:100%;background-color:#0f1214;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.loading_wrapper img{width:100px;height:100px;margin-bottom:20px;filter:drop-shadow(0 0 15px #6a5af9);animation:logoPulse 1.5s ease-in-out infinite}.loading_wrapper .loader_bar .loader_fill{width:0%;height:100%;background:linear-gradient(90deg,#6a5af9,#8f73f7);animation:loadAnim 2s infinite;border-radius:3px}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes loadAnim{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.dashboard_container{display:flex;min-height:100vh}.dashboard_container main{flex:1;padding:10px;color:#fff}.sideMenu{width:260px;height:100vh;padding:18px;position:fixed;top:0;left:0;z-index:200;background:#1212120a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.08);transition:all .35s ease;overflow-y:auto;overflow-x:hidden}.sideMenu::-webkit-scrollbar{width:6px}.sideMenu::-webkit-scrollbar-track{background:transparent}.sideMenu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sideMenu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sideMenu-open{transform:translate(0)}.sideMenu-closed{transform:translate(-100%)}.sideMenu-Mobile{width:80%}.sideMenu__header{display:flex;justify-content:space-between;color:#fff}.sideMenu__nav{margin-top:20px;display:flex;flex-direction:column;gap:8px}.sideMenu__link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#b7bcc7;text-decoration:none;transition:.2s}.sideMenu__link:hover{background:#ffffff0f;color:#fff}.sideMenu__link.active{background:linear-gradient(135deg,#6c5ce7,#8e7cff);color:#fff}.sideMenu .todo_toggle{margin-top:22px;cursor:pointer;border-radius:14px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all .35s ease}.sideMenu .todo_toggle_btn{color:#fff!important;text-transform:none!important;font-size:15px!important;font-weight:500!important;justify-content:space-between!important;padding:12px 16px!important;background:transparent!important;border-radius:0!important}.sideMenu .todo_toggle_btn .arrow{font-size:12px;opacity:.7;transition:transform .3s ease}.sideMenu .todo_toggle .submenu{max-height:0;overflow:hidden;display:flex;flex-direction:column;background:#00000040;transition:max-height .35s ease}.sideMenu .todo_toggle .submenu a{padding:10px 20px;color:#b7bcc7;text-decoration:none;font-size:14px;transition:.2s}.sideMenu .todo_toggle .submenu a:hover{background:#ffffff0f;color:#fff;padding-left:26px}.sideMenu .todo_toggle.open{box-shadow:0 10px 35px #6c5ce759}.sideMenu .todo_toggle.open .submenu{max-height:200px}.sideMenu .todo_toggle.open .arrow{transform:rotate(180deg)}.sideMenu__toggle{position:fixed;top:18px;left:18px;background:#6c5ce7;border:none;padding:10px;border-radius:10px;color:#fff;z-index:500;cursor:pointer}.sideMenu__overlay{position:fixed;inset:0;background:#0000008c;z-index:150;cursor:pointer}@media(min-width:1100px){.dashboard_container main{margin-left:260px}}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 40px;background:#0f1214;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #00000080}.header .logo img{cursor:pointer;transition:transform .2s ease}.header .logo img:hover{transform:scale(1.05)}.header .nav-links.desktop-nav{display:flex;align-items:center;gap:20px}.header .nav-links.desktop-nav .nav-link{color:#cfd3d7;text-decoration:none;font-weight:500;position:relative;transition:all .2s ease}.header .nav-links.desktop-nav .nav-link:hover{color:#fff}.header .nav-links.desktop-nav .nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0%;height:2px;background:#6366f1;transition:width .3s ease}.header .nav-links.desktop-nav .nav-link:hover:after{width:100%}.header .nav-links.desktop-nav .avatar-btn{min-width:0;padding:8px 12px;border-radius:50%;background:#1f2225;color:#fff;font-weight:700;transition:all .2s ease}.header .nav-links.desktop-nav .avatar-btn:hover{background:#2e3236;transform:scale(1.05)}.header .nav-links.desktop-nav .avatar-btn .avatar-text{font-weight:700}.header .nav-links.desktop-nav .logout-btn{border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s ease}.header .nav-links.desktop-nav .logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f8717166}.header .mobile-menu-btn{display:none}.header .mobile-sidebar{position:fixed;top:0;left:0;height:100%;width:250px;background:#15191c;box-shadow:4px 0 20px #00000080;padding:20px;z-index:200;display:flex;flex-direction:column}.header .mobile-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header .mobile-sidebar .sidebar-header img{cursor:pointer}.header .mobile-sidebar .sidebar-links{display:flex;flex-direction:column;gap:20px}.header .mobile-sidebar .sidebar-links a{color:#cfd3d7;text-decoration:none;font-size:18px;transition:all .2s ease}.header .mobile-sidebar .sidebar-links a:hover{color:#fff}.header .mobile-sidebar .sidebar-links .sidebar-logout-btn{background:linear-gradient(90deg,#f87171,#ef4444);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .2s ease}.header .mobile-sidebar .sidebar-links .sidebar-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f8717166}@media screen and (max-width:768px){.header .nav-links.desktop-nav{display:none}.header .mobile-menu-btn{display:block}}.banner{position:relative;padding:140px 20px;background:#0f1214;overflow:hidden}.banner .container{max-width:1200px;margin:auto}.banner .left{max-width:650px}.banner .left h2{font-size:52px;font-weight:700;margin-bottom:24px;color:#fff;line-height:1.1}.banner .left p{font-size:18px;color:#a0a6ac;margin-bottom:30px;line-height:1.6}.banner .left ul{margin-bottom:36px}.banner .left ul li{font-size:16px;color:#cfd3d7;margin-bottom:12px}.task_input{display:flex;align-items:center;gap:12px;background:#15191ccc;border-radius:16px;border:1px solid #23282d;padding:14px 20px;margin-bottom:36px;color:#e6e6e6;box-shadow:0 10px 30px #00000080;font-size:16px;width:100%}.task_input .plus{color:#7d8590;font-weight:600}.task_input .typing{color:#cfd3d7;flex:1;min-width:0}.task_input .cursor{width:2px;height:18px;background:#fff;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.start_btn{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-radius:12px!important;padding:12px 22px!important;font-weight:600!important;text-transform:none!important;box-shadow:0 8px 30px #6366f166!important;transition:all .3s ease;display:inline-block}.start_btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f199!important}.bg_blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;z-index:0}.blob1{width:400px;height:400px;background:#6366f1;top:-120px;left:-120px}.blob2{width:350px;height:350px;background:#8b5cf6;bottom:-120px;right:-120px}.blob3{width:300px;height:300px;background:#06b6d4;top:40%;right:10%}@media screen and (max-width:1024px){.banner{padding:100px 20px}.banner .left h2{font-size:44px}.banner .left p{font-size:16px}.banner .left ul li,.banner .task_input{font-size:15px}.banner .start_btn{padding:10px 18px;font-size:15px}.blob1{width:300px;height:300px;top:-100px;left:-100px}.blob2{width:280px;height:280px;bottom:-100px;right:-100px}.blob3{width:220px;height:220px;top:35%;right:5%}}@media screen and (max-width:768px){.banner{padding:80px 16px}.banner .left{max-width:100%}.banner .left h2{font-size:36px}.banner .left p{font-size:15px}.banner .left ul li{font-size:14px}.banner .task_input{font-size:14px;padding:12px 16px}.banner .start_btn{width:100%;text-align:center;padding:10px;font-size:14px}.blob1{width:220px;height:220px;top:-80px;left:-80px}.blob2{width:200px;height:200px;bottom:-80px;right:-80px}.blob3{width:160px;height:160px;top:30%;right:5%}}@media screen and (max-width:480px){.banner{padding:60px 12px}.banner .left h2{font-size:32px}.banner .left p{font-size:14px}.banner .left ul li{font-size:13px}.banner .task_input{font-size:13px;padding:10px 14px}.banner .start_btn{width:100%;font-size:13px;padding:8px 14px}.blob1{width:180px;height:180px;top:-60px;left:-60px}.blob2{width:160px;height:160px;bottom:-60px;right:-60px}.blob3{width:120px;height:120px;top:25%;right:5%}}.feature_wrapper{position:relative;width:100%;min-height:90vh;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at top,#6366f11f,#000000f2),linear-gradient(135deg,#020617,#020617)}.feature_blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;animation:float 22s infinite ease-in-out;z-index:1}.blob_a{width:400px;height:400px;background:#6a5af9;top:-100px;left:-80px;animation-delay:0s}.blob_b{width:350px;height:350px;background:#00e5ff;bottom:-120px;right:-60px;animation-delay:10s}@keyframes float{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-30px) translate(25px) scale(1.05)}to{transform:translateY(0) translate(0) scale(1)}}.banner_header{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#f8fafc;text-align:center;margin-bottom:3rem;z-index:3;background:linear-gradient(90deg,#fff,#c7d2fe,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;width:100%;max-width:1200px;z-index:3}.feature_card{background:#ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #0006;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.feature_card p{font-weight:600;font-size:1.05rem;color:#f8fafc;margin:1.2rem 0 .5rem;text-align:center}.feature_card span{font-size:.9rem;color:#ffffffbf;text-align:center}.icon_circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;transition:all .3s ease;box-shadow:0 8px 20px #00000059}.feature_card:hover .icon_circle{transform:scale(1.15);box-shadow:0 12px 28px #00000073}@media(max-width:900px){.feature_container{grid-template-columns:1fr;gap:2rem}}.register_container{display:flex;justify-content:center;align-items:center;margin:auto;width:40%;flex-direction:column;height:60vh;gap:1rem;margin-top:3rem;border-radius:10px}.register_container div{width:55%;gap:10px;display:flex}.register_container div input{width:100%;padding:12px;font-size:16px;border:0;outline:0;border-radius:5px;background:transparent;color:#fff;border:2px solid #334155;transition:.4s}.register_container div input:hover{border-color:#38bdf8;box-shadow:0 0 10px #38bdf8}.register_container div button{width:100%;background-color:#000;color:wh}.register_container a{color:#f5f5f5}.profile_main_wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.profile_card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:24px;width:100%;max-width:500px;text-align:center;box-shadow:0 25px 50px -12px #00000080}.profile_card .avatar_wrapper{position:relative;margin-bottom:1.5rem}.profile_card .avatar_wrapper .avatar_ring{width:160px;height:160px;padding:5px;background:linear-gradient(135deg,#00f5ff,#6366f1);border-radius:50%}.profile_card .avatar_wrapper .avatar_ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #0f1214}.profile_card .avatar_wrapper .online_indicator{position:absolute;bottom:10px;right:15px;width:20px;height:20px;background:#22c55e;border:3px solid #0f1214;border-radius:50%}.profile_card .profile_info .badge_row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:.5rem}.profile_card .profile_info .badge_row .role_badge{font-size:.7rem;letter-spacing:1px;font-weight:800;color:#00f5ff;background:#00f5ff1a;padding:4px 10px;border-radius:6px}.profile_card .profile_info .badge_row .verified_icon{color:#6366f1;font-size:1.1rem}.profile_card .profile_info h1{font-size:2.2rem;font-weight:800;margin:0;color:#fff}.profile_card .profile_info .email_text{color:#94a3b8;font-size:.95rem;margin:.5rem 0 1.5rem}.profile_card .profile_info .stats_row{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.profile_card .profile_info .stats_row .stat_item{display:flex;flex-direction:column}.profile_card .profile_info .stats_row .stat_item strong{font-size:1.2rem;color:#fff}.profile_card .profile_info .stats_row .stat_item span{font-size:.75rem;color:#64748b;text-transform:uppercase}.profile_card .profile_info .stats_row .stat_divider{width:1px;height:30px;background:#ffffff1a}.profile_card .profile_info .glass_edit_btn{background:#6366f126!important;color:#fff!important;border:1px solid rgba(99,102,241,.3)!important;border-radius:12px;padding:10px 25px;text-transform:none;font-weight:600;transition:.3s}.profile_card .profile_info .glass_edit_btn:hover{background:#6366f1!important;box-shadow:0 0 20px #6366f166}.dialog_title{text-align:center;font-weight:700!important;color:#fff}.upload_preview_container{position:relative}.upload_preview_container .upload_icon_btn{position:absolute;bottom:-5px;right:-5px;background:#6366f1!important;color:#fff;padding:6px}.upload_preview_container .upload_icon_btn:hover{background:#3438ed!important}.update_btn{background:#6366f1!important;font-weight:700!important;border-radius:10px!important}@media(max-width:600px){.profile_card{padding:2rem}}.feedback-wrapper{background:#090b0c;min-height:100vh;padding:100px 24px;color:#fff}.feedback-wrapper .feedback-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.form-section{position:sticky;top:120px}.form-section .badge{background:#6366f11a;color:#9294f5;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;width:fit-content;margin-bottom:16px;text-transform:uppercase}.form-section h2{font-size:42px;margin-bottom:12px;line-height:1.1}.form-section .subtitle{color:#94a3b8;font-size:18px;margin-bottom:40px}.form-section .rating-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-section .rating-card span{color:#cbd5e1;font-weight:500}.form-section .modern-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:all .3s ease}.form-section .modern-input:focus-within{border-color:#6366f1;background:#ffffff0d}.form-section .modern-input textarea{color:#fff;font-size:16px}.form-section .submit-btn{margin-top:30px!important;width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;padding:14px!important;border-radius:14px!important;font-weight:700!important;text-transform:none!important;box-shadow:0 10px 25px #6366f14d!important}.form-section .submit-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.feed-section .feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.feed-section .feed-header h3{font-size:22px;color:#f1f5f9}.feed-section .feed-header .count-pill{background:#1e293b;padding:4px 12px;border-radius:100px;font-size:13px;color:#94a3b8}.feed-section .feed-scroll{display:flex;flex-direction:column;gap:20px}.feed-section .review-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;transition:transform .3s ease}.feed-section .review-card:hover{border-color:#fff3}.feed-section .review-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.feed-section .review-card .card-header .user-group{display:flex;gap:14px}.feed-section .review-card .card-header .user-group .avatar{width:42px;height:42px;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:18px}.feed-section .review-card .card-header .user-group .user-meta h4{margin:0 0 4px;font-size:16px;color:#f8fafc}.feed-section .review-card .card-header .del-btn{background:transparent;border:none;color:#f87171;cursor:pointer;opacity:.5;transition:.3s}.feed-section .review-card .card-header .del-btn:hover{opacity:1}.feed-section .review-card .review-text{color:#94a3b8;line-height:1.6;font-size:15px;margin:0}@media(max-width:960px){.feedback-container{grid-template-columns:1fr!important;gap:60px!important}.form-section{position:relative;top:0}}.command-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:start;justify-content:center;padding-top:12vh;z-index:10000}.command-box{width:100%;max-width:600px;background:#161b22f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #0009}.command-box .search-wrapper{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);gap:12px}.command-box .search-wrapper .search-icon{color:#8b949e}.command-box .search-wrapper input{flex:1;background:transparent;border:none;outline:none;color:#e6edf3;font-size:16px}.command-box .search-wrapper input::placeholder{color:#484f58}.command-box .search-wrapper .kbd-shortcut{font-size:10px;color:#8b949e;background:#ffffff0d;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.command-box ul{list-style:none;padding:8px;max-height:350px;overflow-y:auto}.command-box ul li{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;border-radius:8px;color:#c9d1d9;transition:all .2s ease;margin-bottom:2px}.command-box ul li.active{background:#6366f126;color:#818cf8}.command-box ul li .enter-hint{font-size:12px;opacity:.6}.command-box .no-results{padding:30px;text-align:center;color:#484f58;font-size:14px}.todo_manage_search{display:flex;gap:20px}@media only screen and (max-width:1100px){.todo_manage_search{flex-direction:column}}.todo_manage_container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.todo_manage_container .todo_card{background:#151a1f;padding:15px;border-radius:12px;transition:.3s;border:1px solid transparent}.todo_manage_container .todo_card:hover{transform:translateY(-5px);border-color:#6a5af9;box-shadow:0 0 15px #6a5af94d}.todo_manage_container .todo_card .todo_status{display:flex;justify-content:space-between}.todo_manage_container .todo_card .todo_status .priority{color:#000;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:700}.todo_manage_container .todo_card h3{margin-top:10px;color:#fff;font-size:18px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.todo_manage_container .todo_card .description{color:#f0f8ffb3;font-size:13px;margin-top:5px;font-family:monospace}.todo_manage_container .todo_card .todo_action{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.todo_manage_container .todo_card .todo_action .edit_btn{background:#6a5af926;color:#6a5af9}.todo_manage_container .todo_card .todo_action .edit_btn:hover{background:#6a5af9;color:#fff}.todo_manage_container .todo_card .todo_action .delete_btn{background:#ff4d4d26;color:#ff4d4d}.todo_manage_container .todo_card .todo_action .delete_btn:hover{background:#ff4d4d;color:#fff}.pagination_controls{padding:10px}.pagination_controls button{color:#fff;margin-top:1rem;padding:10px 20px}@media only screen and (max-width:1100px){.todo_manage_container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:720px){.todo_manage_container{grid-template-columns:1fr}}.notion_canvas{background-color:#0f1214;min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#fff}.notion_top_gradient{width:100%;height:100px;background:linear-gradient(to bottom,#161b1f,#0f1214)}.notion_document{width:100%;max-width:760px;padding:0 24px 100px;position:relative}.notion_document .notion_meta_bar{display:flex;gap:12px;margin-bottom:12px}.notion_document .notion_meta_bar .meta_item{font-size:.8rem;color:#737a82;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:4px}.notion_document .notion_meta_bar .meta_item:hover{background:#1a1f24;color:#fff}.notion_document .notion_title_input{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:2.6rem;font-weight:800;letter-spacing:-.5px;padding:0;margin-bottom:2rem}.notion_document .notion_title_input::placeholder{color:#ffffff14}.notion_property_grid{display:flex;flex-direction:column;gap:4px}.notion_property_grid .property_row{display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:34px;padding:0 8px;border-radius:4px;transition:background .15s}.notion_property_grid .property_row:hover{background:#1a1f24}.notion_property_grid .property_row label{display:flex;align-items:center;gap:10px;color:#737a82;font-size:.85rem}.notion_property_grid .property_row label svg{font-size:.95rem}.notion_property_grid .property_row .notion_select .MuiInputBase-root{color:#fff;font-size:.9rem;padding-left:8px}.notion_editor{width:100%;min-height:450px;background:transparent;border:none;outline:none;color:#fff;font-size:1.1rem;line-height:1.7;resize:none;font-family:Inter,sans-serif}.notion_editor::placeholder{color:#ffffff0d}.notion_fixed_actions{position:fixed;top:24px;right:32px;z-index:100}.notion_fixed_actions .notion_primary_btn{background:#3b82f6!important;color:#fff!important;text-transform:none!important;font-weight:600!important;font-size:.8rem!important;padding:6px 14px!important;border-radius:6px!important;box-shadow:0 4px 12px #0000004d!important}.notion_fixed_actions .notion_primary_btn:hover{background:#5392f7!important}.MuiPaper-root{background-color:#1a1f24!important;color:#fff!important;border:1px solid #22272B}.todo-card{width:100%;background:#161a1d;border:1px solid #24292e;border-radius:16px;padding:1.2rem;margin-top:1rem;box-shadow:0 12px 35px #0000008c}.todo-header{display:flex;flex-direction:column;gap:10px;margin-bottom:1.2rem}.todo-header h1{color:#38bdf8;font-size:1.3rem}.todo-header .status{width:fit-content;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.todo-header .status.completed{background:#22c55e26;color:#22c55e}.todo-header .status.pending{background:#eab30826;color:#eab308}@media(min-width:640px){.todo-header{flex-direction:row;justify-content:space-between;align-items:center}.todo-header h1{font-size:1.8rem}}.todo-info-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.2rem}@media(min-width:640px){.todo-info-grid{grid-template-columns:repeat(4,1fr)}}.info-box{background:#161a1d;border:1px solid #24292e;border-radius:12px;padding:.8rem}.info-box p{color:#9ca3af;font-size:.7rem}.info-box h3{color:#f3f4f6}.info-box .category{color:#a78bfa}.info-box .priority.high{color:#f87171}.info-box .priority.medium{color:#fbbf24}.info-box .priority.low{color:#4ade80}.todo-description{border:1px solid #24292e;border-radius:12px;padding:.6rem;margin:0 -1rem;height:80vh;overflow:auto}.todo-description p{color:#9ca3af;padding:0 1rem}.todo-description pre{margin-top:10px;background:#0f1214;white-space:pre-wrap;word-break:break-word;color:#e5e7eb;line-height:1.6;padding:.8rem 1rem;border-radius:10px;max-width:100%;overflow-x:auto;font-size:15px}@media(min-width:768px){.todo-description{margin:0;padding:1rem}}.timer-app{width:90%;max-width:400px;margin:40px auto;padding:30px 20px;border-radius:24px;background:#151a1d;box-shadow:0 20px 50px #0009;color:#eaeaea;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:center;transition:all .3s ease}@media(min-width:768px){.timer-app{margin:80px auto;padding:35px 30px 40px}}.timer-app .routine-header{margin-bottom:20px}.timer-app .routine-header span{font-size:.7rem;letter-spacing:2px;color:#6a5af9;font-weight:800;display:block}.timer-app .routine-input,.timer-app .time-input{width:100%;box-sizing:border-box;padding:14px;font-size:1rem;border-radius:12px;border:2px solid #2a3236;background:#0f1214;color:#fff;text-align:center;margin-bottom:15px;transition:.3s}.timer-app .routine-input:focus,.timer-app .time-input:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 12px #00e5ff33}.timer-app .active-routine-title{font-size:1.4rem;font-weight:700;color:#fff;margin:15px 0;border-bottom:2px solid #6a5af9;display:inline-block;padding-bottom:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-app .time-display{font-size:clamp(3.5rem,15vw,4.5rem);font-weight:800;margin:10px 0 20px;letter-spacing:2px;color:#00e5ff;text-shadow:0 0 15px rgba(0,229,255,.3)}.timer-app .progress-wrapper{width:100%;height:10px;border-radius:10px;background:#0f1214;overflow:hidden;margin-bottom:30px}.timer-app .progress-wrapper .progress-bar{height:100%;background:linear-gradient(90deg,#00e5ff,#2979ff);transition:width 1s linear}.timer-app .btn-group{display:flex;flex-wrap:wrap;gap:10px}.timer-app .btn-group button{flex:1 1 100px;padding:14px 0;border-radius:30px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.timer-app .btn-group button:active{transform:scale(.95)}.timer-app .btn-group .start-btn{background:linear-gradient(135deg,#00e676,#1de9b6);color:#111}.timer-app .btn-group .pause-btn{background:linear-gradient(135deg,#ffb300,#ff6f00);color:#111}.timer-app .btn-group .reset-btn{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff}.timer-app .pomo-btn{margin-top:20px;width:100%;padding:14px;border-radius:30px;border:none;background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;font-weight:700;cursor:pointer;font-size:.95rem}.timer-app .pomo-btn:hover{filter:brightness(1.1)}@media(min-width:1024px){.timer-app{max-width:420px}.timer-app:hover{transform:translateY(-5px)}}.habit-wrapper{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:30px;font-family:Poppins,sans-serif;color:#fff}.habit-wrapper .habit-input{display:flex;gap:15px}.habit-wrapper .habit-input input{flex:1;padding:14px 20px;border-radius:50px;border:none;outline:none;font-size:16px;background:#ffffff0d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.habit-wrapper .habit-input input::placeholder{color:#aaa}.habit-wrapper .habit-input input:focus{box-shadow:0 0 15px #6366f166;background:#ffffff1a}.habit-wrapper .habit-input button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50px;padding:0 25px;font-size:18px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.habit-wrapper .habit-input button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.habit-wrapper .habit-input button svg{font-size:22px}.habit-wrapper .task-box{background:#ffffff0d;border-radius:20px;padding:20px;box-shadow:0 8px 20px #0009;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.habit-wrapper .task-box:hover{transform:translateY(-4px);box-shadow:0 7px 30px #6366f199}.habit-wrapper .task-box .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.habit-wrapper .task-box .task-header h2{font-size:20px;font-weight:600;margin:0}.habit-wrapper .task-box .task-header button{background:#f871711a;color:#f87171;border-radius:50%;padding:6px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;transition:all .3s ease}.habit-wrapper .task-box .task-header button:hover{background:#f87171;color:#fff;transform:scale(1.1)}.habit-wrapper .task-box .task-header button svg{font-size:20px}.habit-wrapper .task-box .habit-table{width:100%;border-collapse:separate;border-spacing:5px}.habit-wrapper .task-box .habit-table th,.habit-wrapper .task-box .habit-table td{padding:10px 5px;font-size:14px;text-align:center;color:#ddd}.habit-wrapper .task-box .habit-table th{font-weight:500;font-size:13px;color:#bbb}.habit-wrapper .task-box .habit-table td{background:#ffffff0d;border-radius:12px;position:relative;min-width:40px}.habit-wrapper .task-box .habit-table .check-label{display:inline-block;position:relative;width:22px;height:22px;cursor:pointer}.habit-wrapper .task-box .habit-table .check-label input{opacity:0;width:0;height:0}.habit-wrapper .task-box .habit-table .check-label input:checked+span{background:#6366f1;border-color:#6366f1}.habit-wrapper .task-box .habit-table .check-label input:checked+span:after{display:block}.habit-wrapper .task-box .habit-table .check-label span{position:absolute;top:0;left:0;width:22px;height:22px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:6px;transition:all .3s ease}.habit-wrapper .task-box .habit-table .check-label span:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.habit-wrapper .task-box .habit-table .date-label{margin-top:5px;font-size:12px;color:#aaa}@media screen and (max-width:768px){.habit-wrapper .habit-table{display:block;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.habit-wrapper .task-box{padding:15px}}@media screen and (max-width:480px){.habit-wrapper .habit-input{flex-direction:column;gap:10px}.habit-wrapper .habit-input input,.habit-wrapper .habit-input button{width:100%}}.analyze_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:1rem}.stats_card{background:#15191d;border-radius:14px;padding:20px;border:1px solid #1f242b;box-shadow:0 0 15px #00000059;transition:.3s ease}.stats_card h2{font-size:14px;color:#aaa;margin-bottom:8px}.stats_card p{font-size:28px;font-weight:600;color:#fff}.stats_card:hover{transform:translateY(-4px)}.stats_card.completed p{color:#4ade80}.stats_card.pending p{color:#facc15}.progress_card{grid-column:1/-1;background:#15191d;border-radius:16px;padding:22px;border:1px solid #1f242b}.progress_header{display:flex;justify-content:space-between;margin-bottom:12px}.progress_header h3{color:#fff;font-size:16px}.progress_header span{color:#6a5af9;font-weight:600}.progress_bar{width:100%;height:12px;background:#0f1214;border-radius:10px;overflow:hidden;border:1px solid #222}.progress_fill{height:100%;background:linear-gradient(90deg,#6a5af9,#9a6bff);transition:width .6s ease}.chart_card{grid-column:1/-1;background:#15191d;border-radius:16px;padding:22px;border:1px solid #1f242b;box-shadow:0 0 15px #00000059}.chart_card h3{color:#fff;font-size:16px;margin-bottom:16px}.cover-wrapper{position:relative;width:100%;height:245px;border-radius:12px;overflow:hidden;position:sticky;top:0;z-index:100}.cover-wrapper .cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cover-wrapper .cover-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.cover-wrapper .cover-actions .cover-btn{background:linear-gradient(135deg,#6a5af9,#43e97b);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.cover-wrapper .cover-actions .cover-btn:hover{background:linear-gradient(135deg,#43e97b,#6a5af9);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.cover-wrapper .cover-actions .cover-btn.uploading{opacity:.7;pointer-events:none}.cover-wrapper .cover-actions .cover-btn input[type=file]{display:none}.cover-wrapper:hover .cover-img{transform:scale(1.05)}.cover-wrapper:hover .cover-actions{opacity:1}.manage_project_main{background-color:#0f1214;min-height:100vh;padding:2rem}.table_header_box{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 5px}.table_header_box .main_title{color:#fff;font-weight:800}.table_header_box .subtitle{color:#9aa4af}.table_header_box .project_count{background:#3b82f61a;color:#3b82f6;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700}.custom_table_container{background-color:#15191c!important;border-radius:12px!important;border:1px solid #262c33;box-shadow:0 10px 30px #0000004d!important;overflow:hidden}.custom_table_container .head_cell{background-color:#1b1f23!important;color:#9aa4af!important;font-size:.75rem!important;text-transform:uppercase;font-weight:700!important;letter-spacing:1px;border-bottom:1px solid #262c33!important}.custom_table_container .body_row{transition:all .2s ease}.custom_table_container .body_row:hover{background-color:#ffffff05}.custom_table_container .body_row:last-child .body_cell{border-bottom:none}.custom_table_container .body_cell{border-bottom:1px solid #262c33!important;color:#e0e0e0;padding:16px!important}.custom_table_container .text_muted{color:#9aa4af;font-size:.85rem}.custom_table_container .action_cell{display:flex;justify-content:center;gap:5px}.custom_table_container .action_cell button{transition:all .2s}.custom_table_container .action_cell button:hover{transform:translateY(-2px)}.custom_table_container .action_cell .view_btn{color:#4fc3f7;background:#4fc3f70d}.custom_table_container .action_cell .edit_btn{color:#ffb74d;background:#ffb74d0d}.custom_table_container .action_cell .delete_btn{color:#e57373;background:#e573730d}.custom_table_container .empty_cell{padding:4rem!important;color:#9aa4af}.project_page_header{display:flex;justify-content:space-between;align-items:flex-end;margin:2rem 0}.project_page_header .header_intro h1{font-size:2rem;font-weight:800;margin:0;color:#fff}.project_page_header .header_intro .subtitle{color:#9aa4af;margin-top:4px}.project_page_header .action_btn{border-radius:10px;padding:10px 20px;text-transform:none;font-weight:600;background-color:#3b82f6!important}.project_card_summary{background:#15191c;border:1px solid #262c33;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0003}.project_card_summary .info_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.project_card_summary .info_grid .info_tile{display:flex;align-items:center;gap:12px}.project_card_summary .info_grid .info_tile .tile_icon{color:#3b82f6;background:#3b82f61a;padding:8px;border-radius:10px;font-size:2.2rem}.project_card_summary .info_grid .info_tile .tile_content{display:flex;flex-direction:column}.project_card_summary .info_grid .info_tile .tile_content label{font-size:.7rem;text-transform:uppercase;color:#9aa4af;letter-spacing:.5px}.project_card_summary .info_grid .info_tile .tile_content span{font-weight:600;color:#fff}.project_card_summary .info_grid .info_tile .tile_content .status_label{text-transform:capitalize;color:#3b82f6}.project_card_summary .description_section .desc_header{display:flex;align-items:center;gap:8px;color:#9aa4af;margin-bottom:8px}.project_card_summary .description_section p{line-height:1.6;color:#b6bec6;margin:0}.features_wrapper{margin-top:2.5rem}.dark_dialog{background-color:#15191c!important;color:#fff!important;border:1px solid #262c33}.dark_dialog .MuiTypography-root,.dark_dialog .MuiInputBase-input{color:#fff}.dark_dialog .MuiInputLabel-root{color:#9aa4af}.dark_dialog .MuiOutlinedInput-notchedOutline{border-color:#262c33}@media(max-width:600px){.project_page_header{flex-direction:column;align-items:flex-start;gap:1rem}.project_page_header .action_btn{width:100%}.info_grid{grid-template-columns:1fr 1fr}}.todo-wrapper{width:100%;color:#fff}.todo-header{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;flex-wrap:wrap;gap:1rem}.todo-header .todo-title{font-size:1.5rem;font-weight:800;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.motivation-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#6a5af91a;border:1px solid rgba(106,90,249,.2);border-radius:20px;font-size:.75rem;color:#b6bec6}.motivation-pill svg{color:#facc15}.motivation-pill.complete{background:#22c55e1a;border-color:#22c55e4d}.motivation-pill.complete svg{color:#22c55e}.stats-container{min-width:140px}.stats-container .stats-info{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:4px;color:#9aa4af}.stats-container .progress-track{height:6px;background:#262c33;border-radius:10px;overflow:hidden}.stats-container .progress-track .progress-fill{height:100%;background:#22c55e;transition:width .5s cubic-bezier(.4,0,.2,1)}.todo-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.todo-item{background:#151a1f;border:1px solid #262c33;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.todo-item:hover{transform:translate(5px);border-color:#47525f}.todo-item.completed{opacity:.6}.todo-item.completed h4{text-decoration:line-through}.todo-left{display:flex;align-items:center;gap:12px}.todo-left .todo-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.todo-left .todo-content h4{margin:0;font-size:.95rem}.todo-left .todo-content .badge{display:inline-block;font-size:.65rem;text-transform:uppercase;font-weight:800;padding:2px 6px;border-radius:4px;margin-top:4px}.todo-left .todo-content .badge-pending{color:#facc15;background:#facc151a}.todo-left .todo-content .badge-working{color:#6a5af9;background:#6a5af91a}.todo-left .todo-content .badge-completed{color:#22c55e;background:#22c55e1a}.todo-item.pending .todo-dot{background:#facc15}.todo-item.working .todo-dot{background:#6a5af9}.todo-item.completed .todo-dot{background:#22c55e}.todo-actions .action-btn{min-width:35px!important;color:#9aa4af}.todo-actions .action-btn:hover{color:#fff}.routine{min-height:100vh;padding:40px 20px;color:#e0e0e0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.routine__header{width:100%;max-width:960px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.routine__header h1{font-size:28px;font-weight:600;color:#61dafb;letter-spacing:-.5px}.routine__toolbar{width:100%;max-width:960px;display:flex;gap:12px;margin-bottom:25px}.routine__toolbar button{flex:1;padding:10px 14px;background:#1e1e1e;color:#d4d4d4;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease}.routine__toolbar button:hover{background:#61dafb;color:#0f1214}.routine__editor{width:100%;max-width:960px;padding:24px;border-radius:10px}.routine__heading{white-space:pre-wrap;font-size:22px;font-weight:600;margin:20px 0 12px;color:#9cdcfe;outline:none;transition:color .2s ease}.routine__heading:focus{color:#61dafb}.routine__check{display:flex;align-items:center;margin:12px 0;gap:10px}.routine__check input{transform:scale(1.2);cursor:pointer}.routine__check span{font-size:16px;outline:none;flex:1;transition:color .3s ease}.routine__check span.done{text-decoration:line-through;color:#6a9955}.routine__check button{color:#888}.routine__check button:hover{color:#ff4d4d}.routine__note{font-size:16px;color:#d4d4d4;margin:10px 0;outline:none;line-height:1.6;transition:color .2s ease}.routine__note:focus{color:#fff}.routine__divider{border:0;border-top:1px solid #333;margin:18px 0}.routine-loading{font-size:18px;color:#9cdcfe;margin-top:50px}@media(max-width:768px){.routine__toolbar{flex-direction:column}.routine__toolbar button{width:100%}.routine__heading{font-size:20px}.routine__note{font-size:14px}}@media(max-width:480px){.routine__heading{font-size:18px}.routine__note{font-size:13px}}
