@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#0067b3;--color-primary-hover:#00538f;--color-primary-light:#e8f4fd;--color-primary-active:#004a7f;--color-accent:#28bdbf;--color-accent-hover:#1ea8aa;--color-accent-light:#e6f9f9;--color-bg:#f5f8fb;--color-surface:#fff;--color-surface-hover:#eef3f8;--color-surface-active:#e3ebf3;--color-ink:#1a2332;--color-ink-muted:#647184;--color-border:#dde4ed;--color-border-hover:#c5cfdb;--color-border-active:#0067b3;--color-success:#3d9028;--color-success-bg:#f0f8ee;--color-warning:#ac7300;--color-warning-bg:#fbf4ea;--color-danger:#c53637;--color-danger-bg:#fceeed}@supports (color:lab(0% 0 0)){:root,:host{--color-success:lab(53.0764% -40.8778 44.314);--color-success-bg:lab(96.7137% -3.91999 3.64665);--color-warning:lab(53.4392% 17.9989 62.3699);--color-warning-bg:lab(96.5443% 1.32549 5.56946);--color-danger:lab(45.9853% 56.8958 34.8481);--color-danger-bg:lab(95.2221% 4.58774 2.46818)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-primary{border-color:var(--color-primary)}.bg-bg{background-color:var(--color-bg)}.bg-border{background-color:var(--color-border)}.bg-danger{background-color:var(--color-danger)}.bg-danger-bg{background-color:var(--color-danger-bg)}.bg-ink{background-color:var(--color-ink)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-danger{color:var(--color-danger)}.text-inherit{color:inherit}.text-ink{color:var(--color-ink)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-surface{color:var(--color-surface)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}}}@font-face{font-family:Thmanyah Sans;src:url(/app/fonts/thmanyahsans-Regular.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Thmanyah Sans;src:url(/app/fonts/thmanyahsans-Medium.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Thmanyah Sans;src:url(/app/fonts/thmanyahsans-Bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Thmanyah Serif Display;src:url(/app/fonts/thmanyahserifdisplay-Bold.otf)format("opentype");font-weight:700;font-style:normal}:root{--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--color-primary:#0067b3;--color-primary-hover:#00538f;--color-primary-light:#e8f4fd;--color-primary-active:#004a7f;--color-accent:#28bdbf;--color-accent-hover:#1ea8aa;--color-accent-light:#e6f9f9;--color-bg:#f5f8fb;--color-surface:#fff;--color-surface-hover:#eef3f8;--color-surface-active:#e3ebf3;--color-ink:#1a2332;--color-ink-muted:#647184;--color-border:#dde4ed;--color-border-hover:#c5cfdb;--color-border-active:#0067b3;--color-success:#3d9028;--color-success-bg:#f0f8ee;--color-warning:#ac7300;--color-warning-bg:#fbf4ea;--color-danger:#c53637;--color-danger-bg:#fceeed;--font-display:"Thmanyah Sans", "Inter", system-ui, sans-serif;--font-body:"Thmanyah Sans", "Inter", system-ui, sans-serif;--font-brand:"Thmanyah Serif Display", "Georgia", serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-standard:.25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root{--color-surface:lab(100% 0 0);--color-success:lab(53.0764% -40.8778 44.314);--color-success-bg:lab(96.7137% -3.91999 3.64665);--color-warning:lab(53.4392% 17.9989 62.3699);--color-warning-bg:lab(96.5443% 1.32549 5.56946);--color-danger:lab(45.9853% 56.8958 34.8481);--color-danger-bg:lab(95.2221% 4.58774 2.46818)}}@media (prefers-reduced-motion:reduce){:root{--transition-standard:0s!important;--transition-fast:0s!important}*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}html.lenis,html.lenis body{height:100dvh!important}body{font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;display:flex}.app-container{background-color:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;width:100%;max-width:480px;height:100%;max-height:920px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000026}.app-container:before{content:"";opacity:.05;pointer-events:none;z-index:0;background-image:url(/app/images/roznama-pattern.svg);background-position:50%;background-size:500px;position:absolute;inset:0}@media (max-width:480px),(max-height:600px){.app-container{border:none;border-radius:0;max-height:100dvh}}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:72px;padding:0 var(--space-md);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-action-btn{color:var(--color-ink);cursor:pointer;width:44px;height:44px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;border-radius:50%!important}.header-action-btn:after{content:"";position:absolute;inset:0}.header-action-btn:hover{background-color:var(--color-bg)}.header-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.header-action-btn.active{color:var(--color-primary);background-color:var(--color-primary-light)}.header-title-wrapper{margin-left:var(--space-sm);flex-grow:1}.header-title-wrapper h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance;font-size:1.25rem;font-weight:700}.header-title-wrapper p{color:var(--color-ink-muted);font-size:.8rem}.app-content{flex-grow:1;display:flex;position:relative;overflow:hidden}.view-panel{opacity:0;pointer-events:none;transition:opacity var(--transition-standard) ease-in-out, transform var(--transition-standard) ease-in-out;z-index:1;background-color:#0000;flex-direction:column;display:flex;position:absolute;inset:0;transform:translate(20px)}.view-panel.active{opacity:1;pointer-events:auto;z-index:2;transform:translate(0)}.view-panel.slide-out{opacity:0;pointer-events:none;transform:translate(-20px)}.action-menu-dropdown{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;z-index:100;flex-direction:column;min-width:220px;animation:.15s ease-out fadeSlideIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.action-menu-btn{text-align:left;width:100%;padding:10px var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:.9rem;display:block;color:var(--color-ink)!important;border-radius:0!important}.action-menu-btn:hover{background-color:var(--color-surface-hover);text-decoration:none!important}.action-menu-btn.primary{font-weight:500;color:var(--color-primary)!important}.action-menu-btn.danger{font-weight:500;color:var(--color-danger)!important}.filter-bar{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);width:100%;display:flex}.filter-bar-left{align-items:center;gap:var(--space-sm);display:flex}.filter-bar-left h2{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem;font-weight:700}.filter-bar-right{align-items:center;gap:var(--space-xs);display:flex}.filter-select{appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);cursor:pointer;height:30px;transition:all var(--transition-fast);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border-radius:100px;outline:none;padding:4px 30px 4px 12px;font-size:.8rem;font-weight:500}.filter-select:hover{border-color:var(--color-border-hover)}.filter-select:focus-visible{outline:2px solid var(--color-primary)}.specific-day-container,.date-range-container{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.date-range-inputs{align-items:center;gap:var(--space-xs);display:flex}.date-range-separator{color:var(--color-ink-muted);font-size:.85rem}button.filter-select,input[type=date].filter-select{cursor:pointer;background-image:none;min-width:130px;padding:4px 10px}input[type=date].filter-select::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}input[type=date].filter-select::-webkit-calendar-picker-indicator:hover{opacity:1}.filter-chips{gap:var(--space-xs);scrollbar-width:none;padding:2px 0;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink-muted);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:100px;align-items:center;height:30px;padding:4px 12px;font-size:.8rem;font-weight:500;display:flex}.action-chips{gap:var(--space-xs);scrollbar-width:none;margin-left:auto;padding:2px 0;display:flex;overflow-x:auto}.action-chips::-webkit-scrollbar{display:none}.action-chip{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border-radius:100px;align-items:center;gap:4px;height:30px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.action-chip svg{width:14px;height:14px}.mobile-actions-trigger{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);border-radius:100px;justify-content:center;align-items:center;display:none}.mobile-actions-trigger:hover{border-color:var(--color-border-hover)}.filter-icon-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.filter-icon-btn:hover{border-color:var(--color-border-hover);color:var(--color-ink)}.filter-icon-btn.active{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:1023px){.mobile-actions-trigger{display:flex}.filter-bar-right{position:relative}.action-chips{top:calc(100% + var(--space-xs));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);z-index:50;flex-direction:column;width:max-content;display:none;position:absolute;right:0;box-shadow:0 4px 16px #0000001a}.action-chips.open{display:flex}.action-chips .action-chip{justify-content:flex-start;width:100%}}.action-chip.danger{color:var(--color-danger);border-color:var(--color-danger);background-color:var(--color-danger-bg)}.action-chip.danger:hover{background-color:var(--color-danger);color:#fff}.action-chip.warning{color:var(--color-warning);border-color:var(--color-warning);background-color:var(--color-warning-bg)}.action-chip.warning:hover{background-color:var(--color-warning);color:#fff}.action-chip.success{color:var(--color-success);border-color:var(--color-success);background-color:var(--color-success-bg)}.action-chip.success:hover{background-color:var(--color-success);color:#fff}.filter-chip:hover{border-color:var(--color-border-hover);color:var(--color-ink)}.filter-chip.active{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.filter-chip:focus-visible{outline:2px solid var(--color-primary)}.date-picker-wrapper{align-items:center;width:30px;height:30px;display:flex;position:relative}#date-picker-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.date-picker-trigger{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink-muted);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.date-picker-wrapper:hover .date-picker-trigger{border-color:var(--color-border-hover);color:var(--color-ink)}.date-picker-wrapper input:focus-visible+.date-picker-trigger{outline:2px solid var(--color-primary)}.date-picker-wrapper.active .date-picker-trigger{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.list-summary-bar{padding:var(--space-sm) var(--space-md);color:var(--color-ink-muted);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.summary-label{text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cards-list{padding:var(--space-md);gap:var(--space-md);scroll-behavior:smooth;flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.appointment-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-xs);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:10px 12px;display:flex;position:relative}.appointment-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000005}.appointment-card:focus-visible{outline:2px solid var(--color-primary)}.card-top-row{justify-content:space-between;align-items:flex-start;display:flex}.patient-info-block{align-items:center;gap:var(--space-sm);display:flex}.avatar-wrapper{background-color:var(--color-primary-light);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-fallback{width:100%;height:100%;font-weight:700;font-family:var(--font-display);color:var(--color-primary);justify-content:center;align-items:center;font-size:.95rem;display:flex}.patient-meta{flex-direction:column;display:flex}.patient-name{font-family:var(--font-display);color:var(--color-ink);font-size:.9rem;font-weight:600;line-height:1.2}.patient-demographics{color:var(--color-ink-muted);margin-top:2px;font-size:.8rem}.card-action-trigger{width:36px;height:36px;color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.card-action-trigger:hover{background-color:var(--color-bg);color:var(--color-ink)}.card-details-row{gap:var(--space-sm);border-top:1px dashed var(--color-border);color:var(--color-ink-muted);flex-wrap:wrap;padding-top:4px;font-size:.75rem;display:flex}.detail-item{align-items:center;gap:var(--space-xxs);display:flex}.detail-item svg{color:var(--color-primary);flex-shrink:0}.badge{padding:4px var(--space-xs);border:1px solid var(--color-border);border-radius:4px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge.time{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.badge-status{white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-status.active,.badge-status.done{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.badge-status.delayed{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.badge-status.cancelled{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.badge-flag-1{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}.badge-flag-2{color:#22c55e;background-color:#dcfce7;border-color:#86efac}.badge-flag-3{color:#eab308;background-color:#fef9c3;border-color:#fde047}.badge-flag-4{color:#4f46e5;background-color:#e0e7ff;border-color:#a5b4fc}.badge-flag-5{color:#d946ef;background-color:#fae8ff;border-color:#f0abfc}.badge-flag-6{color:#f97316;background-color:#ffedd5;border-color:#fdba74}.patient-flag-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.selection-badge{background-color:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-xxs) var(--space-sm);border-radius:100px;font-size:.75rem;font-weight:600}.timeline-container{padding:var(--space-md) var(--space-md) var(--space-xxl) var(--space-md);z-index:1;flex-grow:1;position:relative;overflow-y:auto}.add-appt-action-bar{padding:var(--space-xs) var(--space-md);flex-shrink:0}.add-appt-action-bar.daily{padding-left:calc(var(--space-md) + 64px)}.timeline-slots{flex-direction:column;padding-left:64px;display:flex;position:relative}.add-appt-timeline-btn{margin-bottom:var(--space-sm);border-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.embedded-timeline .timeline-container{height:auto;padding-top:0;padding-bottom:0}.embedded-timeline .timeline-slots{padding-bottom:0}.timeline-slots:before{content:"";background-color:var(--color-border);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50px}.timeline-slot-row{min-height:64px;padding:6px 0;position:relative}.timeline-slot-row.is-stacked{margin-top:-12px}.slot-time-label{width:max-content;font-family:var(--font-display);color:var(--color-ink-muted);text-align:right;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;top:10px;right:calc(100% + 26px)}.slot-node{background-color:var(--color-surface);border:2px solid var(--color-border);z-index:2;width:10px;height:10px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:18px;left:-18px}.cancelled-badge-indicator{background-color:var(--color-danger);color:#fff;cursor:help;z-index:10;width:20px;height:20px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-slot-row.occupied .slot-node{background-color:var(--color-primary);border-color:var(--color-primary)}.timeline-slot-row.occupied.done .slot-node{background-color:var(--color-success);border-color:var(--color-success)}.timeline-slot-row.occupied.delayed .slot-node{background-color:var(--color-warning);border-color:var(--color-warning)}.timeline-slot-row.occupied.cancelled .slot-node{background-color:var(--color-danger);border-color:var(--color-danger)}.timeline-section-divider{z-index:2;align-items:center;gap:12px;margin:24px 0 16px;display:flex;position:relative}.timeline-section-divider .divider-line{background-color:var(--color-border);flex:1;height:1px}.timeline-section-divider .divider-badge{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-hover);background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:9999px;padding:4px 14px;font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #0000000a}.timeline-slot-row.waiting-slot .slot-node{border-color:var(--color-accent)}.timeline-slot-row.waiting-slot.occupied .slot-node{background-color:var(--color-accent);border-color:var(--color-accent)}.badge-waiting{background-color:var(--color-accent-light);color:var(--color-accent-hover);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:2px 8px;font-size:.7rem;font-weight:600}.empty-slot-card.waiting-empty{border-style:dashed;border-color:var(--color-accent);background-color:var(--color-accent-light);color:var(--color-accent-hover)}.slot-content-wrapper{align-items:center;gap:var(--space-sm);display:flex}.slot-select-checkbox{border:2px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:none}.slot-select-checkbox svg{color:var(--color-surface);opacity:0;transition:opacity var(--transition-fast)}.timeline-slot-row.selected .slot-select-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.timeline-slot-row.selected .slot-select-checkbox svg{opacity:1}.occupied-slot-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);flex-grow:1;justify-content:space-between;align-items:center;display:flex}.occupied-slot-card:hover{border-color:var(--color-border-hover);background-color:var(--color-surface-hover)}.occupied-slot-card:active{background-color:var(--color-surface-active)}.slot-patient-details{align-items:center;gap:var(--space-sm);display:flex}.avatar-small{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.avatar-small img{object-fit:cover;width:100%;height:100%}.slot-patient-meta{flex-direction:column;display:flex}.slot-patient-name{font-family:var(--font-display);color:var(--color-ink);font-size:.85rem;font-weight:600}.slot-patient-sub{color:var(--color-ink-muted);font-size:.75rem}.slot-card-right{align-items:center;gap:var(--space-sm);display:flex}.empty-slot-card{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-ink-muted);min-height:52px;transition:all var(--transition-fast);background-color:#0000;flex-grow:1;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.empty-slot-card:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.empty-add-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.slots-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md);z-index:10;flex-shrink:0;position:relative;box-shadow:0 -4px 16px #00000008}.footer-actions-group{gap:var(--space-sm);flex-direction:column;display:flex}.footer-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);font-size:.75rem;font-weight:700}.selection-actions-header{justify-content:space-between;align-items:center;display:flex}.text-link-btn{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:.75rem;font-weight:600}.text-link-btn:hover{background-color:var(--color-primary-light)}.actions-grid{gap:var(--space-sm);width:100%;display:flex}.footer-btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-surface);height:48px;color:var(--color-ink);flex:1;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 2px 8px #00000005}.footer-btn:hover{background-color:var(--color-bg);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.footer-btn:active{background-color:var(--color-surface-active)}.footer-btn.action-primary{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.footer-btn.action-primary:hover{background-color:var(--color-primary);color:var(--color-surface)}.footer-btn.action-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.footer-btn.action-warning:hover{background-color:var(--color-warning);color:var(--color-surface)}.footer-btn.action-danger{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.footer-btn.action-danger:hover{background-color:var(--color-danger);color:var(--color-surface)}.footer-btn.action-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.footer-btn.action-success:hover{background-color:var(--color-success);color:var(--color-surface)}.timeline-container.selection-mode{padding-bottom:120px}.app-container.multi-selecting .slot-select-checkbox{display:flex}.app-container.multi-selecting .slot-node{display:none}.sheet-backdrop{z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-standard) ease-in-out;background-color:#0006;position:absolute;inset:0}.sheet-backdrop.active{opacity:1;pointer-events:auto}.bottom-sheet{background-color:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1000;transition:transform var(--transition-standard) cubic-bezier(.16, 1, .3, 1), opacity var(--transition-standard);border-top:1px solid var(--color-border);flex-direction:column;max-height:85%;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #00000014}.bottom-sheet.active{transform:translateY(0)}@media (min-width:768px){.bottom-sheet{border-radius:var(--radius-xl);opacity:0;pointer-events:none;border:1px solid var(--color-border);width:100%;max-width:560px;inset:50% auto auto 50%;transform:translate(-50%,100%);box-shadow:0 12px 48px #0000001f}.bottom-sheet.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}}.sheet-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-xs);flex-direction:column;flex-shrink:0;display:flex}.drag-handle{background-color:var(--color-border-hover);border-radius:100px;width:36px;height:4px}.sheet-info-block{width:100%}.patient-compact-info{align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;display:flex}.avatar-compact{object-fit:cover;border:1px solid var(--color-border);border-radius:50%;width:44px;height:44px}.patient-compact-info h4{font-family:var(--font-display);color:var(--color-ink);font-size:1rem;font-weight:600}.patient-compact-info p{color:var(--color-ink-muted);font-size:.8rem}.sheet-content{padding:var(--space-sm) 0 var(--space-xl) 0;position:relative;overflow-y:auto}.sheet-view{flex-direction:column;display:none}.sheet-view.active{display:flex}.sheet-menu-item{width:100%;padding:var(--space-md) var(--space-lg);color:var(--color-ink);align-items:center;gap:var(--space-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:.95rem;font-weight:600;display:flex}.sheet-menu-item:hover{background-color:var(--color-bg)}.sheet-menu-item svg{color:var(--color-ink-muted)}.sheet-menu-item .chevron-right{color:var(--color-border-active);margin-left:auto}.sheet-menu-item.menu-item-danger,.sheet-menu-item.menu-item-danger svg{color:var(--color-danger)}.sheet-sub-header{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.sub-back-btn{cursor:pointer;width:32px;height:32px;color:var(--color-ink);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sub-back-btn:hover{background-color:var(--color-bg)}.sheet-sub-header h5{font-family:var(--font-display);color:var(--color-ink);font-size:.95rem;font-weight:700}.grade-options-list{flex-direction:column;display:flex}.grade-option-btn{width:100%;padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.grade-option-btn:hover{background-color:var(--color-bg)}.grade-indicator{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.grade-indicator.done{background-color:var(--color-success);border-color:var(--color-success)}.grade-indicator.delayed{background-color:var(--color-warning);border-color:var(--color-warning)}.grade-indicator.cancelled{background-color:var(--color-danger);border-color:var(--color-danger)}.grade-option-details{flex-direction:column;display:flex}.grade-label{color:var(--color-ink);font-size:.9rem;font-weight:600}.grade-actor{color:var(--color-ink-muted);font-size:.75rem}.reorder-options-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.reorder-slot-btn{width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--color-border);background:0 0;justify-content:space-between;align-items:center;display:flex}.reorder-slot-btn:hover{background-color:var(--color-bg)}.reorder-slot-time{font-family:var(--font-display);color:var(--color-primary);font-size:.9rem;font-weight:700}.reorder-slot-status{color:var(--color-ink-muted);font-size:.8rem}.toast-message{bottom:var(--space-lg);left:var(--space-md);right:var(--space-md);background-color:var(--color-ink);color:var(--color-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);z-index:200;opacity:0;pointer-events:none;transition:transform var(--transition-standard), opacity var(--transition-standard);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;display:flex;position:absolute;transform:translateY(20px);box-shadow:0 8px 32px #0003}.toast-action-btn{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);pointer-events:auto;margin-left:var(--space-sm);background:0 0;border:none;font-size:.85rem;font-weight:700}.toast-action-btn:hover{background-color:#214331;background-color:lab(25.2656% -16.4195 6.47923)}.phone-link{color:inherit;transition:color var(--transition-fast);align-items:center;gap:var(--space-xxs);font-weight:500;text-decoration:none;display:inline-flex}.phone-link:hover{color:var(--color-text-light);text-decoration:underline}.toast-message.active{opacity:1;transform:translateY(0)}.confirm-dialog{border-radius:var(--radius-lg);padding:var(--space-lg);background-color:var(--color-surface);z-index:300;border:none;width:calc(100% - 32px);max-width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0000004d}.confirm-dialog::backdrop{transition:opacity var(--transition-standard);background-color:#00000080}.dialog-body h4{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.dialog-body p{color:var(--color-ink-muted);margin-bottom:var(--space-lg);font-size:.85rem;line-height:1.4}.dialog-actions{justify-content:flex-end;gap:var(--space-xs);display:flex}.dialog-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;font-size:.85rem;font-weight:600}.dialog-btn.btn-secondary{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-ink-muted)}.dialog-btn.btn-secondary:hover{background-color:var(--color-surface-hover);color:var(--color-ink)}.dialog-btn.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.dialog-btn.btn-primary:hover{background-color:var(--color-primary-hover)}.loading-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;color:var(--color-ink-muted);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state-container{text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);color:var(--color-ink-muted);flex-direction:column;display:flex}.empty-state-container h3{font-family:var(--font-display);color:var(--color-ink);font-size:1rem}.empty-state-container p{max-width:280px;font-size:.85rem;line-height:1.4}@media (min-width:768px){.app-container,.planner-page,.planner-overview{margin:0;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important}.app-header{height:64px}.app-content{flex-direction:row;height:calc(100dvh - 64px);display:flex;overflow:hidden}#screen-list.view-panel,#screen-slots.view-panel{opacity:1!important;pointer-events:auto!important;flex-direction:column!important;height:100%!important;display:flex!important;position:relative!important;transform:none!important}#screen-slots.view-panel{width:100%!important}#back-btn{display:none!important}#timeline-footer{border-top:1px solid var(--color-border);width:100%;position:relative;display:block!important}}.global-layout{background-color:var(--color-bg);flex-direction:column-reverse;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.main-content-wrapper{z-index:1;flex-grow:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.global-sidebar{background-color:var(--color-bg);border-top:1px solid var(--color-border);height:64px;padding:0 var(--space-xs);padding-bottom:env(safe-area-inset-bottom);z-index:50;flex-direction:row;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.sidebar-logo{display:none}.user-avatar{background:var(--color-ink);width:26px;height:26px;color:var(--color-surface);cursor:pointer;font-size:.65rem;font-weight:600;font-family:var(--font-display);transition:transform var(--transition-fast);margin:0 var(--space-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.sidebar-footer{flex:2;justify-content:space-around;align-items:center;display:flex}.logout-btn{cursor:pointer;color:var(--color-danger);background:0 0;border:none}.logout-btn .icon-wrapper{color:var(--color-danger)}.sidebar-label{display:none}.sidebar-nav-list{flex-direction:row;flex:5;justify-content:space-around;list-style:none;display:flex}.sidebar-nav-item{flex:1}.sidebar-link{color:var(--color-ink-muted);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link .icon-wrapper{border-radius:var(--radius-sm);width:32px;height:32px;transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-link:hover{color:var(--color-ink)}.sidebar-link.active{color:var(--color-primary)}.sidebar-link.active .icon-wrapper{background-color:var(--color-primary-light);color:var(--color-primary)}@media (min-width:768px){.global-layout{flex-direction:row;height:100dvh}.main-content-wrapper{justify-content:center;align-items:stretch;height:100dvh;padding:0;overflow:hidden}.global-sidebar{border-top:none;border-right:1px solid var(--color-border);width:72px;height:100dvh;max-height:100dvh;padding:var(--space-lg) 0;transition:width var(--transition-standard);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;display:flex}.sidebar-logo{margin-bottom:var(--space-xl);justify-content:center;display:flex}.hide-on-desktop{display:none!important}.logo-mark{object-fit:contain;width:36px;height:36px}.sidebar-nav-list{gap:var(--space-sm);padding:0 var(--space-sm);flex-direction:column;flex:initial}.sidebar-link{padding:var(--space-xs);border-radius:var(--radius-md);flex-direction:column}.sidebar-label{display:none}.sidebar-link:hover{background-color:var(--color-surface-hover)}.sidebar-link.active{background-color:#0000}.sidebar-link.active .icon-wrapper{background-color:var(--color-primary-light);border-radius:var(--radius-md)}.sidebar-footer{flex-direction:column;flex:initial;width:100%;padding-bottom:var(--space-sm);flex-shrink:0;justify-content:center;gap:1rem;margin-top:auto;display:flex}.logout-btn{justify-content:center;width:100%;display:flex}.user-avatar{width:36px;height:36px;margin:0 auto;font-size:.8rem}.user-avatar:hover{transform:scale(1.05)}}.patient-directory{background-color:var(--color-bg)}.patient-filters{gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}.patient-filters .search-box{align-items:center;gap:var(--space-xs);background-color:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-grow:1;min-width:200px;display:flex}.patient-filters .search-box input{font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;width:100%}.filter-group{align-items:center;gap:var(--space-xs);display:flex}.filter-label,.filter-separator{color:var(--color-ink-muted);font-size:.85rem}.filter-input-small{width:60px;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body)}.filter-dropdown{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-ink)}.filter-checkbox{align-items:center;gap:var(--space-xs);cursor:pointer;font-size:.85rem;display:flex}.filter-date{padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body)}.patient-table-container{background-color:var(--color-surface);overflow:auto}.patient-table{border-collapse:collapse;text-align:left;width:100%}.patient-table th{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-ink-muted);background-color:var(--color-surface);z-index:5;font-size:.85rem;font-weight:600;position:sticky;top:0}.patient-table td{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.patient-table .table-row{cursor:pointer;transition:all var(--transition-fast)}.patient-table .table-row:hover{background-color:var(--color-surface-hover)}.patient-table .table-row.active-row{background-color:var(--color-primary-light)}.checkbox-cell{text-align:center;width:40px}.patient-cell{align-items:center;gap:var(--space-md);display:flex}.patient-avatar{background-color:var(--color-bg);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.patient-name{color:var(--color-ink);font-size:1rem;font-weight:500}.has-date{color:var(--color-ink);font-weight:500}.empty-date{color:var(--color-ink-muted);font-size:.9rem;font-style:italic}.flags-cell{gap:var(--space-xs);flex-wrap:wrap;display:flex}.patient-flag-tag{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.02em;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:500}.backdrop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background-color:#fff6;position:absolute;inset:0}.patient-detail-panel{background-color:var(--color-surface);border-left:1px solid var(--color-border);z-index:30;flex-direction:column;width:100%;max-width:400px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000000d}.slide-in-right{animation:slideInRight var(--transition-standard) forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header-simple{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-header-simple h2{font-family:var(--font-display);margin:0;font-size:1.25rem}.icon-btn{cursor:pointer;color:var(--color-ink-muted);transition:color var(--transition-fast);background:0 0;border:none}.icon-btn:hover{color:var(--color-ink)}.panel-body{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.detail-section h3{color:var(--color-ink-muted);margin-bottom:var(--space-sm);font-size:.9rem}.notes-input{width:100%;min-height:120px;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);resize:vertical}.notes-input:focus{border-color:var(--color-primary);outline:none}.available-flags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.flag-toggle{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);align-items:center;gap:6px;display:flex}.flag-toggle:hover{background-color:var(--color-bg)}.flag-toggle.active{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-ink)}.export-btn{align-items:center;gap:8px;padding:8px 16px;display:flex}.directory-search-input{width:120px;transition:width var(--transition-fast)}@media (min-width:768px){.directory-search-input{width:240px}}.wizard-takeover{z-index:100;background-color:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.wizard-header{padding:16px var(--space-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;min-height:80px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.wizard-header-left button,.wizard-header-right button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.wizard-header-left,.wizard-header-right{align-items:center;gap:var(--space-sm);flex:1;display:flex}.wizard-header-right{justify-content:flex-end}.wizard-progress{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.progress-track{background-color:var(--color-bg);border-radius:4px;width:100%;max-width:200px;height:6px;overflow:hidden}.progress-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-standard)}.step-counter{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-size:.75rem;font-weight:600}.step-title{color:var(--color-ink);font-size:.9rem;font-weight:500}.wizard-body{padding:var(--space-xxl) var(--space-xl);flex:1;justify-content:center;display:flex}.wizard-step-container{width:100%;max-width:800px}.form-input.large-input{padding:16px 20px;font-size:1.25rem;font-weight:500}.wizard-step-heading{margin-bottom:var(--space-xs);color:var(--color-ink);text-align:center;font-size:2rem;font-weight:600}.wizard-step-subheading{color:var(--color-ink-muted);margin-bottom:var(--space-xxl);text-align:center;font-size:1.1rem}.form-section{margin-bottom:var(--space-xl);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.form-help-text{color:var(--color-ink-muted);margin-bottom:var(--space-sm);font-size:.9rem}.radio-pill-group{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.radio-pill{border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.radio-pill:hover{border-color:var(--color-border-hover);background-color:var(--color-bg)}.radio-pill input{appearance:none;width:0;height:0;margin:0}.radio-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.calendar-grid-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.calendar-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.calendar-header h3{font-size:1.25rem;font-weight:600}.calendar-actions{gap:var(--space-md);display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.calendar-col-header{text-align:center;color:var(--color-ink-muted);padding-bottom:var(--space-md);font-size:.85rem;font-weight:600}.calendar-cell{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg);flex-direction:column;display:flex;position:relative}.calendar-cell:hover:not(.empty){border-color:var(--color-primary)}.calendar-cell.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.calendar-cell.weekend{opacity:.6}.calendar-cell.empty{cursor:default;background:0 0;border:none}.day-number{color:var(--color-ink);font-weight:500}.selected-indicator{color:var(--color-primary);position:absolute;bottom:8px;right:8px}.global-time-card{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.global-time-header{align-items:center;gap:var(--space-sm);color:var(--color-primary);font-weight:600;display:flex}.global-time-inputs{align-items:center;gap:var(--space-md);display:flex}.time-input-group label{color:var(--color-ink-muted);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.list-header{margin-bottom:var(--space-md)}.override-rows{flex-direction:column;gap:8px;display:flex}.override-row{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.override-row.has-override{border-left:4px solid var(--color-primary);border-color:var(--color-primary-light);background:var(--color-primary-light)}.override-day-label{align-items:center;gap:var(--space-md);font-weight:500;display:flex}.override-badge{background:var(--color-primary);color:#fff;text-transform:uppercase;border-radius:100px;padding:2px 8px;font-size:.7rem}.override-controls{align-items:center;gap:var(--space-md);display:flex}.toggle-switch-wrapper{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.toggle-checkbox{appearance:none;display:none}.toggle-switch{background:var(--color-border);width:40px;height:24px;transition:all var(--transition-fast);border-radius:12px;position:relative}.toggle-switch:after{content:"";width:20px;height:20px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.toggle-checkbox:checked+.toggle-switch{background:var(--color-primary)}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(16px)}.wizard-footer{padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.footer-left,.footer-right{flex:1;display:flex}.footer-right{justify-content:flex-end}.btn-primary,.btn-secondary,.btn-text,.btn-icon{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #0000000d}.btn-primary.success{background-color:var(--color-success);border-color:var(--color-success)}.btn-primary.success:hover{background-color:#297d0f;background-color:lab(46.0873% -40.7992 45.7927);border-color:#297d0f;border-color:lab(46.0873% -40.7992 45.7927)}.btn-outline-primary{border:1px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-border-hover)}.btn-text{color:var(--color-primary);background:0 0;padding:8px 16px}.btn-text:hover{background-color:var(--color-primary-light)}.btn-icon{color:var(--color-ink-muted);border-radius:var(--radius-md);background:0 0;padding:8px;text-decoration:none}.btn-icon:hover{color:var(--color-ink);background-color:var(--color-bg)}.form-input{appearance:none;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-ink);transition:all var(--transition-fast);padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:hover{border-color:var(--color-border-hover)}.form-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-select{appearance:none;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:12px 40px 12px 16px;font-family:inherit;font-size:.95rem}.form-select:hover{border-color:var(--color-border-hover)}.form-select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.override-controls select,.global-time-inputs select{appearance:none;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:8px 32px 8px 12px;font-family:inherit;font-size:.9rem}.override-controls select:hover,.global-time-inputs select:hover{border-color:var(--color-border-hover)}.override-controls select:focus-visible,.global-time-inputs select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.planner-page{width:100%;height:100%}.planner-overview{background-color:var(--color-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.planner-overview:before{content:"";opacity:.05;pointer-events:none;z-index:0;background-image:url(/app/images/roznama-pattern.svg);background-position:50%;background-size:500px;position:absolute;inset:0}.planner-header{padding:var(--space-lg) var(--space-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.planner-header-left{align-items:baseline;gap:var(--space-md);display:flex}.planner-title{color:var(--color-ink);letter-spacing:-.02em;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.planner-count{color:var(--color-ink-muted);font-size:.85rem;font-weight:500}.planner-toolbar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;display:flex}.planner-search{align-items:center;gap:var(--space-xs);background-color:var(--color-bg);border:1px solid var(--color-border);padding:0 var(--space-sm);min-width:180px;max-width:360px;height:38px;transition:border-color var(--transition-fast);border-radius:100px;flex:1;display:flex}.planner-search:focus-within{border-color:var(--color-primary)}.planner-search svg{color:var(--color-ink-muted);flex-shrink:0;width:16px;height:16px}.planner-search-input{padding:var(--space-xs);color:var(--color-ink);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.85rem}.planner-search-input::placeholder{color:var(--color-ink-muted)}.planner-filters{gap:var(--space-xs);display:flex}.planner-list{padding:var(--space-lg) var(--space-xl);gap:var(--space-md);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.plan-row{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);gap:var(--space-xs);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.plan-row:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.plan-row-top{justify-content:space-between;align-items:center;display:flex}.plan-row-info{align-items:center;gap:var(--space-sm);display:flex}.plan-row-name{color:var(--color-ink);font-size:1rem;font-weight:600}.plan-row-meta{gap:var(--space-md);color:var(--color-ink-muted);font-size:.8rem;display:flex}.plan-meta-item{align-items:center;gap:4px;display:flex}.plan-meta-item svg{flex-shrink:0;width:14px;height:14px}.plan-scope-label{color:var(--color-ink-muted);font-size:.75rem;font-weight:500}.plan-status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.plan-status-active{background:var(--color-success-bg);color:var(--color-success)}.plan-status-draft{background:var(--color-bg);color:var(--color-ink-muted)}.plan-status-scheduled{color:#23588a;color:lab(35.7624% -4.01481 -33.7291);background:#e0f1ff;background:lab(94.147% -3.99467 -14.0962)}.plan-status-expired{background:var(--color-danger-bg);color:var(--color-danger)}.plan-day-chips{gap:var(--space-xxs);padding-top:var(--space-xxs);flex-wrap:wrap;display:flex}.plan-day-chip{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-ink);padding:2px 8px;font-size:.75rem;font-weight:500}.plan-row-toggle{align-items:center;gap:var(--space-xxs);display:flex}.plan-toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.plan-toggle input{opacity:0;width:0;height:0;position:absolute}.plan-toggle-track{background-color:var(--color-border);transition:background-color var(--transition-fast);border-radius:20px;position:absolute;inset:0}.plan-toggle-track:before{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000001a}.plan-toggle input:checked+.plan-toggle-track{background-color:var(--color-primary)}.plan-toggle input:checked+.plan-toggle-track:before{transform:translate(16px)}.plan-toggle input:focus-visible+.plan-toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.text-muted{color:var(--color-ink-muted);font-size:.85rem}@media (max-width:600px){.planner-header{padding:var(--space-md);gap:var(--space-sm)}.planner-toolbar{padding:var(--space-sm) var(--space-md)}.planner-search{max-width:none}.planner-list,.plan-row{padding:var(--space-md)}.plan-row-meta{flex-wrap:wrap}}.settings-container{z-index:1;background-color:#0000;flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.settings-tabs-nav{gap:var(--space-md);padding:0 var(--space-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1;flex-shrink:0;justify-content:flex-start;display:flex;position:relative;overflow-x:auto}.settings-tabs-nav::-webkit-scrollbar{display:none}.settings-tab-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);color:var(--color-ink-muted);cursor:pointer;transition:color var(--transition-fast), border-bottom-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.settings-tab-btn:hover{color:var(--color-ink)}.settings-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-tab-btn svg{flex-shrink:0;width:18px;height:18px}.settings-content{padding:var(--space-xl);align-items:center;gap:var(--space-lg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.settings-panel{gap:var(--space-xl);flex-direction:column;width:100%;max-width:1000px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg);display:flex}.panel-title{color:var(--color-ink);margin-bottom:var(--space-xxs);font-size:1.5rem;font-weight:600}.panel-desc{color:var(--color-ink-muted);font-size:.9rem}.settings-section-heading{color:var(--color-ink);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:600}.settings-inline-form{background-color:var(--color-surface);border:1px solid var(--color-border-active);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;box-shadow:0 4px 20px #0000000a}.form-section-title{color:var(--color-ink);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);font-size:1rem;font-weight:600}.form-grid-three{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-grid-flags{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.form-group.full-width{grid-column:1/-1}.form-actions-row{gap:var(--space-sm);margin-top:var(--space-xs);justify-content:flex-end;display:flex}.color-swatches-grid{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.color-swatch-btn{background-color:var(--swatch-color);cursor:pointer;width:32px;height:32px;color:var(--color-surface);transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.color-swatch-btn:hover{transform:scale(1.1)}.color-swatch-btn.selected{border-color:var(--color-ink);transform:scale(1.1)}.color-swatch-btn svg{width:14px;height:14px}.admin-list-section{flex-direction:column;display:flex}.admin-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.admin-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);align-items:center;gap:var(--space-md);display:flex}.admin-avatar{background-color:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.admin-details h4{color:var(--color-ink);margin-bottom:2px;font-size:.95rem;font-weight:600}.admin-details p{color:var(--color-ink-muted);font-size:.8rem}.admin-phone{margin-top:2px}.permissions-section{margin-top:var(--space-md)}.table-responsive{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:center;width:100%;font-size:.85rem}.matrix-table th,.matrix-table td{padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.matrix-table th:last-child,.matrix-table td:last-child{border-right:none}.matrix-table tr:last-child td{border-bottom:none}.matrix-table th{background-color:var(--color-bg);color:var(--color-ink);font-weight:600}.matrix-table th.group-header{border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.text-patients{color:var(--color-primary)}.text-appointments{color:#0d7dd4;color:lab(50.4177% -3.27396 -53.6094)}.text-availability{color:#c64e31;color:lab(49.8906% 47.6981 42.478)}.matrix-table tr.sub-headers th{color:var(--color-ink-muted);font-size:.75rem;font-weight:500}.matrix-table th.sticky-col,.matrix-table td.sticky-col{background-color:var(--color-surface);z-index:2;text-align:left;border-right:2px solid var(--color-border);min-width:200px;position:sticky;left:0;box-shadow:2px 0 5px #00000005}.matrix-table tr.sub-headers th.sticky-col,.matrix-table th.sticky-col{background-color:var(--color-bg)}.matrix-table th.border-bottom-thick{border-bottom:2px solid var(--color-border)}.table-user-cell{align-items:center;gap:var(--space-xs);display:flex}.tiny-avatar{background-color:var(--color-primary-light);width:28px;height:28px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.user-name-cell{color:var(--color-ink);font-weight:500}.checkbox-wrapper{cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative}.checkbox-wrapper input{opacity:0;width:0;height:0;position:absolute}.checkbox-box{border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);background-color:var(--color-surface);width:18px;height:18px;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.checkbox-box:after{content:"";opacity:0;width:4px;height:8px;transition:opacity var(--transition-fast);border:2px solid #fff;border-width:0 2px 2px 0;margin-bottom:1px;transform:rotate(45deg)}.checkbox-wrapper input:checked+.checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper input:checked+.checkbox-box:after{opacity:1}.checkbox-wrapper input:focus-visible+.checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.flags-list-section{flex-direction:column;display:flex}.flags-flex-list{gap:var(--space-sm);flex-direction:column;display:flex}.flag-row-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);transition:border-color var(--transition-fast);display:flex}.flag-row-card:hover{border-color:var(--color-border-hover)}.flag-row-lead{align-items:center;gap:var(--space-lg);flex:1;display:flex}.flag-pill-preview{border:1px solid;border-radius:100px;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.flag-pill-preview .dot{border-radius:50%;width:6px;height:6px}.flag-row-desc{color:var(--color-ink-muted);font-size:.85rem}.flag-row-actions{align-items:center;gap:var(--space-xxs);display:flex}.whatsapp-automations-section{gap:var(--space-lg);flex-direction:column;display:flex}.automation-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.automation-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.automation-title-block{align-items:center;gap:var(--space-md);display:flex}.automation-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.automation-icon.bg-warning{background-color:var(--color-warning)}.automation-icon.bg-danger{background-color:var(--color-danger)}.automation-title-block h4{color:var(--color-ink);margin-bottom:2px;font-size:1rem;font-weight:600}.automation-subtext{color:var(--color-ink-muted);font-size:.8rem}.automation-body{padding:var(--space-lg);gap:var(--space-md);transition:opacity var(--transition-fast);flex-direction:column;display:flex}.automation-body.disabled{opacity:.55;pointer-events:none}.form-textarea{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-ink);resize:vertical;transition:border-color var(--transition-fast);font-family:inherit;font-size:.9rem;line-height:1.5}.form-textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.textarea-help-text{color:var(--color-ink-muted);margin-top:4px;font-size:.75rem}.textarea-help-text code{background-color:var(--color-bg);color:var(--color-primary);border-radius:4px;padding:2px 4px;font-family:monospace}@media (max-width:768px){.sm-hidden{display:none!important}.settings-tabs-nav{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;display:none;box-shadow:0 4px 6px -1px #0000000d}.settings-tabs-nav.mobile-open{display:flex}.settings-burger-btn{color:var(--color-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:-8px;padding:8px;display:flex}.planner-header{justify-content:space-between;align-items:center;display:flex}.settings-tab-btn{padding:var(--space-sm) 0;border-bottom:none;justify-content:flex-start}.settings-tab-btn.active{color:var(--color-primary)}.settings-content{padding:var(--space-md)}.flag-row-lead{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}.timeline-slot-row.drag-over{background-color:var(--color-primary-light);border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--color-primary)}.login-sidebar{display:flex}@media (max-width:900px){.login-sidebar{display:none!important}}.two-week-checker{-webkit-user-select:none;user-select:none}.badge-extra{color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b;font-weight:600}@media (max-width:640px){.two-week-checker div[style*=grid-template-columns]{gap:4px!important;padding:6px!important}.modal-content{margin:0 auto;max-width:95vw!important;padding:1.25rem!important}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:var(--color-border);background-image:linear-gradient(90deg, var(--color-border) 0px, var(--color-border-hover) 40px, var(--color-border) 80px);border-radius:var(--radius-sm);background-size:1000px 100%;animation:2s linear infinite shimmer}@media (max-width:768px){.wizard-header{padding:12px var(--space-md);height:auto;min-height:68px}.wizard-header-left button,.wizard-header-right button{white-space:nowrap;min-height:38px;padding:8px 14px;font-size:.85rem}.wizard-progress .step-title{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.9rem;overflow:hidden}}@media (min-width:768px){.md-hidden{display:none!important}.planner-list,.settings-container{align-self:center;margin-left:auto;margin-right:auto;width:92%!important;max-width:1200px!important}.timeline-container,.aggregated-view,.directory-list{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.timeline-container>.timeline-slots{width:92%;max-width:1200px;margin-left:auto;margin-right:auto}.embedded-timeline .timeline-slots{width:100%!important;max-width:100%!important;margin:0!important}.aggregated-view>*,.directory-list>*{width:92%;max-width:1200px;margin-left:auto;margin-right:auto}.add-appt-action-bar{width:92%;max-width:1200px;padding-left:var(--space-md);padding-right:var(--space-md);align-self:center;margin-left:auto;margin-right:auto}.add-appt-action-bar.daily{padding-left:64px}}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.m-0{margin:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.ml-sm{margin-left:8px}.p-0{padding:0}.p-sm{padding:8px}.p-md{padding:16px}.px-sm{padding-left:8px;padding-right:8px}.px-md{padding-left:16px;padding-right:16px}.py-sm{padding-top:8px;padding-bottom:8px}.py-md{padding-top:16px;padding-bottom:16px}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-full{max-width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.25rem}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-ink-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:#d97706}.bg-surface{background:var(--color-surface)}.bg-bg{background:var(--color-bg)}.bg-transparent{background:0 0}.border-default{border:1px solid var(--color-border)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-full{border-radius:50%}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.full-width-calendar{--rdp-accent-color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;max-width:100%;padding:12px 8px;overflow:hidden;margin:0!important}.full-width-calendar .rdp-months,.full-width-calendar .rdp-month{width:100%;max-width:100%}.full-width-calendar table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%}.full-width-calendar th{text-align:center;color:var(--color-muted);padding-bottom:8px;font-size:.8rem;font-weight:400}.full-width-calendar td{text-align:center;padding:4px 0}.full-width-calendar .rdp-day{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:background-color .2s;margin:0 auto!important;padding:0!important;display:flex!important}.full-width-calendar .rdp-day[disabled]{cursor:not-allowed;color:var(--color-muted)!important;opacity:.5!important}.full-width-calendar .rdp-day:not([disabled]):not(.rdp-day_selected){color:var(--color-primary)!important;font-weight:700!important}.full-width-calendar .rdp-day_today:not(.rdp-day_selected){border:2px solid var(--color-primary)!important;color:var(--color-primary)!important;font-weight:700!important}.full-width-calendar .rdp-day_selected,.full-width-calendar .rdp-day_selected:focus-visible,.full-width-calendar .rdp-day_selected:hover{background-color:var(--color-primary)!important;color:#fff!important}.full-width-calendar .rdp-day:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--color-surface-hover)}.full-width-calendar .rdp-nav{gap:8px;display:flex}.full-width-calendar .rdp-nav_button{color:var(--color-primary)}.full-width-calendar .rdp-caption_label{font-size:1.1rem;font-weight:600}.full-width-calendar .rdp-caption{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.custom-form-input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.custom-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.add-appt-sheet-backdrop{pointer-events:none;opacity:0;z-index:99998}.add-appt-sheet-backdrop.visible{pointer-events:auto;opacity:1}.add-appt-sheet-container{z-index:99999;height:85vh;max-height:800px}@media (max-width:767px){.add-appt-sheet-container{bottom:calc(64px + env(safe-area-inset-bottom))!important}}.add-appt-sheet-header{padding:16px 20px}.add-appt-sheet-title{font-size:1.25rem}.add-appt-sheet-close-btn{width:32px;height:32px;color:var(--color-danger);background-color:#fee2e2;border:none;transition:all .2s}.add-appt-sheet-content{padding:16px}.add-appt-tabs-container{background-color:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:24px;padding:6px;display:flex}.add-appt-tab-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:10px 16px;font-size:.95rem;transition:all .2s}.add-appt-tab-btn[data-active=true]{background-color:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:0 2px 4px #0000000d}.add-appt-tab-btn[data-active=false]{color:var(--color-muted);box-shadow:none;background-color:#0000;font-weight:500}.add-appt-search-container{padding:8px 12px}.add-appt-selected-patient{border-radius:var(--radius-md);padding:14px 16px;transition:all .2s}.add-appt-selected-patient--success{background-color:#10b9810f;border:1px solid #10b98166}.add-appt-selected-patient--danger{background-color:#ef44440f;border:1px solid #ef444466}.add-appt-selected-patient--loading{border:1px solid var(--color-border);background-color:var(--color-bg)}.add-appt-success-icon{width:28px;height:28px;color:var(--color-success);background-color:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-appt-danger-icon{width:28px;height:28px;color:var(--color-danger);background-color:#ef444426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-appt-loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite addApptSpin;display:inline-block}@keyframes addApptSpin{to{transform:rotate(360deg)}}.add-appt-status-banner{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.add-appt-status-banner--danger{color:var(--color-danger);background-color:#ef44441a;border:1px solid #ef444440}.add-appt-status-banner--success{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98140}.add-appt-status-banner--loading{background-color:var(--color-surface-hover);color:var(--color-muted)}.add-appt-badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.add-appt-badge--success{color:var(--color-success);background-color:#10b98126}.add-appt-badge--danger{color:var(--color-danger);background-color:#ef444426}.add-appt-text-sm{font-size:.85rem}.add-appt-text-md{font-size:.9rem}.add-appt-text-base{font-size:1rem}.add-appt-patient-list{max-height:200px}.add-appt-patient-item{border:1px solid var(--color-border);padding:12px 16px;transition:background-color .2s}.add-appt-form-label{margin-left:4px;font-size:.85rem;font-weight:500}.add-appt-clear-btn{font-size:.8rem}.add-appt-spacing-top{margin-top:8px}.add-appt-age-col{width:120px}.add-appt-btn-block-msg{text-align:center;color:var(--color-danger);margin-top:8px;margin-bottom:0;font-size:.82rem;font-weight:500}.add-appt-slot-select{cursor:pointer;appearance:auto;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.add-appt-slot-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.add-appt-footer{margin-top:auto;padding:16px}.add-appt-submit-btn{padding:14px;font-size:1rem;transition:all .2s}.add-appt-submit-btn:disabled{background-color:var(--color-surface-hover)!important;color:var(--color-muted)!important;border-color:var(--color-border)!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.4!important}.landing-page-container{padding:var(--space-md) var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.landing-page-content{flex-direction:column;width:100%;max-width:1100px;margin:0 auto;display:flex}.dashboard-widget-section{margin-bottom:var(--space-xl);gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.dashboard-widget-header{justify-content:space-between;align-items:center;padding:0;display:flex}.dashboard-widget-title{color:var(--color-ink);font-size:1.2rem;font-weight:600}.dashboard-strip-container{gap:var(--space-sm);grid-template-columns:repeat(7,1fr);padding:0;display:grid}@media (max-width:900px){.dashboard-strip-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:500px){.dashboard-strip-container{grid-template-columns:repeat(2,1fr)}}.dash-upcoming-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;min-height:100px;text-decoration:none;display:flex}.dash-upcoming-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-4px)}.dash-upcoming-dayname{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.dash-upcoming-date{color:var(--color-ink);font-size:1.5rem;font-weight:700;line-height:1}.dash-upcoming-badge{border-radius:20px;margin-top:4px;padding:2px 10px;font-size:.8rem;font-weight:600}.dash-upcoming-badge.high{color:#ef4444;background-color:#ef44441a}.dash-upcoming-badge.medium{color:#f59e0b;background-color:#f59e0b1a}.dash-upcoming-badge.low{color:#10b981;background-color:#10b9811a}.dash-upcoming-badge.canceled{color:#ef4444;background-color:#ef44441a}.dash-hist-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.dash-hist-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.dash-hist-table th{background-color:var(--color-surface-hover);color:var(--color-muted);padding:var(--space-md);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.95rem;font-weight:600}.dash-hist-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-ink)}.dash-hist-table th:not(:first-child),.dash-hist-table td:not(:first-child){text-align:center}.dash-hist-table tbody tr:last-child td{border-bottom:none}.dash-hist-table tbody tr:hover{background-color:var(--color-surface-hover)}.dash-hist-date{white-space:nowrap;font-size:.95rem;font-weight:600}.dash-hist-val-badge{background-color:var(--color-bg);border-radius:12px;padding:4px 12px;font-size:1rem;font-weight:700;display:inline-block}.dash-hist-val-badge.done{color:var(--color-success);background-color:#10b9811a}.dash-hist-val-badge.booked{color:var(--color-primary);background-color:#3b82f61a}.dash-hist-val-badge.canceled{color:var(--color-danger);background-color:#ef44441a}.dash-kpi-bar{gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;padding:0;display:flex}.dash-kpi-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;padding:var(--space-md);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dash-kpi-val{color:var(--color-primary);font-size:1.5rem;font-weight:700}.dash-kpi-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.8rem}.position-relative{position:relative!important}.ml-auto{margin-left:auto!important}.phones-cards-container{gap:16px;margin-bottom:24px;display:flex}@media (max-width:768px){.phones-cards-container{flex-direction:column}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
.landing-page-container{padding:var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;flex-direction:column;justify-content:center;display:flex;box-shadow:0 1px 2px #0000000d}.stat-card.canceled{background-color:#fef2f2}.stat-card.canceled .stat-value{color:var(--color-danger)}.stat-title{color:var(--color-ink-muted);margin-bottom:4px;font-size:.85rem;font-weight:500}.stat-value{color:var(--color-ink);font-size:1.8rem;font-weight:600}.main-content-layout{gap:var(--space-lg);grid-template-columns:3fr 1fr;align-items:start;display:grid}.kanban-board{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.kanban-column{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-sm);border:1px solid var(--color-border);flex-direction:column;height:600px;display:flex;overflow-y:auto}.kanban-header{margin:0 0 var(--space-sm) 0;padding:var(--space-xs) var(--space-sm);color:var(--color-ink);font-size:1rem;font-weight:600}.kanban-list{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.empty-state{text-align:center;padding:var(--space-lg);color:var(--color-ink-muted);font-size:.9rem;font-style:italic}.insights-sidebar{gap:var(--space-md);flex-direction:column;display:flex}.insight-card-header{margin:0 0 var(--space-sm) 0;font-size:1rem}.insight-row{justify-content:space-between;margin-bottom:8px;display:flex}.insight-row.no-margin{margin-bottom:0}.insight-row-align{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.insight-badge-high{background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:.8rem}.insight-badge-low{background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:.8rem}.insight-days-list{flex-direction:column;gap:8px;display:flex}.date-range-container{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.date-range-container h2{white-space:nowrap}.date-range-inputs{align-items:center;gap:var(--space-sm);display:flex}.date-range-separator{color:var(--color-ink-muted);font-size:.9rem}.specific-day-container{align-items:center;gap:var(--space-md);display:flex}.action-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;flex-direction:column;gap:4px;min-width:180px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.action-menu-btn{text-align:left;width:100%;color:var(--color-ink);padding:8px}.action-menu-btn.danger{color:var(--color-danger)}.action-menu-btn.primary{color:var(--color-primary)}.unsaved-changes-bar{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md);border:1px solid var(--color-primary);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.unsaved-changes-text{color:var(--color-ink);font-weight:500}.unsaved-changes-actions{gap:8px;display:flex}.timeline-message{text-align:center;color:var(--color-ink-muted);padding:20px}.divider-badge.extra{color:#92400e;background-color:#fef3c7;border-color:#f59e0b}.slot-appointment-card{-webkit-user-select:none;user-select:none;width:100%}.slot-card-top-row{flex-wrap:wrap;gap:8px}.slot-patient-info{flex:min(100%,200px);gap:4px}.slot-drag-handle{cursor:grab;color:var(--color-ink-muted);touch-action:none;align-items:center;padding:2px;display:flex}.slot-avatar-fallback{display:none}.slot-patient-meta{flex:1;min-width:0;padding-left:4px}.slot-patient-name{line-height:1.2}.slot-patient-link{color:inherit;text-decoration:none;display:inline}.slot-phone-link{vertical-align:middle;color:var(--color-primary);align-items:center;margin-left:6px;display:inline-flex}.slot-phone-icon{width:16px;height:16px}.slot-patient-demographics{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.slot-badges-container{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.sheet-info-block{justify-content:space-between;align-items:center;width:100%;display:flex}.sheet-patient-name{align-items:center;gap:8px;margin:0;display:flex}.sheet-patient-link{color:inherit;text-decoration:none}.sheet-phone-link{color:var(--color-primary);align-items:center;display:flex}.sheet-phone-icon{width:16px;height:16px}.sheet-patient-meta{margin:4px 0 0}.sheet-actions-container{align-items:center;gap:8px;display:flex}.sheet-action-btn-base{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sheet-action-btn-warning{color:var(--color-warning);border:2px solid var(--color-warning)}.sheet-action-btn-success{color:var(--color-success);border:2px solid var(--color-success)}.sheet-section-title{margin:0 0 var(--space-md) 0;color:var(--color-ink);font-size:1rem;font-weight:600}.sheet-loading-msg{text-align:center;color:var(--color-ink-muted);padding:20px}.invisible{visibility:hidden}.header-add-appointment-btn{background:var(--color-primary);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;transform:scale(1.1);box-shadow:0 4px 10px #00000026}.header-add-appointment-btn:hover{transform:scale(1.15);background-color:var(--color-primary-dark,#0056b3)!important;color:#fff!important}.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content-panel{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--color-ink);margin:0;font-size:1.25rem}.modal-form-body{flex-direction:column;gap:20px;display:flex}.modal-input-group{flex-direction:column;gap:8px;display:flex}.modal-input-label{color:var(--color-ink);font-weight:600}.modal-text-input{border:1px solid var(--color-border);box-sizing:border-box;background:#f9fafb;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s}.modal-text-input:focus{border-color:var(--color-primary);background:#fff}.modal-error-msg{color:var(--color-danger);font-size:.9rem}.modal-actions-row{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.clinics-loading-panel{text-align:center;padding:2rem}.clinics-error-panel{color:var(--color-danger);padding:2rem}.clinics-tab-container{flex-shrink:0}.clinics-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.clinics-title{color:var(--color-ink);margin:0 0 4px;font-size:1.25rem}.clinics-subtitle{color:var(--color-ink-muted);margin:0;font-size:.9rem}.clinics-add-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.clinics-empty-state{text-align:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-ink-muted);padding:3rem 1rem}.clinics-list{flex-direction:column;gap:16px;display:flex}.clinic-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.clinic-card-title{color:var(--color-ink);margin:0 0 12px;font-size:1.1rem}.clinic-links-row{flex-wrap:wrap;gap:12px;display:flex}.clinic-link-item{align-items:center;gap:4px;font-size:.85rem;text-decoration:none;display:flex}.clinic-link-item.primary{color:var(--color-primary)}.clinic-link-item.facebook{color:#1877f2}.clinic-link-item.instagram{color:#e4405f}.clinic-link-item.linkedin{color:#0a66c2}.clinic-link-item.vezeeta{color:#005ce6}.clinic-link-icon{width:14px;height:14px}.clinic-no-links{color:var(--color-ink-muted);font-size:.85rem}.clinic-edit-btn{padding:8px}.admin-tab-container{flex-shrink:0}.admin-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header-actions{flex-shrink:0;gap:8px;display:flex}.admin-btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.admin-btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.admin-card-you{border:2px solid var(--color-primary)}.admin-avatar-primary{background:var(--color-primary)}.admin-avatar-muted{background:var(--color-ink-muted)}.admin-avatar-light{background:var(--color-primary-light);width:38px;height:38px;color:var(--color-primary);flex-shrink:0;font-size:.85rem}.admin-avatar-img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.admin-details-flex{flex:1;min-width:0}.admin-badge-you{margin-left:6px;padding:2px 6px;font-size:.7rem}.admin-role-badge{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink-muted);align-items:center;gap:4px;margin-left:6px;padding:2px 6px;font-size:.7rem;display:inline-flex}.admin-role-remove-btn{cursor:pointer;color:var(--color-danger);background:0 0;border:none;align-items:center;margin:0;padding:0;font-size:1rem;line-height:1;display:flex}.admin-actions-container{position:relative}.admin-icon-btn{cursor:pointer;color:var(--color-ink-muted);background:0 0;border:none;padding:4px;display:flex}.admin-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:10;flex-direction:column;min-width:120px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.admin-menu-item{border:none;border-bottom:1px solid var(--color-border);cursor:pointer;width:100%;color:var(--color-ink);text-align:left;background:0 0;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;text-decoration:none;display:flex}.admin-menu-item-danger{cursor:pointer;width:100%;color:var(--color-danger,#ef4444);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.admin-section-margin{margin-top:32px}.admin-loading-text{color:var(--color-ink-muted)}.admin-role-card{align-items:flex-start;gap:12px;padding:12px 16px}.admin-role-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.admin-role-title{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;overflow:hidden}.admin-perms-container{flex-wrap:wrap;gap:6px;display:flex}.admin-perm-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:inline-flex}.admin-perm-label{color:var(--color-ink-muted)}.admin-perm-value-all{color:var(--color-success,#10b981);font-weight:600}.admin-perm-value-partial{color:var(--color-warning,#f59e0b);font-weight:600}.admin-perm-empty{color:var(--color-ink-muted);font-size:.75rem}.patient-centered-container{justify-content:center;align-items:center}.patient-header-custom{justify-content:flex-start;gap:var(--space-md)}.patient-header-actions{margin-left:auto}.patient-content-area{padding:var(--space-lg);display:block;overflow-y:auto}.patient-block-alert{color:#991b1b;border-radius:var(--radius-md);margin-bottom:var(--space-xl);background:#fef2f2;border:1px solid #fecaca;flex-direction:column;gap:8px;padding:16px;display:flex}.patient-block-alert-title{align-items:center;gap:8px;font-weight:600;display:flex}.patient-block-alert-icon{font-size:1.25rem}.patient-block-alert-text{margin:0}.patient-profile-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%;max-width:1200px;margin:0 auto;display:grid}.patient-column{gap:var(--space-xl);flex-direction:column;display:flex}.patient-section{margin-bottom:var(--space-xl)}.patient-info-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.patient-avatar-large{object-fit:cover;border-radius:50%;width:80px;height:80px}.patient-name-large{color:var(--color-ink);margin:0;font-size:1.5rem}.patient-age-text{color:var(--color-ink-muted);margin:4px 0 0}.patient-flags-container{gap:var(--space-xs);flex-wrap:wrap;align-items:center;margin-top:12px;display:flex}.patient-flag-badge{align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;display:flex}.patient-flag-remove-btn{cursor:pointer;opacity:.6;background:0 0;border:none;margin:0;padding:0 4px;font-size:.85rem;line-height:1}.patient-flag-add-container{position:relative}.patient-flag-add-btn{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-muted);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;display:flex}.patient-flag-menu{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);min-width:180px;max-height:200px;margin-top:8px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.patient-flag-menu-item{text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;width:100%;padding:8px 12px;display:flex}.patient-flag-menu-item:hover{background-color:var(--color-bg)}.patient-flag-menu-empty{color:var(--color-ink-muted);padding:8px 12px;font-size:.8rem}.patient-contact-card{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-md)}.patient-contact-text{margin:0 0 8px}.patient-contact-text-last{margin:0}.patient-notes-card{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.patient-section-title{margin:0 0 var(--space-md) 0;font-size:1.1rem}.patient-note-input-group{margin-bottom:var(--space-md);flex-direction:column;gap:8px;display:flex}.patient-note-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;min-height:80px;font-family:var(--font-body);resize:vertical;outline:none;padding:12px;font-size:.9rem}.patient-note-add-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);border:none;align-self:flex-end;padding:8px 16px;font-weight:600}.patient-note-add-btn:disabled{cursor:not-allowed;opacity:.6}.patient-notes-list{flex-direction:column;gap:12px;margin:0;padding-left:0;list-style:none;display:flex}.patient-note-item{color:var(--color-ink);background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.patient-note-edit-group{flex-direction:column;gap:8px;display:flex}.patient-note-edit-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;min-height:60px;font-family:var(--font-body);resize:vertical;outline:none;padding:8px;font-size:.9rem}.patient-note-edit-actions{justify-content:flex-end;gap:8px;display:flex}.patient-note-btn-cancel{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 12px;font-size:.8rem}.patient-note-btn-save{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 12px;font-size:.8rem}.patient-note-date{color:var(--color-primary);margin-right:8px;font-weight:600}.patient-note-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.patient-note-action-btn{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;display:flex}.patient-note-action-btn.danger{color:var(--color-danger)}.patient-note-icon{width:14px;height:14px}.patient-notes-empty{color:var(--color-ink-muted);margin:0;font-style:italic}.patient-stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.patient-stat-card{padding:var(--space-md);border-radius:var(--radius-md)}.patient-stat-card.success{background:var(--color-success-bg);border:1px solid var(--color-success)}.patient-stat-card.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.patient-stat-card.danger{background:var(--color-danger-bg);border:1px solid var(--color-danger)}.patient-stat-header{align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.patient-stat-header.success{color:var(--color-success)}.patient-stat-header.warning{color:var(--color-warning)}.patient-stat-header.danger{color:var(--color-danger)}.patient-stat-value{font-size:1.5rem;font-weight:700}.patient-stat-value.medium{margin-bottom:4px;font-size:1.2rem;font-weight:600}.patient-stat-details{flex-wrap:wrap;gap:12px;display:flex}.patient-stat-details.wide{gap:16px}.patient-stat-detail-text{color:var(--color-ink-muted);font-size:.85rem}.patient-appt-list{gap:var(--space-sm);flex-direction:column;display:flex}.patient-appt-card{background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.patient-appt-info{align-items:center;gap:var(--space-md);display:flex}.patient-appt-icon{color:var(--color-primary)}.patient-appt-date{font-weight:600}.patient-appt-time{color:var(--color-ink-muted);font-size:.9rem}.patient-appt-status-block{text-align:right}.patient-appt-status{color:var(--color-ink);font-weight:600}.patient-appt-status.danger{color:var(--color-danger)}.patient-appt-status.success{color:var(--color-success)}.patient-appt-grade{color:var(--color-ink-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.8rem;overflow:hidden}.patient-appt-empty{color:var(--color-ink-muted);font-style:italic}.patient-block-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.patient-block-modal-content{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:24px}.patient-block-modal-title{margin:0 0 16px;font-size:1.25rem}.patient-block-form{flex-direction:column;gap:16px;display:flex}.patient-block-label{margin-bottom:8px;font-weight:600;display:block}.patient-block-textarea{border:1px solid var(--color-border);resize:vertical;border-radius:4px;width:100%;min-height:80px;padding:8px}.patient-block-input{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:8px}.patient-block-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.week-board{min-height:0;padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex}.week-board-header{align-items:center;gap:var(--space-md);display:flex}.week-board-columns{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.week-day-column{align-items:stretch;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);display:flex}.week-day-column.is-muted{opacity:.55}.week-day-header{color:var(--color-ink);flex-direction:column;flex:0 0 72px;justify-content:center;font-weight:600;display:flex}.week-day-date{color:var(--color-ink-muted);font-size:.8rem;font-weight:500}.week-day-slots{gap:var(--space-sm);flex:1;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.week-day-message{color:var(--color-ink-muted);align-items:center;font-size:.85rem;display:flex}.week-slot{aspect-ratio:1;border-radius:var(--radius-md);flex-direction:column;flex:0 0 132px;gap:4px;padding:4px;display:flex}.week-slot.drag-over{background-color:var(--color-primary-light);box-shadow:inset 0 0 0 2px var(--color-primary)}.week-slot-time{color:var(--color-ink-muted);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.week-slot-tag{color:var(--color-primary)}.week-empty-slot{flex:1;justify-content:center}.week-appointment-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;min-height:0;padding:6px;display:grid;position:relative}.week-appointment-card.is-dragging{opacity:.35}.week-appointment-card.is-overlay{cursor:grabbing;height:100%;box-shadow:0 12px 28px #00000038}.week-appointment-info{flex-direction:column;grid-column:1/-1;align-self:end;min-width:0;display:flex}.week-appointment-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.week-appointment-status{color:var(--color-ink-muted);font-size:.72rem}.week-appointment-card .slot-drag-handle{grid-area:1/1;justify-self:start}.week-appointment-card .card-action-trigger{grid-area:1/2}.week-appointment-info{grid-area:2/1/3/3}