:root{--color-bg: #000000;--color-bg-subtle: #000000;--color-bg-elevated: #000000;--color-bg-hover: #0a0a0a;--color-bg-active: #141414;--color-border: #2a2a2a;--color-border-strong: #3a3a3a;--color-text: #ffffff;--color-text-muted: #ffffff;--color-text-subtle: #ffffff;--color-primary: #ec4899;--color-primary-hover: #ec4899;--color-primary-active: #ec4899;--color-danger: #ff3860;--color-success: #10b981;--color-warning: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--sidebar-width: 240px;--topbar-height: 64px;--font-sans: "Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:var(--color-text)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text);background-color:transparent}input::placeholder,textarea::placeholder{color:var(--color-text);opacity:.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;color:var(--color-text)}::selection{background:var(--color-primary);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;margin:2px}*::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border:2px solid var(--color-bg);border-radius:999px;min-height:24px;min-width:24px;transition:background-color .15s ease,border-color .15s ease}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary);border-color:var(--color-bg)}*::-webkit-scrollbar-thumb:active{background-color:var(--color-primary)}*::-webkit-scrollbar-corner{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-size:14px;font-weight:500;letter-spacing:.2px;transition:border-color .15s ease,color .15s ease,background-color .15s ease;background-color:transparent;color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--color-primary);color:var(--color-text);background-color:transparent}.btn-primary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary{border-color:var(--color-border-strong);color:var(--color-text);background-color:transparent}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{border-color:var(--color-danger);color:var(--color-text);background-color:transparent}.btn-danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger)}.btn-ghost{border-color:transparent;color:var(--color-text);background-color:transparent}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.btn-text{border-color:transparent;color:var(--color-primary);height:auto;padding:4px 8px;background-color:transparent}.btn-text:hover:not(:disabled){border-color:var(--color-primary);border-radius:var(--radius-sm)}.input,.textarea,.select{width:100%;height:36px;padding:0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text);transition:border-color .15s ease}.textarea{height:auto;padding:8px 12px;min-height:80px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);background-color:transparent}.input.error,.textarea.error,.select.error{border-color:var(--color-danger)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-bg);padding-right:32px;border-color:var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text)}.select:not([multiple]):not([size]){background-image:linear-gradient(var(--color-bg),var(--color-bg));background-repeat:no-repeat}.select:not([multiple]):not([size])::-ms-expand{display:none}.select-arrow{position:absolute;right:10px;top:50%;width:12px;height:12px;transform:translateY(-50%);pointer-events:none;color:var(--color-primary);transition:opacity .15s ease}.select:hover+.select-arrow,.select:focus+.select-arrow{opacity:.85}.select-wrap{position:relative;display:block}.select-wrap>.select{display:block;width:100%;border-radius:var(--radius-lg);overflow:hidden}.select-wrap>.select:focus{overflow:visible}.select:hover{border-color:var(--color-primary)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.select option,.select optgroup{background-color:var(--color-bg);color:var(--color-text)}.select option:disabled,.select option[value=""]{color:var(--color-text-muted)}.input:disabled{color:var(--color-text);opacity:.6}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-label{font-size:12px;color:var(--color-text);font-weight:500}.form-error{font-size:12px;color:var(--color-danger)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background-color:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.card-padded{padding:24px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh;overflow:hidden}.app-shell__topbar{grid-area:topbar}.app-shell__sidebar{grid-area:sidebar}.app-shell__main{grid-area:main;overflow:auto;padding:24px;background-color:var(--color-bg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;color:var(--color-text);border:1px solid var(--color-border-strong);background-color:transparent}.badge-primary,.badge-success,.badge-warning{border-color:var(--color-primary);color:var(--color-text)}.badge-danger{border-color:var(--color-danger);color:var(--color-text)}.badge-neutral{border-color:var(--color-border-strong);color:var(--color-text)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;background-color:transparent}.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-page{display:flex;align-items:center;justify-content:center;padding:48px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text)}.empty-state__title{font-size:16px;font-weight:500;color:var(--color-text);margin-bottom:4px}.error-banner{padding:12px 16px;background-color:transparent;color:var(--color-text);border:1px solid var(--color-danger);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.success-banner{padding:12px 16px;background-color:transparent;color:var(--color-text);border:1px solid #22c55e;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.muted{color:var(--color-text);opacity:.7}.divider{height:1px;background-color:var(--color-border-strong);margin:16px 0}.dt-stack{display:flex;flex-direction:column;gap:16px}.dt-stack>.form-field{margin-bottom:0}.dt-grid{display:grid;grid-template-columns:1.4fr 1.6fr 1fr;gap:8px}.dt-grid--with-time{grid-template-columns:1.1fr 1.4fr .8fr .7fr .7fr}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.app-shell__sidebar{display:none}.form-row{grid-template-columns:1fr}.dt-grid,.dt-grid--with-time{grid-template-columns:1fr 1fr}.dt-grid--with-time>select:nth-child(4),.dt-grid--with-time>select:nth-child(5){grid-column:span 1}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--color-bg);border-bottom:1px solid var(--color-border-strong);height:var(--topbar-height)}.topbar__title{font-size:18px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:12px}.topbar__logo{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-primary);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);font-weight:700;background-color:transparent}.topbar__right{display:flex;align-items:center;gap:8px}.topbar__user{display:flex;align-items:center;gap:12px;padding:4px 8px;border-radius:var(--radius-sm);color:var(--color-text)}.topbar__user-name{font-size:14px;font-weight:500;color:var(--color-text)}.topbar__user-role{font-size:12px;color:var(--color-text);opacity:.7}.topbar__avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-primary);background-color:transparent;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border-strong);padding:16px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar__section{margin-top:8px;margin-bottom:4px;padding:0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text)}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--color-text);font-size:14px;cursor:pointer;background-color:transparent;text-align:left;width:100%;text-decoration:none;transition:border-color .15s ease,color .15s ease}.sidebar__item:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.sidebar__item.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.sidebar__item-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar__create{display:flex;align-items:center;gap:8px;margin:8px 12px 16px;padding:8px 12px;border-radius:var(--radius-md);background-color:transparent;border:1px solid var(--color-primary);color:var(--color-text);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease}.sidebar__create:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar__flex{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background-color:transparent;color:var(--color-text);font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;width:100%;text-align:left;transition:border-color .15s ease,color .15s ease}.sidebar__flex:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar__flex:disabled{opacity:.6;cursor:progress}.notification-bell-wrapper{position:relative;display:inline-flex;align-items:center}.notification-bell{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid transparent;background-color:transparent;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,color .15s ease}.notification-bell:hover{border-color:var(--color-primary);color:var(--color-primary)}.notification-bell__count{position:absolute;top:50%;left:100%;transform:translate(-4px,-50%);min-width:20px;height:20px;padding:0 5px;background-color:var(--color-primary);color:#fff;font-size:11px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0003;letter-spacing:.2px}.notifications-panel{position:absolute;top:calc(var(--topbar-height) - 8px);right:16px;width:360px;max-height:480px;background-color:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.notifications-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-strong)}.notifications-panel__title{font-size:16px;font-weight:600;color:var(--color-text)}.notifications-panel__list{flex:1;overflow-y:auto}.notification-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:none;border-bottom:1px solid var(--color-border-strong);border-left:3px solid transparent;cursor:pointer;background-color:transparent;width:100%;text-align:left;font-size:13px;color:var(--color-text);transition:border-left-color .15s ease}.notification-item:hover,.notification-item--unread,.notification-item--unread:hover{border-left-color:var(--color-primary)}.notification-item__title{font-weight:600;font-size:14px;color:var(--color-text)}.notification-item__message{color:var(--color-text);opacity:.7;font-size:12px}.notification-item__time{color:var(--color-text);opacity:.6;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg);border:1px solid var(--color-border-strong);z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.modal{background-color:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);width:100%;max-width:520px;height:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border-strong)}.modal__title{font-size:18px;font-weight:600;color:var(--color-text)}.modal__close{background-color:transparent;border:1px solid transparent;color:var(--color-text);width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,color .15s ease}.modal__close:hover{border-color:var(--color-primary);color:var(--color-primary)}.modal__body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{background:transparent;margin:4px}.modal__body::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border:2px solid var(--color-bg);border-radius:999px;min-height:24px;transition:background-color .15s ease}.modal__body::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px;border-top:1px solid var(--color-border-strong);background-color:transparent}.confirm-dialog__message{margin:0;color:var(--color-text)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.2px}.page-subtitle{color:var(--color-text);opacity:.7;font-size:13px;margin-top:4px}.table{width:100%;border-collapse:collapse;background-color:transparent;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-strong)}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border-strong);font-size:14px;color:var(--color-text);background-color:transparent}.table th{background-color:transparent;font-weight:600;color:var(--color-text);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:border-color .15s ease}.table tbody tr:hover td{border-color:var(--color-primary)}.table-actions{display:flex;gap:4px;justify-content:flex-end}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--color-bg);--color-primary: #ffffff;--color-primary-hover: #ffffff;--color-primary-active: #ffffff;--color-success: #ffffff;--color-warning: #ffffff}.login-card{width:100%;max-width:400px;background-color:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:40px 32px}.login-card__logo{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background-color:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);font-weight:700;font-size:24px;margin-bottom:20px}.login-card__title{font-size:24px;font-weight:700;margin-bottom:4px;color:var(--color-text)}.login-card__subtitle{color:var(--color-text);opacity:.7;margin-bottom:24px;font-size:14px}.fc{--fc-border-color: var(--color-border-strong);--fc-page-bg-color: transparent;--fc-neutral-bg-color: transparent;--fc-today-bg-color: transparent;--fc-button-bg-color: transparent;--fc-button-border-color: var(--color-border-strong);--fc-button-text-color: var(--color-text);--fc-button-hover-bg-color: transparent;--fc-button-hover-border-color: var(--color-primary);--fc-button-hover-text-color: var(--color-primary);--fc-button-active-bg-color: transparent;--fc-button-active-border-color: var(--color-primary);--fc-button-active-text-color: var(--color-primary);--fc-event-bg-color: transparent;--fc-event-border-color: var(--color-primary);--fc-event-text-color: var(--color-text);--fc-list-event-hover-bg-color: transparent;--fc-now-indicator-color: var(--color-primary);font-family:var(--font-sans);background-color:transparent;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);overflow:hidden;color:var(--color-text)}.fc .fc-toolbar.fc-header-toolbar{padding:12px 16px;margin-bottom:0;border-bottom:1px solid var(--color-border-strong)}.fc .fc-toolbar-title{font-size:18px;font-weight:600;color:var(--color-text)}.fc .fc-button{text-transform:capitalize;font-weight:500;box-shadow:none;background-color:transparent;border:1px solid var(--color-border-strong);color:var(--color-text);transition:border-color .15s ease,color .15s ease}.fc .fc-button:hover{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.fc .fc-button:disabled{opacity:.5}.fc .fc-event{border:1px solid currentColor;padding:2px 4px;border-radius:var(--radius-sm);cursor:pointer;background-color:transparent}.fc .fc-event-title{font-weight:600;color:var(--color-text)}.fc .fc-daygrid-day.fc-day-today{background-color:transparent}.fc .fc-daygrid-day.fc-day-today>.fc-daygrid-day-frame,.fc .fc-daygrid-day.fc-day-today{box-shadow:inset 0 0 0 2px var(--color-primary)!important}.fc .fc-col-header-cell{background-color:transparent;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.6px;color:var(--color-text);padding:8px 0;border-color:var(--color-border-strong)}.fc .fc-daygrid-day-number,.fc .fc-daygrid-day-top{color:var(--color-text)}.fc-theme-standard td,.fc-theme-standard th,.fc-theme-standard .fc-scrollgrid{border-color:var(--color-border-strong)}.fc .fc-daygrid-more-link{color:var(--color-primary);font-weight:600}.fc .fc-popover{background-color:var(--color-bg);border:1px solid var(--color-primary);color:var(--color-text)}.fc .fc-popover-header{background-color:transparent;color:var(--color-text);border-bottom:1px solid var(--color-border-strong)}.calendar-wrapper{background-color:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden;height:calc(100vh - var(--topbar-height) - 48px);display:flex;flex-direction:column}.event-list-page,.notification-list-page{max-width:720px;margin:0 auto}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);cursor:pointer}.checkbox-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid var(--color-border-strong);border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:border-color .15s ease}.checkbox-row input[type=checkbox]:checked{border-color:var(--color-primary);background-color:transparent}.checkbox-row input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.detail-label{font-size:12px;color:var(--color-text);opacity:.7;text-transform:uppercase;letter-spacing:.4px}.detail-value{font-size:14px;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.client-color-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle;margin-right:8px;border:1px solid currentColor;background-color:currentColor}.client-color-cell{display:inline-flex;align-items:center;gap:10px}.client-color-picker{display:flex;flex-wrap:wrap;gap:8px}.client-color-option{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;cursor:pointer;padding:0;background-color:currentColor;box-shadow:0 0 0 0 transparent;transition:transform .12s ease,box-shadow .12s ease,border-width .12s ease}.client-color-option:hover{transform:scale(1.1)}.client-color-option.selected{border-width:3px;transform:scale(1.1);box-shadow:0 0 0 2px #ffffff26}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:6px;border:1px solid currentColor;background-color:transparent}