:root{--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-secondary: #6c757d;--color-danger: #dc3545;--color-danger-subtle: #f8d7da;--color-warning: #ffc107;--color-warning-soft: rgba(255, 193, 7, 0.05);--color-warning-subtle: #fff3cd;--color-secondary-subtle: #e2e3e5;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #212529;--color-muted: #6c757d;--color-border: #dee2e6;--color-row-alt: #f7f8fb;--color-row-base: #ffffff;--color-row-hover: #edf2f9;--color-weekend-bg: #e4ecf7;--color-weekend-hover: #dbe6f4;--color-weekend-text: #2b3b54;--color-grid-border: #cfd7e3;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);--shadow-card: 0 2px 4px rgba(0, 0, 0, 0.08);--shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.12);--shadow-focus: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);--shadow-primary-hover: 0 4px 8px rgba(13, 110, 253, 0.3);--shadow-note-hover: 0 8px 24px rgba(0, 0, 0, 0.12)}.page{display:flex;flex-direction:column;height:100vh;overflow:hidden}main{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.content{padding:0 !important;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}html,body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);font-size:18px;height:100%;overflow:hidden}#blazor-error-ui{color-scheme:light only;background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);box-sizing:border-box;display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:2000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem}.btn{border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:var(--shadow-sm)}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn:active{transform:scale(0.98)}.btn-lg{padding:.8rem 1.5rem}.btn-primary{background-color:var(--color-primary);border:none}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary-hover)}.btn-secondary{background-color:var(--color-secondary);border:none}.form-control,.form-select{border-radius:10px;padding:.9rem 1.2rem;border:1px solid var(--color-border);font-size:1.1rem}.form-label{font-size:1.1rem;font-weight:600}.form-control:focus{box-shadow:var(--shadow-focus)}.card{border-radius:12px;border:none;box-shadow:var(--shadow-md)}.navbar{z-index:1030 !important;min-height:40px !important}.navbar .nav-link{padding-top:.15rem !important;padding-bottom:.15rem !important}.navbar .nav-link i{font-size:1.2rem}.navbar .btn-sm{padding:.15rem .4rem !important}.navbar .btn-sm i{font-size:.95rem !important}.navbar .dropdown-menu{z-index:1031 !important}.note-card:hover{transform:translateY(-5px);transition:transform .2s ease;box-shadow:var(--shadow-note-hover) !important}.appointment-card.virtual-subtask{filter:saturate(0.85) brightness(1.02);border-style:dashed !important;border-width:1.5px !important;border-left-style:dashed !important}.calendar-container{display:flex;flex-direction:column;height:100%}.appointment-card{transition:transform .1s ease;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:2px;padding:2px 4px !important;font-size:.9rem;font-weight:500;word-break:normal;border-left:4px solid rgba(0,0,0,.15) !important}.appointment-card .delete-btn-container{background-color:var(--color-surface);color:var(--color-danger);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0}.appointment-card .delete-btn-container:hover{background-color:var(--color-bg);transform:scale(1.1);box-shadow:0 2px 5px rgba(0,0,0,.15)}.appointment-card .warning-indicator{background-color:var(--color-danger);color:var(--color-surface);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.appointment-card .time-label{white-space:nowrap;font-size:.9rem;margin-right:4px;font-weight:bold}.appointment-card .title-label{word-break:normal;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#adb5bd !important}.appointment-card.start-from-middle{margin-left:50%;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left:4px solid rgba(0,0,0,.15) !important}@media(max-width: 768px){.appointment-card{padding:8px 10px !important;font-size:1.1rem;flex-direction:column;align-items:flex-start !important}.appointment-card .d-flex.align-items-baseline{flex-wrap:wrap}}.calendar-header{z-index:1020;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 2px 15px rgba(0,0,0,.05);border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-left:-1rem;margin-right:-1rem}.calendar-header-cell{background-color:var(--color-bg) !important;font-weight:700 !important;color:var(--color-muted) !important;text-transform:uppercase;font-size:.9rem !important;height:50px;padding:0 !important;border-bottom:1px solid var(--color-border) !important;vertical-align:middle}.calendar-header-content{display:flex;justify-content:center;align-items:center;gap:10px;height:100%;width:100%;padding:0 10px}th.calendar-header-cell{padding:0 !important;vertical-align:middle}.calendar-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1010;background-color:var(--color-bg) !important;border-bottom:1px solid var(--color-border) !important;box-shadow:0 1px 2px rgba(0,0,0,.05);border-color:var(--color-grid-border) !important}.add-btn-header{width:24px;height:24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:.75rem;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.calendar-header-cell:hover .add-btn-header{background-color:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);transform:scale(1.1)}.sticky-left{position:sticky;left:0;z-index:20;background-color:var(--color-row-base) !important}.table-warning .sticky-left{background-color:var(--color-warning-subtle) !important}.table-secondary .sticky-left{background-color:var(--color-weekend-bg) !important}.calendar-table tbody tr:not(.table-secondary):not(.table-warning) .sticky-left{background-color:var(--color-row-base) !important}.person-column .column-header.sticky-top{top:0;z-index:15}@media(max-width: 767.98px){.calendar-table thead th{top:0}}.calendar-table tbody tr:not(.table-secondary):not(.table-warning) td{background-color:var(--color-row-base) !important}.calendar-table tr.table-secondary td{background-color:var(--color-weekend-bg) !important}.calendar-table tr.table-warning td{background-color:var(--bs-warning-bg-subtle) !important}.calendar-table tr{scroll-margin-top:0}.today-row{outline:2px solid var(--color-warning);z-index:5;background-color:var(--color-warning-soft) !important}.today-row td{border-top:2px solid var(--color-warning) !important;border-bottom:2px solid var(--color-warning) !important}.table-responsive{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.calendar-table{min-width:800px;border-collapse:separate;border-spacing:0}.calendar-table td{min-width:100px;background-color:var(--color-surface);border-color:var(--color-grid-border) !important}.calendar-table th{border-color:var(--color-grid-border) !important}.calendar-table td,.calendar-table th{border-width:1px}.calendar-table td .day-number{font-size:1rem;font-weight:bold;display:inline-block}.calendar-table td .day-name{font-size:.9rem;color:var(--color-muted);display:inline-block;margin-left:4px}.calendar-table tbody tr:hover td{background-color:var(--color-row-hover) !important}.calendar-table tr.table-secondary:hover td{background-color:var(--color-weekend-hover) !important}.calendar-table tr.table-secondary .day-number,.calendar-table tr.table-secondary .day-name{color:var(--color-weekend-text)}.calendar-table tr.table-secondary .sticky-left{box-shadow:inset 4px 0 0 var(--color-weekend-text)}@media(max-width: 576px){.calendar-table{min-width:600px}}.multi-day-lines-container{position:absolute;top:0;right:0;bottom:0;width:35px;pointer-events:none;z-index:5}.multi-day-line{position:absolute;width:4px;top:0;bottom:0;opacity:.8;z-index:5}.multi-day-line.line-actual-start{top:15px;border-top-left-radius:2px;border-top-right-radius:2px}.multi-day-line.line-actual-start::before{content:"";position:absolute;top:0;right:0;width:12px;height:4px;background-color:inherit;border-radius:2px 0 0 2px}.multi-day-line.line-actual-end{bottom:15px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.multi-day-line.line-actual-end::after{content:"";position:absolute;bottom:0;right:0;width:12px;height:4px;background-color:inherit;border-radius:2px 0 0 2px}.appointment-cards-container.has-multi-day{margin-right:30px}.multi-day-labels{display:flex;flex-direction:column;gap:2px;position:absolute;align-items:flex-end;z-index:10}.multi-day-labels-start{top:4px}.multi-day-labels-end{bottom:4px}.multi-day-label{padding:0px 6px;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--color-surface);z-index:10;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);height:16px;line-height:16px;white-space:nowrap;display:inline-flex;align-items:baseline;gap:4px}.multi-day-time{font-weight:700}.day-view-sticky-left{position:sticky;left:0;z-index:30}.day-view-all-day-row{background-color:var(--color-bg);overflow-x:hidden;top:0}.day-view-header-row{top:0}.day-view-wrapper{display:flex;flex-direction:column}.day-view-grid-scroll{scrollbar-width:thin;flex-grow:1;overflow-y:auto}.appointment-block:hover{z-index:100 !important;transform:scale(1.02);transition:transform .1s ease}.hover-bg-light:hover{background-color:var(--color-bg)}.hover-bg-danger-subtle:hover{background-color:var(--color-danger-subtle) !important}.border-dashed{border-style:dashed !important}.custom-checkbox-small{width:1.2rem;height:1.2rem;margin-top:.15rem}.filter-checkbox{width:1.5rem;height:1.5rem;cursor:pointer}