.hero{margin-bottom:40px}.hero-title{font-size:2.2rem;font-weight:700}.hero-subtitle{font-size:1rem;color:#6c757d}.hero-preview{position:relative}.hero-card{position:absolute;right:0;left:40px;padding:14px 18px;border-radius:12px;background:#fff;box-shadow:0 8px 30px #0000000f;font-size:.9rem;font-weight:500}.hero-card-top{top:10px}.hero-card-bottom{bottom:10px}.feature-card{border-radius:12px;border:1px solid #eee}.home-block-0{min-height:500px;display:flex;justify-content:center;align-items:center}.home-block-1 .icon-1{width:40px;height:40px;background-color:#2563eb1a;color:#3b82f6}.home-block-1 .icon-2{width:40px;height:40px;background-color:#10b9811a;color:#10b981}.home-block-1 .icon-3{width:40px;height:40px;background-color:#f973161a;color:#f97316}.home-block-1 .bg-surface{background:#fff}[data-bs-theme=dark] .home-block-1 .bg-surface{background:#09090b}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:14px;overflow-x:hidden}.app-header{height:50px;display:flex;align-items:center;font-size:14px;border-radius:0;border-bottom:1px solid #eee}.app-content{min-height:calc(100vh - 102px)}.btn{font-weight:500}.spinner-border-sm{--bs-spinner-width: 1.2rem;--bs-spinner-height: 1.2rem;--bs-spinner-border-width: 2px}img{max-width:100%;width:auto}.form-control,.form-select{font-size:13px;padding:.5rem .75rem}.form-check-label{font-size:13px}.card{--bs-card-bg: #f8f9fa;--bs-card-border-color: var(--bs-border-color)}.modal{--bs-modal-width: 640px;--bs-modal-bg: #fff}.modal-header .btn-close{margin-right:-.5rem}.modal-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600;padding-right:1rem}.table{--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .03)}.priority{padding:4px 10px;font-size:.75rem;border-radius:6px;font-weight:600;text-transform:uppercase}.priority-olive{background:#e6f4d7;color:#567d2b}.priority-red{background:#fee2e2;color:#b91c1c}.priority-orange{background:#fff2d9;color:#b45309}.priority-olive{background:#e2f5d9;color:#3a7d26}.timeline{position:relative;padding-left:100px}.timeline:before{content:"";position:absolute;left:80px;top:2px;bottom:0;width:2px;height:calc(100% - 2px);background:#e1e4e8}.timeline-item{position:relative;margin-bottom:48px}.timeline-item .timeline-date{position:absolute;left:-100px;top:0;width:80px}.timeline-item .timeline-date .timeline-time{font-weight:600;color:#6c757d;line-height:1;display:block;text-align:right;padding-right:20px;transform:translateY(-2px)}.timeline-item .timeline-date .timeline-time .timeline-year{display:block;font-weight:400;margin-top:5px;font-size:12px}.timeline-item .timeline-dot{position:absolute;right:-6px;top:0;width:10px;height:10px;border-radius:50%;background:#606a7c;box-shadow:0 0 0 3px #616e8166}.timeline-item .timeline-dot.active{background:#3db061;box-shadow:0 0 0 3px #3db0614d}.task-table{border:1px solid var(--bs-border-color);border-radius:.5rem}.task-table .task-row{display:grid;grid-template-columns:50% 15% 15% 10% 10%;align-items:center;border-bottom:1px solid var(--bs-border-color)}.task-table .task-row:last-child{border:0;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.task-table .task-row:hover{background:#807a7a0f}.task-table .task-row .task-col{padding:8px 10px}.task-table .task-row-head{background:#807a7a1a!important;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.task-table .task-row-head .task-col{padding:10px;font-weight:700;text-transform:uppercase;font-size:10px;opacity:.6}.task-table .task-name{min-width:0;cursor:pointer}.task-table .task-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-table .task-name:hover>span{color:#4691ff}.task-table .task-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.6}.task-table .buttons .btn{padding:0;text-decoration:none;line-height:1;color:#7c7c7c}.task-table .buttons .btn:hover{color:#4691ff}.task-table .buttons .delete{padding:0}.task-table .buttons .delete:hover{color:#d52222}.task-table .buttons .alarm:hover,.task-table .buttons .alarm-active{color:#d97c0f}.task-table .buttons .alarm-active:hover{color:#f05e00}.task-table .assignee-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.task-table .pill{padding:4px 10px;font-size:.75rem;border-radius:6px;font-weight:600;text-transform:uppercase;display:inline-block;border:1px solid transparent}.task-table .purpose-yellow{background:#fff7da;color:#b58105}.task-table .purpose-green{background:#dfffe9;color:#1c8c3a}.task-table .purpose-purple{background:#f3e6ff;color:#8629b5}.task-table .purpose-blue{background:#d9e9ff;color:#245dab}.task-table .purpose-pink{background:#ffe6f2;color:#c22673}.task-table .purpose-orange{background:#ffe6cc;color:#b85c00}.task-table .purpose-olive{background:#e6f2d9;color:#3c6e29}.task-table .text-blue{color:#0d6efd}.task-table .text-green{color:#82a91d}.task-table .text-gray{color:#767676}.project-table{border:1px solid var(--bs-border-color);border-radius:.5rem}.project-table .project-row{display:grid;grid-template-columns:40% 10% 15% 15% 10% 10%;align-items:center;border-bottom:1px solid var(--bs-border-color)}.project-table .project-row:last-child{border:0;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.project-table .project-row:hover{background:#807a7a0f}.project-table .project-row .project-col{padding:8px 10px}.project-table .pinned{background:#ff005f12}.project-table .project-row-head{background:#807a7a1a!important;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.project-table .project-row-head .project-col{padding:12px 10px;font-weight:700;text-transform:uppercase;font-size:10px;opacity:.6;line-height:1}.project-table .project-name{min-width:0;cursor:pointer;text-decoration:none;font-weight:500;color:#1d1f21}.project-table .project-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-table .project-name:hover{color:#4691ff}.project-table .project-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.6}.project-table .buttons .btn{padding:0;text-decoration:none;line-height:1;color:#7c7c7c}.project-table .buttons .btn:hover{color:#4691ff}.project-table .buttons .delete{padding:0}.project-table .buttons .delete:hover{color:#d52222}.project-table .pill{padding:.25rem .3rem;font-size:.7rem;border-radius:4px;font-weight:700;line-height:1;text-transform:uppercase;display:inline-block;border:1px solid transparent}.project-table .pill-completed{background:#cdead5;color:#1c8c3a}.project-table .pill-active{background:#d9e9ff;color:#245dab}.project-table .pill-archive{background:#ffe6cc;color:#b85c00}.stat-card{display:flex;align-items:center;gap:.5rem}.stat-label{text-transform:uppercase;font-size:.75rem;opacity:.65;line-height:1;font-weight:600}.stat-number{font-size:1rem;font-weight:700;line-height:1}.footer-wrapper{height:50px}.footer-wrapper a{color:#1d1f21}.footer-wrapper a:hover{color:#4691ff}.footer-wrapper .btn-link{font-weight:400;color:#1d1f21}.footer-wrapper .btn-link:hover{color:#4691ff}[data-bs-theme=dark]{color:#dfdfdf;--bs-body-bg: #141417;--bs-border-color: #252529;--bs-tertiary-bg-rgb: 38, 40, 43;font-family:Inter,sans-serif}[data-bs-theme=dark] .bg-body-tertiary{--bs-bg-opacity: 1;background-color:#18181b4d!important}[data-bs-theme=dark] .app-header .link-dark{color:#fff!important}[data-bs-theme=dark] .app-header .header-nav .nav-link{color:#b4bec8!important}[data-bs-theme=dark] .app-header .header-nav .nav-link:hover{color:#f96300!important}[data-bs-theme=dark] .footer-wrapper{height:50px}[data-bs-theme=dark] .footer-wrapper a{color:#dcdcdc}[data-bs-theme=dark] .footer-wrapper a:hover{color:#4691ff}[data-bs-theme=dark] .footer-wrapper .btn-link{color:#dcdcdc}[data-bs-theme=dark] .footer-wrapper .btn-link:hover{color:#4691ff}[data-bs-theme=dark] .card{--bs-card-bg: #0e0e10}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:#141517}[data-bs-theme=dark] .modal{--bs-modal-bg: #0a0a0c}[data-bs-theme=dark] .timeline:before{background:#303336}[data-bs-theme=dark] .priority-red{background:#703737;color:#ff9696}[data-bs-theme=dark] .priority-orange{background:#7a522a;color:#ffb968}[data-bs-theme=dark] .priority-olive{background:#40682e;color:#80cf6e}[data-bs-theme=dark] .task-table .buttons .btn{color:#9e9e9e}[data-bs-theme=dark] .task-table .buttons .btn:hover{color:#4691ff}[data-bs-theme=dark] .task-table .buttons .delete:hover{color:#d54545}[data-bs-theme=dark] .task-table .buttons .alarm:hover,[data-bs-theme=dark] .task-table .buttons .alarm-active{color:#d97c0f}[data-bs-theme=dark] .task-table .buttons .alarm-active:hover{color:#f05e00}[data-bs-theme=dark] .project-table .project-name{color:#dcdcdc}[data-bs-theme=dark] .project-table .project-name:hover{color:#4691ff}[data-bs-theme=dark] .project-table .buttons .btn{color:#9e9e9e}[data-bs-theme=dark] .project-table .buttons .btn:hover{color:#4691ff}[data-bs-theme=dark] .project-table .buttons .delete:hover{color:#d54545}[data-bs-theme=dark] .project-table .pill-completed{background:#40682e;color:#80cf6e}[data-bs-theme=dark] .project-table .pill-active{background:#274f87;color:#7eb9ff}[data-bs-theme=dark] .project-table .pill-archive{background:#7a522a;color:#ffb968}[data-bs-theme=dark] .task-table .task-row-head{background:#4747471a!important}