@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Roboto:wght@300;400;500&display=swap";.active-timer-section[data-v-2bef6922]{border-left:5px solid var(--app-primary);animation:pulse-2bef6922 2s infinite}@keyframes pulse-2bef6922{0%{box-shadow:0 0 rgba(var(--app-primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--app-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--app-primary-rgb),0)}}.timer-display[data-v-2bef6922]{font-family:Courier New,monospace;font-weight:700}.toast[data-v-b27686b0]{display:none;background-color:var(--app-surface);color:var(--app-text);border-left:5px solid var(--app-primary);box-shadow:0 8px 16px #0000001a}.toast.show[data-v-b27686b0]{display:block}.toast.error[data-v-b27686b0]{border-left-color:var(--app-error)}.logo{max-width:90%;height:auto;margin:0 auto;display:block}:root{--app-accent-1: #d12f1f;--app-accent-2: #7a1410;--app-info: #f0662d;--app-inverse: #2a2a2a;--app-gradient: linear-gradient(90deg, #f0662d 0%, #d12f1f 95%);--app-danger-deep: #8f1414;--app-error: #aa0136;--app-gradient-danger: linear-gradient(90deg, #aa0136 0%, #6e0021 100%);--app-success: #3bac33;--app-warning: #ff9966;--app-bg: #f9f8f7;--app-surface: #ffffff;--app-surface-2: #f6f0ee;--app-text: #333333;--app-heading: #2a2a2a;--app-muted: #666666;--app-muted-2: #999999;--app-border: #f0eeed;--app-border-strong: #e5dedb;--app-primary: #d12f1f;--app-primary-600: #a51717;--app-on-primary: #ffffff;--app-primary-rgb: 209, 47, 31;--app-info-rgb: 240, 102, 45;--app-inverse-rgb: 42, 42, 42;--app-error-rgb: 170, 1, 54;--app-font-sans: "Poppins", "Roboto", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--app-font-heading: "Poppins", sans-serif;--bs-body-bg: var(--app-bg);--bs-body-color: var(--app-text);--bs-primary: var(--app-primary);--bs-primary-rgb: var(--app-primary-rgb);--bs-danger: var(--app-error);--bs-danger-rgb: var(--app-error-rgb);--bs-info: var(--app-info);--bs-info-rgb: var(--app-info-rgb);--bs-secondary: #6c757d;--bs-secondary-rgb: 108, 117, 125;--bs-dark: var(--app-inverse);--bs-dark-rgb: var(--app-inverse-rgb);--bs-light: var(--app-surface-2);--bs-light-rgb: 246, 240, 238}body{font-family:var(--app-font-sans);background-color:var(--app-bg);color:var(--app-text)}@media (max-width: 992px){html{font-size:90%}}h1,h2,h3,h4,h5,h6{color:var(--app-heading);font-family:var(--app-font-heading)}h1{font-size:1.75rem;font-weight:600}h2{font-size:1.625rem;font-weight:400}h3{font-size:1.375rem;font-weight:400}h4{font-size:1.125rem;font-weight:600}h5,h6{font-weight:600}a{color:var(--app-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--app-primary-600)}.btn{border-radius:24px;font-weight:600;padding:10px 36px;transition:all .3s ease}.btn-sm{height:34px;padding:6px 24px;font-weight:500;border-radius:20px}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.btn-primary,.btn-info{background:var(--app-gradient);border:none;color:var(--app-on-primary)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-info:hover,.btn-info:focus,.btn-info:active{background:var(--app-gradient);color:var(--app-on-primary);filter:brightness(1.05)}.btn-secondary{background-color:#fffc;color:var(--app-primary);border:1px solid var(--app-primary)}.btn-secondary:hover{background-color:var(--app-surface-2);color:var(--app-primary);border-color:var(--app-primary)}.btn-danger,.btn-outline-danger{background:var(--app-gradient-danger);border:none;color:var(--app-on-primary)}.btn-outline-danger{background:transparent;color:var(--app-error);border:1px solid var(--app-error)}.btn-outline-danger:hover{background:var(--app-error);color:var(--app-on-primary)}.btn:disabled,.btn.disabled{background:#0000001a;color:var(--app-muted);border:none;transform:none;box-shadow:none}.btn-close{filter:none}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;padding:48px 0 0;background:var(--app-surface)!important;box-shadow:0 4px 12px #0000000d;border-right:1px solid var(--app-border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--app-border-strong) transparent}.sidebar.bg-dark{background:var(--app-surface)!important}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--app-gradient);border-radius:3px}.sidebar .nav-link{font-weight:500;color:var(--app-text);padding:.75rem 1rem;margin:0 .5rem .25rem;border-radius:8px;transition:all .2s ease}.sidebar .nav-link:hover{background-color:var(--app-surface-2);color:var(--app-primary)}.sidebar .nav-link.active{color:var(--app-on-primary);background:var(--app-gradient)}.sidebar .nav-link i{margin-right:.5rem}main{padding-top:1.5rem}.logo{max-width:160px;height:auto}.user-info{background:var(--app-gradient)!important;color:var(--app-on-primary)!important;border-radius:12px;padding:12px 16px!important}.user-info .small{opacity:.9}.active-timer-section{background:linear-gradient(90deg,rgba(var(--app-info-rgb),.1),rgba(var(--app-primary-rgb),.1))!important;border-left:5px solid var(--app-primary);border-radius:12px;color:var(--app-text);animation:pulse 2s infinite}.active-timer-section h2,.active-timer-section h4{color:var(--app-heading)}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--app-primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--app-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--app-primary-rgb),0)}}.timer-display{font-family:Courier New,monospace;font-weight:700}.card,.project-card{background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;color:var(--app-text);transition:all .3s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;cursor:pointer}.card-header,.card-footer{background-color:#00000005;border-color:var(--app-border)}.project-card .card-actions{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .2s}.project-card:hover .card-actions{opacity:1}.task-item{padding:.75rem;margin-bottom:.5rem;border-radius:8px;background-color:var(--app-surface);border:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.task-item:hover{border-color:var(--app-border-strong)}.task-item.completed{background-color:var(--app-surface-2)}.task-item.completed .task-description{text-decoration:line-through;color:var(--app-muted-2)}.task-item.active{border-left:5px solid var(--app-primary);animation:pulse 2s infinite}.task-checkbox{margin-right:1rem}.task-description{flex-grow:1;color:var(--app-text)}.task-actions{display:flex;align-items:center}.task-actions button{margin-left:.5rem}.time-entry-row:hover{background-color:var(--app-surface-2)}.form-control,.form-select{background-color:var(--app-surface);border:1px solid var(--app-border-strong);color:var(--app-text);border-radius:8px}.form-control:focus,.form-select:focus{background-color:var(--app-surface);border-color:var(--app-primary);color:var(--app-text);box-shadow:0 0 0 .2rem rgba(var(--app-primary-rgb),.15)}.form-control::placeholder{color:var(--app-muted-2)}.form-control:disabled,.form-select:disabled{background-color:var(--app-surface-2);color:var(--app-muted)}input[type=date],input[type=time],input[type=datetime-local]{background-color:var(--app-surface)!important;border-color:var(--app-border-strong)!important;color:var(--app-text)!important}option{background-color:var(--app-surface);color:var(--app-text)}.form-check-input{background-color:var(--app-surface);border-color:var(--app-border-strong)}.form-check-input:checked{background-color:var(--app-primary);border-color:var(--app-primary)}.is-invalid{border-color:var(--app-error)!important}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:80%;color:var(--app-error)}.text-muted{color:var(--app-muted)!important}.text-primary{color:var(--app-primary)!important}.bg-dark{background-color:var(--app-surface)!important}.toast{background-color:var(--app-surface);border-left:5px solid var(--app-primary);border-radius:8px;color:var(--app-text);box-shadow:0 8px 16px #0000001a}.toast.error{border-left-color:var(--app-error)}.table{color:var(--app-text);border-color:var(--app-border);--bs-table-bg: transparent}.table thead th{border-bottom:2px solid var(--app-border-strong);color:var(--app-heading);font-weight:600}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(var(--app-info-rgb),.04)}.table-striped>tbody>tr:nth-of-type(2n){background-color:var(--app-surface)}.modal-content{background-color:var(--app-surface);border:none;border-radius:24px;color:var(--app-text);box-shadow:0 8px 32px #00000026}.modal-header,.modal-footer{border-color:var(--app-border)}.modal-backdrop{background-color:rgba(var(--app-inverse-rgb),.5)}.badge{color:var(--app-on-primary);font-weight:500;border-radius:999px}.text-bg-primary{background:var(--app-gradient)!important}.spinner-border{border-color:var(--app-primary);border-right-color:transparent}.list-group-item{background-color:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.list-group-item-action:hover{background-color:var(--app-surface-2);color:var(--app-text)}.list-group-item.active{background:var(--app-gradient);border-color:transparent;color:var(--app-on-primary)}.dropdown-menu{background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;box-shadow:0 8px 16px #0000001a}.dropdown-item{color:var(--app-text)}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--app-surface-2);color:var(--app-primary)}.dropdown-divider{border-color:var(--app-border)}.alert{border-radius:12px;border-color:var(--app-border)}.alert-primary{background-color:rgba(var(--app-primary-rgb),.08);color:var(--app-primary-600);border-color:rgba(var(--app-primary-rgb),.2)}.alert-danger{background-color:rgba(var(--app-error-rgb),.08);color:var(--app-error);border-color:rgba(var(--app-error-rgb),.2)}.pagination .page-link{background-color:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}.pagination .page-link:hover{background-color:var(--app-surface-2);color:var(--app-primary)}.pagination .page-item.active .page-link{background:var(--app-gradient);border-color:transparent;color:var(--app-on-primary)}.nav-tabs{border-color:var(--app-border)}.nav-tabs .nav-link{color:var(--app-muted);border:none;border-bottom:2px solid transparent}.nav-tabs .nav-link:hover{color:var(--app-primary);border-color:transparent}.nav-tabs .nav-link.active{background-color:transparent;border-color:transparent;border-bottom:2px solid var(--app-primary);color:var(--app-primary)}code{background-color:var(--app-surface-2);color:var(--app-primary);padding:.2rem .4rem;border-radius:4px}pre{background-color:var(--app-surface-2);color:var(--app-text);padding:1rem;border-radius:12px;border:1px solid var(--app-border)}pre code{background-color:transparent;padding:0;color:inherit}.tooltip .tooltip-inner{background-color:var(--app-inverse);color:var(--app-on-primary);border-radius:6px}.popover{background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;box-shadow:0 4px 12px #0000000d}.popover-header{background-color:var(--app-surface-2);border-bottom-color:var(--app-border);color:var(--app-heading)}.popover-body{color:var(--app-text)}.progress{background-color:var(--app-surface-2);border-radius:999px}.progress-bar{background:var(--app-gradient)}.accordion-item{background-color:var(--app-surface);border-color:var(--app-border);border-radius:12px}.accordion-button{background-color:var(--app-surface);color:var(--app-text)}.accordion-button:not(.collapsed){background-color:rgba(var(--app-primary-rgb),.08);color:var(--app-primary)}.breadcrumb{background-color:var(--app-surface-2);border-radius:12px;padding:.75rem 1rem}.breadcrumb-item a{color:var(--app-primary)}.breadcrumb-item.active{color:var(--app-muted)}.input-group-text{background-color:var(--app-surface-2);border-color:var(--app-border-strong);color:var(--app-text)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(var(--app-info-rgb),.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(var(--app-primary-rgb),.15),transparent 40%),var(--app-bg);padding:24px}.login-card{background:var(--app-surface);border-radius:24px;padding:48px 40px;box-shadow:0 8px 32px rgba(var(--app-inverse-rgb),.08);width:100%;max-width:420px}.login-card .logo{max-width:180px}@media (max-width: 768px){.sidebar{position:static;height:auto;padding:0}main{margin-left:0!important}.task-actions{flex-direction:column}.task-actions button{margin-left:0;margin-top:.5rem}}
