.auth-container{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-wrapper{width:100%;max-width:28rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-brand{font-size:2.25rem;font-weight:300;color:#1e293b;margin-bottom:.5rem}.auth-tagline{color:#475569;font-size:.875rem}.auth-form-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;padding:2rem}.auth-form-title{font-size:1.5rem;font-weight:300;color:#1e293b;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form-group{display:flex;flex-direction:column}.auth-form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.25rem}.auth-form-input{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;transition:all .15s}.auth-form-input:focus{ring:2px;ring-color:#94a3b8;border-color:transparent}.auth-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.auth-submit-btn{width:100%;background-color:#1e293b;color:#fff;padding:.5rem;border-radius:.5rem;transition:all .15s}.auth-submit-btn:hover:not(:disabled){background-color:#334155}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center}.auth-toggle-btn{font-size:.875rem;color:#475569;transition:all .15s}.auth-toggle-btn:hover{color:#1e293b}.topbar{position:fixed;top:0;left:12rem;right:0;height:3rem;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem .25rem;z-index:50;background-color:#013335}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-toggle-btn{padding:.375rem .75rem;border-radius:.25rem;font-size:.75rem;transition:all .15s}.topbar-toggle-btn.active{background-color:#fff3;color:#fff}.topbar-toggle-btn.inactive{color:#ffffffb3}.topbar-toggle-btn.inactive:hover{color:#fff}.topbar-divider{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}.topbar-nav-btn{padding:.25rem;color:#ffffffb3;transition:all .15s}.topbar-nav-btn:hover{color:#fff}.topbar-text-btn{padding:.375rem .75rem;border-radius:.25rem;font-size:.75rem;color:#ffffffb3;transition:all .15s}.topbar-text-btn:hover{color:#fff}.topbar-week-label{font-size:.75rem;color:#ffffffb3}.topbar-mode-group{display:flex;align-items:center;gap:.25rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}.topbar-timer{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:1rem;padding:.375rem 1rem;border-radius:.5rem;background-color:#ffffff1a}.topbar-timer-info{display:flex;align-items:center;gap:.5rem}.topbar-timer-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.topbar-timer-text{font-size:.75rem;color:#fff}.topbar-timer-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.topbar-timer-duration{color:#ffffffb3}.topbar-timer-stop{padding:.25rem;border-radius:.25rem;transition:all .15s}.topbar-timer-stop:hover{background-color:#fff3}.topbar-timer-stop svg{color:#fff}.topbar-add-menu{position:relative;display:none}.topbar-add-btn{display:flex;align-items:center;gap:.2rem;padding:.4rem .5rem;border-radius:.2rem;font-weight:600;font-size:.8rem;transition:all .15s;background-color:#ffb5e3;color:#013335}.topbar-add-btn:hover{background-color:#ffc4e9}.topbar-add-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:12rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid #e2e8f0;padding:.5rem 0}.topbar-add-option{width:100%;padding:.5rem 1rem;text-align:left;font-size:.875rem;color:#334155;transition:all .15s}.topbar-add-option:hover{background-color:#f8fafc}.sidebar{width:12rem;display:flex;flex-direction:column;overflow:hidden;background-color:#013335;height:100vh}.sidebar-logo-container{padding:1rem;display:flex;align-items:center;gap:12px}.sidebar-logo img{width:1.4rem}.sidebar-add-menu{position:relative}.sidebar-add-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background-color:#fff;color:#013335;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .15s}.sidebar-add-btn:hover{background-color:#f1f5f9}.sidebar-add-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:50;min-width:10rem}.sidebar-add-option{width:100%;display:block;padding:.625rem .875rem;text-align:left;font-size:.875rem;color:#1e293b;transition:all .15s}.sidebar-add-option:hover{background-color:#f8fafc}.sidebar-add-option:first-child{border-radius:.5rem .5rem 0 0}.sidebar-add-option:last-child{border-radius:0 0 .5rem .5rem}.sidebar-nav{flex:1 1 0%;overflow:auto}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li:nth-of-type(1){margin-bottom:2rem}.sidebar-menu-button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;transition:all .15s;color:#fff}.sidebar-menu-button svg{width:1rem}.sidebar-menu-button:hover{background-color:#ffffff0d}.sidebar-menu-button.active{background-color:#ffffff0d;color:#3ee3b7}.sidebar-menu-button span{font-size:.8rem}.sidebar-projects-section{margin-top:2rem}.sidebar-projects-header,.sidebar-unassigned-header{padding:.5rem .75rem;font-size:.7rem;font-weight:500;color:#fff9}.sidebar-client-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.8rem;color:#fff;transition:all .15s}.sidebar-client-button:hover{background-color:#ffffff0d}.sidebar-client-name{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-client-name span{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-client-count{font-size:.75rem;color:#ffffff80;margin-left:.25rem}.sidebar-client-projects{margin-left:1rem}.sidebar-project-button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;color:#fffc;transition:all .15s;text-align:left}.sidebar-project-button:hover{background-color:#ffffff0d}.sidebar-project-dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0}.sidebar-project-name{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unassigned{padding-top:.5rem}.sidebar-add-project{width:calc(100% - 1.5rem);margin:.75rem .75rem 0;padding:.75rem;border:1px dashed rgba(255,255,255,.3);border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .15s;height:30px}.sidebar-add-project:hover{background-color:#ffffff1a}.sidebar-add-project svg{color:#ffffffb3}.time-calendar{min-width:-moz-max-content;min-width:max-content}.time-calendar-header{position:sticky;top:0;background-color:#fff;border-bottom:1px solid #F1F5F9;z-index:20}.time-calendar-header-row{display:flex}.time-calendar-time-column{width:5rem;flex-shrink:0}.time-calendar-day-header{flex:1 1 0%;min-width:140px;padding:.75rem 1rem;border-left:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between}.time-calendar-day-header.today{background-color:#eff6ff}.time-calendar-day-info{display:flex;align-items:baseline;gap:.375rem}.time-calendar-day-name{font-size:.75rem;font-weight:400;color:#64748b}.time-calendar-day-number{font-size:.75rem;font-weight:400;color:#1e293b}.time-calendar-day-header.today .time-calendar-day-name,.time-calendar-day-header.today .time-calendar-day-number{color:#1e40af}.time-calendar-day-hours{font-size:.75rem;color:#64748b}.time-calendar-today-tracked{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;color:#1e40af;font-weight:500}.time-calendar-grid{position:relative}.time-calendar-hour-row{display:flex;border-bottom:1px solid #F1F5F9}.time-calendar-hour-label{width:5rem;flex-shrink:0;padding:.5rem;text-align:right;font-size:.75rem;color:#64748b}.time-calendar-cell{flex:1 1 0%;min-width:140px;min-height:100px;border-left:1px solid #F1F5F9;position:relative}.time-calendar-cell.today{background-color:#eff6ff;background-opacity:.3}.time-calendar-add-button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:0;opacity:0;background:#fcfcfc;border:1px dashed #D3D3D3;border-radius:4px;height:30px}.time-calendar-cell:hover .time-calendar-add-button{opacity:1}.time-calendar-add-button-icon{width:1rem;height:1rem;border-radius:9999px;border:1px solid #013335;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:all .15s}.time-calendar-add-button-icon:hover{border-color:#013335}.time-calendar-add-button-icon svg{color:#64748b}.time-calendar-task-card{position:absolute;border-radius:.25rem;padding:.5rem;cursor:move;transition:box-shadow .15s;z-index:10}.time-calendar-task-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.time-calendar-task-card.dragging{opacity:.5}.time-calendar-task-content{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.time-calendar-task-info{flex:1 1 0%;min-width:0}.time-calendar-task-title{font-size:.75rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-calendar-task-meta{font-size:.75rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem}.time-calendar-task-duration{font-size:.75rem;color:#475569;margin-top:.125rem}.time-calendar-task-timer{padding:.25rem;border-radius:.25rem;transition:all .15s;flex-shrink:0}.time-calendar-task-timer:hover{background-color:#fff}.time-calendar-task-resize-handle{position:absolute;bottom:0;left:0;right:0;height:.5rem;cursor:ns-resize;transition:all .15s}.time-calendar-task-resize-handle:hover{background-color:#0003}.time-calendar-ghost-preview{position:absolute;border-radius:.25rem;padding:.5rem;pointer-events:none;transition:opacity .15s;z-index:5}.time-calendar-ghost-preview.valid{opacity:.4;border:2px dashed #94a3b8}.time-calendar-ghost-preview.invalid{opacity:.3;border:2px dashed #f87171;background-color:#fef2f2}.time-calendar-ghost-preview-title{font-size:.75rem;font-weight:500;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-calendar-ghost-preview-error{font-size:.75rem;color:#dc2626;margin-top:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:32rem}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:300;color:#1e293b}.modal-close-btn{padding:.5rem;border-radius:.5rem;transition:all .15s}.modal-close-btn:hover{background-color:#f1f5f9}.modal-body{padding:1.5rem}.modal-body>*+*{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.5rem}.form-input{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;outline:none}.form-input:focus{ring:2px;ring-color:#94a3b8;border-color:transparent}.form-textarea{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;resize:none}.form-textarea:focus{ring:2px;ring-color:#94a3b8;border-color:transparent}.form-select{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;outline:none}.form-select:focus{ring:2px;ring-color:#94a3b8;border-color:transparent}.btn{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .15s;cursor:pointer;border:none;font-family:inherit;font-size:inherit}.btn-primary{background-color:#1e293b;color:#fff}.btn-primary:hover{background-color:#334155}.btn-secondary{border:1px solid #cbd5e1;color:#334155;background-color:#fff}.btn-secondary:hover{background-color:#f8fafc}.btn-group{display:flex;gap:.75rem;padding-top:1rem}.btn-group .btn{flex:1 1 0%}.color-picker{display:flex;gap:.5rem}.color-option{width:2.5rem;height:2.5rem;border-radius:.5rem;transition:all .15s;cursor:pointer;border:none}.color-option.selected{ring:2px;ring-color:#94a3b8;ring-offset:2px}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding:1.5rem}.card-header{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.list-item{padding:1rem;border-bottom:1px solid #e2e8f0;transition:all .15s}.list-item:hover{background-color:#f8fafc}.list-item:last-child{border-bottom:none}.page-container{padding:2rem;background-color:#f8fafc;min-height:100vh}.page-header{font-size:1.875rem;font-weight:300;color:#1e293b;margin-bottom:2rem}.table-container{overflow-x:auto;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#334155}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:#f8fafc}.empty-state{text-align:center;padding:4rem 2rem;color:#64748b}.empty-state-icon{margin:0 auto 1rem;width:4rem;height:4rem;color:#cbd5e1}.empty-state-title{font-size:1.125rem;font-weight:500;color:#475569;margin-bottom:.5rem}.empty-state-text{color:#64748b}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-primary{background-color:#dbeafe;color:#1e40af}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #e2e8f0;border-top-color:#1e293b;border-radius:9999px;width:1.5rem;height:1.5rem;animation:spin .6s linear infinite}.divider{height:1px;background-color:#e2e8f0;margin:1.5rem 0}.layout-container{height:100vh;background-color:#f8fafc}.layout-content{display:flex;height:100%;background:#013335}.layout-main{width:calc(100vw - 12rem);margin-top:3rem;background:#fff;border-top-left-radius:.8rem;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}a{cursor:default}button{font-family:inherit;cursor:pointer;border:none;background:none;cursor:default}input,textarea,select{font-family:inherit;font-size:inherit}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:slide-in .3s ease-out}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.outline-none:focus{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cursor-pointer{cursor:pointer}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.resize-none{resize:none}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}