*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(input[type=color])){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.wauto{width:auto}.wmax{width:max-content}.wmin{width:min-content}.mt{margin-top:var(--padding)}.mb{margin-bottom:var(--padding)}.mb-s{margin-bottom:var(--padding-small)}.mr{margin-right:var(--padding)}.ml{margin-left:var(--padding)}.m0{margin:0}.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}html,body,#root{height:100%}#root{min-height:100%}.app{display:flex;flex-direction:column;min-height:100%}.app.bakery{background:url(/img/bg-page-bakery-left.webp) left top no-repeat,url(/img/bg-page-bakery-right.webp) right top no-repeat;background-color:var(--pink-color-background);--section-color: var(--pink-color);--section-background-color: var(--pink-color-background)}.app.physio{background:url(/img/bg-page-physio-left.webp) left top no-repeat,url(/img/bg-page-physio-right.webp) right top no-repeat;background-color:var(--green-color-background);--section-color: var(--green-color);--section-background-color: var(--green-color-background)}.app.salon{background:url(/img/bg-page-salon-left.webp) left top no-repeat,url(/img/bg-page-salon-right.webp) right top no-repeat;background-color:var(--blue-color-background);--section-color: var(--blue-color);--section-background-color: var(--blue-color-background)}.main{flex-grow:1;padding:var(--page-padding)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:var(--font-weight-medium);margin-bottom:var(--padding);letter-spacing:1px}h1,.h1{font-size:var(--font-size-h1)}h2,.h2{font-size:var(--font-size-h2)}h3,.h3{font-size:var(--font-size-h3)}h4,.h4{font-size:var(--font-size-h4)}h5,.h5{font-size:var(--font-size-h5)}h6,.h6{font-size:var(--font-size-h6)}.tar{text-align:right}.tac{text-align:center}.tal{text-align:left}*{-webkit-user-select:none;user-select:none}input,textarea,select,button,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading.loading-small{padding:1rem;gap:.5rem}.loading.loading-small .loading-spinner{width:24px;height:24px}.loading.loading-small .loading-message{font-size:.875rem}.loading.loading-medium{padding:2rem;gap:1rem}.loading.loading-medium .loading-spinner{width:32px;height:32px}.loading.loading-medium .loading-message{font-size:1rem}.loading.loading-large{padding:3rem;gap:1.5rem}.loading.loading-large .loading-spinner{width:48px;height:48px}.loading.loading-large .loading-message{font-size:1.125rem}.loading-spinner{position:relative;display:flex;align-items:center;justify-content:center}.spinner{width:100%;height:100%;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:#6b7280;font-weight:500;text-align:center;margin:0}.loading:hover .spinner{border-top-color:#2563eb}.loading-message{animation:pulse 2s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);touch-action:manipulation;cursor:pointer;background:var(--blue-color);color:var(--white-color);white-space:nowrap;padding:6px 12px;font-size:var(--font-size-small);line-height:var(--line-height);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-in),color var(--transition-in);text-transform:uppercase}.btn:hover{transition:background-color var(--transition-out),color var(--transition-out)}.btn:hover:not(:disabled),.btn :focus:not(:disabled){background-color:var(--blue-color-dark)}.btn:disabled{background-color:var(--gray-color-dark)!important;cursor:not-allowed!important}.btn.text{padding:0;background:none;border:none;color:inherit;cursor:pointer;font:inherit;text-transform:none;text-decoration:none;color:var(--blue-color);white-space:normal}.btn.text:hover:not(:disabled),.btn.text:focus:not(:disabled){background:none;text-decoration:none;color:var(--blue-color-darker)}.btn.small{padding:var(--padding-xs) var(--padding-small);font-size:var(--font-size-smaller)}.btn.green{background-color:var(--green-color)}.btn.green:hover:not(:disabled),.btn.green:focus:not(:disabled){background-color:var(--green-color-dark)}.btn.orange{background-color:var(--orange-color)}.btn.orange:hover:not(:disabled),.btn.orange:focus:not(:disabled){background-color:var(--orange-color-dark)}.btn.pink{background-color:var(--pink-color)}.btn.pink:hover:not(:disabled),.btn.pink:focus:not(:disabled){background-color:var(--pink-color-dark)}.btn.dark-pink{background-color:var(--dark-pink-color)}.btn.dark-pink:hover:not(:disabled),.btn.dark-pink:focus:not(:disabled){background-color:var(--dark-pink-color-dark)}.btn.red{background-color:var(--red-color)}.btn.red:hover:not(:disabled),.btn.red:focus:not(:disabled){background-color:var(--red-color-dark)}.btn.dark-blue{background-color:var(--dark-blue-color)}.btn.dark-blue:hover:not(:disabled),.btn.dark-blue:focus:not(:disabled){background-color:var(--dark-blue-color-dark)}.btn.icon-btn{background-color:transparent;color:var(--primary-color);font-weight:var(--font-weight-bold)}.btn.icon-btn:hover:not(:disabled),.btn.icon-btn:focus:not(:disabled){background-color:transparent}.btns{display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-small);padding:var(--padding) 0 0}.btns .btn{width:100%}.btns.right{justify-content:flex-end}@media (min-width: 480px){.btns{flex-direction:row;justify-content:flex-start}.btns .btn{width:auto}}fieldset{border:none;padding:0;margin:0;display:grid;grid-template-columns:1fr}@media (min-width: 480px){fieldset.two-columns{grid-template-columns:1fr 1fr;gap:var(--padding)}fieldset.three-columns{grid-template-columns:1fr 1fr 1fr;gap:var(--padding)}}.form-group{display:flex;flex-direction:column;gap:var(--padding-small);margin-bottom:var(--padding)}.input-wrap{display:flex;flex-direction:column;gap:var(--padding-small)}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-smaller);text-transform:uppercase;color:var(--gray-color-dark)}.required{color:var(--red-color)}input:not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:.75rem;border:1px solid var(--gray-color-light);border-radius:var(--border-radius);font-size:var(--font-size);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-family:var(--font-family);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px #00000013;padding:10px}input:not([type=color]):not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:var(--blue-color);box-shadow:0 0 0 2px #2980b940}input:not([type=color]):not([type=checkbox]):not([type=radio]).error,textarea.error,select.error{border-color:var(--red-color);box-shadow:0 0 0 2px #e74c3c40}input:not([type=color]):not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--gray-color-light)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}input[type=color]{width:60px;height:40px;padding:0;border:none;border-radius:var(--border-radius);cursor:pointer;background:none;-webkit-box-shadow:none;box-shadow:none}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--gray-color-light);border-radius:var(--border-radius);background-color:var(--white-color);cursor:pointer;position:relative;transition:all var(--transition-in);margin:0 8px 0 0;vertical-align:middle}input[type=checkbox]:hover{border-color:var(--blue-color);box-shadow:0 0 0 2px #2980b91a}input[type=checkbox]:focus{outline:none;border-color:var(--blue-color);box-shadow:0 0 0 2px #2980b940}input[type=checkbox]:checked{background-color:var(--blue-color);border-color:var(--blue-color)}input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid var(--white-color);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled{background-color:var(--gray-color-light);border-color:var(--gray-color-light);cursor:not-allowed;opacity:.6}input[type=checkbox]:disabled:checked:after{border-color:var(--gray-color)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--gray-color-light);border-radius:50%;background-color:var(--white-color);cursor:pointer;position:relative;transition:all var(--transition-in);margin:0 8px 0 0;vertical-align:middle}input[type=radio]:hover{border-color:var(--blue-color);box-shadow:0 0 0 2px #2980b91a}input[type=radio]:focus{outline:none;border-color:var(--blue-color);box-shadow:0 0 0 2px #2980b940}input[type=radio]:checked{border-color:var(--blue-color)}input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background-color:var(--blue-color);border-radius:50%;transform:translate(-50%,-50%)}input[type=radio]:disabled{background-color:var(--gray-color-light);border-color:var(--gray-color-light);cursor:not-allowed;opacity:.6}input[type=radio]:disabled:checked:after{background-color:var(--gray-color)}.checkbox-label,.radio-label{font-weight:var(--font-weight-normal);display:flex;align-items:center;cursor:pointer;margin:0;gap:var(--padding-xs)}.checkbox-label-text,.radio-label-text{display:flex;align-items:center;gap:var(--padding-xs)}.error-message{color:var(--red-color);font-size:var(--font-size-small);margin-top:var(--padding-small)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=datetime],input[type=number],textarea{width:100%}.checkbox-group,.radio-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--padding)}.header{display:flex;width:100%;align-items:center;justify-content:flex-end;padding:var(--page-padding)}.header.menu-visible{justify-content:space-between}.logged-in-as{text-transform:uppercase;font-weight:var(--font-weight-normal);letter-spacing:1px;font-size:var(--font-size-smaller)}.user-name{font-weight:var(--font-weight-bold)}.user-role{font-weight:var(--font-weight-medium);display:none}.menu-item a{padding:10px 25px;color:#fff;font-weight:var(--font-weight-medium);letter-spacing:1px}.menu-item a.active,.menu-item a:hover{background-color:#fff;border-radius:20px;text-decoration:none;color:var(--primary-color)}.menu-item a.salon.active,.menu-item a.salon:hover{color:var(--blue-color)}.menu-item a.bakery.active,.menu-item a.bakery:hover{color:var(--pink-color)}.menu-item a.physio.active,.menu-item a.physio:hover{color:var(--green-color)}.user-navigation,.menu{display:flex;align-items:center}.menu ul{display:flex;align-items:center;gap:var(--padding)}.logout-btn{margin-left:var(--padding)}.footer{padding:var(--page-padding);text-align:center}img,svg{width:auto;max-width:100%;height:auto}.logo{max-width:250px}.small-logo{max-width:150px}.papers{display:flex;flex-direction:column;gap:var(--padding)}.paper{background-color:var(--white-color);padding:var(--padding);border-radius:var(--border-radius)}table{border-collapse:collapse;border-spacing:0}table td,table th{padding:5px 10px 5px 0}.actions{text-align:right;white-space:nowrap}.actions .btn+.btn{margin-left:var(--padding-small)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--padding-small);padding:var(--padding-small);border-radius:var(--border-radius);box-shadow:var(--box-shadow);background:var(--white-color);border-left:4px solid;pointer-events:auto;transform:translate(100%);opacity:0;transition:transform var(--transition-in),opacity var(--transition-in)}.toast.visible{transform:translate(0);opacity:1}.toast.leaving{transform:translate(100%);opacity:0}.toast.info{border-left-color:var(--blue-color)}.toast.info .toast-icon{color:var(--blue-color)}.toast.success{border-left-color:var(--green-color)}.toast.success .toast-icon{color:var(--green-color)}.toast.error{border-left-color:var(--red-color)}.toast.error .toast-icon{color:var(--red-color)}.toast .toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast .toast-content{flex:1;min-width:0}.toast .toast-content .toast-message{margin:0;font-size:var(--font-size-small);color:var(--primary-color);word-wrap:break-word}.toast .toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--gray-color);cursor:pointer;border-radius:50%;transition:background-color var(--transition-in),color var(--transition-in)}.toast .toast-close:hover{background-color:#0000001a;color:var(--primary-color)}.toast .toast-close svg{width:14px;height:14px}@media (max-width: 767px){.toast{transform:translateY(-100%)}.toast.visible{transform:translateY(0)}.toast.leaving{transform:translateY(-100%)}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--padding);opacity:0;animation:fadeIn var(--transition-in-slow) forwards}.modal{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;max-width:600px;width:100%;max-height:90vh;position:relative;transform:translateY(30px) scale(.95);opacity:0;animation:slideUp var(--transition-in-slow) forwards;animation-delay:.1s;display:flex;flex-direction:column}.modal.sm{max-width:400px}.modal.md{max-width:500px}.modal.lg{max-width:800px}.modal.xl{max-width:1000px}.modal.xxl{max-width:1400px}.modal.fullscreen{max-width:95vw;max-height:95vh;width:95vw;height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding);border-bottom:1px solid var(--gray-color-light)}.modal-title{margin:0;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);color:var(--text-color)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--gray-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-in);line-height:1}.modal-content{padding:var(--padding);flex:1;overflow:auto}.confirm-modal .modal-content{padding:0}.confirm-content{padding:var(--padding);max-height:80vh;overflow:auto}.confirm-message{margin-bottom:var(--padding);font-size:var(--font-size-medium);color:var(--text-color);line-height:var(--line-height)}.modal-actions{display:flex;gap:var(--padding-small);justify-content:flex-end;padding:var(--padding-small) var(--padding);border-top:1px solid var(--gray-color-light)}@media (max-width: 479px){.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.filter-section{margin-bottom:var(--padding-large)}.filter-section:last-child{margin-bottom:0}.filter-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--padding-small)}.filter-section-header h6{margin:0}.filter-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:var(--padding-xs);max-height:200px;overflow-y:auto;border:1px solid var(--gray-color-light);border-radius:var(--border-radius);padding:var(--padding-small)}.filter-checkboxes.inline{display:flex;flex-wrap:wrap;gap:var(--padding-small);max-height:none}.filter-checkboxes .checkbox-label{display:flex;align-items:center;gap:var(--padding-xs);cursor:pointer;padding:var(--padding-xs);border-radius:var(--border-radius);transition:background-color var(--transition-in)}@media (min-width: 480px){.filter-checkboxes{grid-template-columns:1fr 1fr 1fr}}.filter-btn.has-filters{position:relative}.filter-btn.has-filters:after{content:"!";position:absolute;top:-5px;right:-5px;background-color:var(--red-color);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-smaller);font-weight:700}.calendar-navigation{display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 var(--padding) 0}.calendar-week-info{display:flex;align-items:center;justify-content:center;gap:var(--padding)}.calendar-week-title{margin:0;display:block;width:180px;text-align:center}.filter-date-picker{display:flex;align-items:center;gap:var(--padding-small);position:absolute;right:0;left:auto;width:auto!important;top:50%;transform:translateY(-50%)}.calendar-table{overflow-x:auto;min-height:600px;-webkit-user-select:none;user-select:none}.calendar-table.dragging{cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.calendar-table table{width:100%;border-collapse:collapse;table-layout:fixed}.calendar-table thead tr th{padding:4px;border:1px solid var(--gray-color-light);background:#f8f9fa;text-align:center;font-weight:600}.calendar-table thead tr th.time-header{min-width:60px;background:#f8f9fa;font-size:var(--font-size-small)}.day-header.day-header.current-day{background:var(--section-background-color)}.day-header .day-name{font-size:var(--font-size-small);text-transform:capitalize;margin-bottom:4px}.day-header .day-date{font-size:var(--font-size-smaller)}.time-row td{border:1px solid var(--gray-color-light);vertical-align:top;padding:4px;position:relative}.time-row td.time-slot{background:var(--white-color);text-align:center;font-size:var(--font-size-smaller);width:60px;vertical-align:middle}.time-row td.calendar-cell{cursor:pointer;transition:background-color var(--transition-out);position:relative;will-change:background-color}.time-row td.calendar-cell:hover:not(.selected){background:var(--section-background-color)}.time-row td.calendar-cell.selected{background:#007bff33!important;border:2px solid #007bff!important;position:relative;transform:translateZ(0)}.time-row td.calendar-cell.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bakery-calendar .time-row td{height:56px}.header-actions{position:absolute;left:0;top:0;display:flex;align-items:center;gap:var(--padding-small)}.calendar-legend{background:#f8f9fa;border-top:1px solid #e9ecef;padding:var(--padding) 0 0 0}.worker-legend-items{display:flex;flex-wrap:wrap;gap:var(--padding)}.worker-legend-item{display:flex;align-items:center;gap:4px}.worker-color-indicator{width:16px;height:16px;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.1)}.worker-name{font-size:var(--font-size-small)}@media (max-width: 767px){.filter-date-picker,.calendar-date-picker,.header-actions{display:none}.calendar-table table thead tr th{min-width:100px;padding:var(--padding-small) var(--padding-small)}.calendar-table table thead tr th.day-header .day-name{font-size:.8rem}.calendar-table table thead tr th.day-header .day-date{font-size:.7rem}.calendar-table table tbody tr.time-row td.time-slot{width:40px;font-size:var(--font-size-smaller)}.calendar-legend .worker-legend-items{flex-direction:column;gap:var(--padding-small)}}.calendar-event{position:absolute;left:1px;top:1px;height:calc(100% - 2px);width:calc(100% - 2px);border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.calendar-event:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.event-content{padding:4px;display:flex;flex-direction:column;gap:4px;flex:1}.event-title{font-size:var(--font-size-smaller);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.event-description{font-size:var(--font-size-smallest);color:#ffffffe6;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{font-size:var(--font-size-smallest);color:#fffc;font-weight:500;margin-top:auto}.worker-assignment-modal .workers-list{display:flex;flex-direction:column;gap:10px}.worker-assignment-modal .worker-assignment-item{display:flex;align-items:center}.worker-assignment-modal .worker-color-indicator{margin-right:4px}.worker-assignments-row th{cursor:pointer}.worker-assignment{display:inline-block;min-width:60px;color:var(--white-color);padding:4px 2px;border-radius:var(--border-radius);font-size:.85em;font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;transition:all var(--transition-in)}.worker-assignment:hover{opacity:.9;transition:all var(--transition-out);cursor:pointer}.day-notes{margin-top:4px}.day-note{background-color:var(--notes-color);color:var(--notes-color-background);padding:2px var(--padding-small);border-radius:3px;font-size:var(--font-size-smaller);white-space:pre-wrap;cursor:pointer}.pagination{width:100%;display:flex;flex-direction:column;gap:var(--padding-small)}.pagination-info{text-align:right;font-size:var(--font-size-small)}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-small)}.pagination-pages{display:flex;align-items:center;gap:var(--padding-small)}.pagination-ellipsis{font-size:var(--font-size-small);color:var(--gray-color)}.search-input-wrapper{display:flex}.list-table-error,.list-table-empty{display:flex;pad:var(--padding);align-items:center;justify-content:center}.list-table{display:flex;flex-direction:column;gap:var(--padding)}.list-table-table{width:100%;font-size:var(--font-size-small)}.list-table-table th{border-bottom:1px solid var(--gray-color-light);font-weight:var(--font-weight-medium)}.list-table-table td{border-bottom:1px solid var(--gray-color-light)}.list-table-table tr:last-child td{border-bottom:none}.td-price,.td-state{text-align:right;width:100px}.td-date{width:150px}.td-date-time{width:180px}.td-pre{white-space:pre-wrap}.status.active{color:var(--green-color)}.status.inactive{color:var(--red-color)}.page-header{display:flex;gap:var(--padding);align-items:center;justify-content:space-between;margin-bottom:var(--padding)}.page-title{margin:0}.page-actions{display:flex;gap:var(--padding);align-items:center}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--white-color);border:1px solid var(--gray-color-light);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 6px #0000001a;max-height:40vh;overflow-y:auto}.autocomplete-list{list-style:none;margin:0;padding:0}.autocomplete-item{padding:var(--padding-small);cursor:pointer;border-bottom:1px solid var(--gray-color-light);transition:background-color var(--transition-in)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--blue-color-background-light)}.autocomplete-item.highlighted{background-color:var(--blue-color-background-lighter)}.autocomplete-loading,.autocomplete-empty{padding:var(--padding);text-align:center;color:var(--gray-color);font-size:var(--font-size-smaller)}.find-reservation-section{margin-bottom:var(--padding)}.rs-item{font-size:var(--font-size-small);display:flex;flex-direction:column;gap:var(--padding-xs)}.rs-header{display:flex;align-items:center;justify-content:space-between}.rs-dog-name{color:var(--gray-color-dark);font-weight:400}.rs-dog-breed{color:var(--gray-color-dark);font-weight:400;font-style:italic}.rs-date{color:var(--gray-color)}.rsd-price{text-align:right}.rs-details{display:grid;grid-template-columns:1fr .5fr .5fr .5fr 1fr .5fr;color:var(--gray-color-dark);gap:var(--padding-small)}.rsd-item{display:flex;flex-direction:column;gap:var(--padding-xs)}.rsd-label{font-weight:var(--font-weight-medium);color:var(--gray-color);font-size:var(--font-size-smallest);text-transform:uppercase}.rs-note{color:var(--gray-color);font-style:italic}@media (max-width: 479px){.rs-details{grid-template-columns:1fr 1fr}}.salon-reservation-form-wrap{overflow:hidden;opacity:0;max-height:0px;transition:opacity var(--transition-out),max-height var(--transition-out)}.salon-reservation-form-wrap.is-open{opacity:1;transition:opacity var(--transition-in),max-height var(--transition-in);max-height:1000px}.salon-reservation-form{border:2px solid var(--blue-color);border-radius:var(--border-radius);padding:var(--padding);margin-bottom:var(--padding-large);box-shadow:0 0 10px #00000080}.reservation-fieldset-photos{display:flex;flex-direction:row;gap:var(--padding-large)}.reservation-fieldset{margin-bottom:var(--padding);flex:1}.reservation-photos{margin-bottom:var(--padding);width:400px}@media (max-width: 1023px){.reservation-fieldset-photos{flex-direction:column}.reservation-photos{width:100%}}.customer-input-wrapper{display:flex;align-items:center;gap:var(--padding-xs);position:relative}.customer-input-wrapper .input-wrap{flex:1}.photos-section{padding:var(--padding);border:1px solid var(--gray-color-light);border-radius:var(--border-radius)}.photo-upload-controls{display:flex;flex-direction:column}.photo-file-input{display:none}.photo-upload-button{margin-bottom:var(--padding)}.photo-upload-preview{margin-bottom:var(--padding);display:flex;flex-direction:column;gap:var(--padding);padding:var(--padding);border:1px solid var(--gray-color-light);border-radius:var(--border-radius)}.photo-upload-actions{display:flex;flex-direction:column;gap:var(--padding-small)}.photo-preview{display:flex;flex-direction:column;text-align:center;align-items:center;gap:var(--padding-small)}.photo-preview img{width:200px;height:auto;border-radius:var(--border-radius);border:1px solid var(--gray-color-light)}.photo-preview .photo-preview-info{display:flex;flex-direction:column;gap:var(--padding-xs);font-size:var(--font-size-small);color:var(--gray-color)}.photos-placeholder{text-align:center;color:var(--gray-color);font-style:italic;padding:var(--padding);border-radius:var(--border-radius);border:1px dashed var(--gray-color-light)}.photos-grid{width:100%;display:flex;flex-direction:column;gap:var(--padding);max-height:600px;overflow-y:auto}.photos-grid .photo-item{background:var(--white-color);border:1px solid var(--gray-color-light);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition-in)}.photos-grid .photo-item:hover{box-shadow:var(--box-shadow)}@media (min-width: 480px){.photos-grid{display:grid;grid-template-columns:repeat(2,1fr)}}.photo-image{width:100%;height:200px;overflow:hidden;position:relative;cursor:pointer}.photo-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-in)}.photo-image:hover img{transform:scale(1.05)}.photo-image:hover .photo-overlay{opacity:1}.photo-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-in)}.photo-overlay .photo-overlay-text{color:var(--white-color);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:center;padding:var(--padding-small)}.photo-info{padding:var(--padding-small);display:flex;justify-content:space-between;align-items:center;gap:var(--padding-small)}.photo-date{font-size:var(--font-size-smaller);color:var(--gray-color);flex:1}.dashboard-header{text-align:center}.dashboard{padding-top:var(--padding-large)}.dashboard-widgets{display:flex;flex-direction:column;gap:var(--padding)}.dashboard-widget{padding:var(--padding);min-height:200px;border-radius:var(--border-radius)}@media (min-width: 768px){.dashboard-widget{padding:var(--padding-large)}}.widget-headline{color:var(--white-color);font-weight:700;text-transform:uppercase}.salon-widget{background:url(/img/bg-salon.webp) no-repeat right center;background-size:cover}.bakery-widget{background:url(/img/bg-bakery.webp) no-repeat right center;background-size:cover}.physio-widget{background:url(/img/bg-physio.webp) no-repeat right center;background-size:cover}.login-page{display:flex;justify-content:center;align-items:flex-start;height:100%;width:100%;background-color:var(--blue-color);padding:var(--padding-large) 0 0}.login-container{background-color:var(--white-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:90vw;max-width:350px;margin:0 auto}.login-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--padding-large)}.workers-table{width:100%}.workers-table td{vertical-align:middle}.customer-reservations-content{display:flex;flex-direction:column;gap:var(--padding-large)}.customer-info-section{display:grid;grid-template-columns:1fr;gap:var(--padding)}@media (min-width: 480px){.customer-info-section{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.customer-info-section{grid-template-columns:3fr 2fr}}.customer-details{display:grid;grid-template-columns:1fr;gap:var(--padding)}@media (min-width: 480px){.customer-details{grid-template-columns:1fr 1fr}}.detail-item{display:flex;flex-direction:column;gap:var(--padding-xs)}.inline-filter-section{margin-bottom:var(--padding-small)}:root{--primary-color: #000;--primary-color-light: #e6e6e6;--white-color: #fff;--text-color: #333;--text-color-dark: #000;--section-color: var(--primary-color);--section-background-color: var(--white-color);--green-color: #5cb85c;--green-color-dark: #449d44;--green-color-background: #b6f0dc;--blue-color: #2980b9;--blue-color-dark: #2471a3;--blue-color-darker: #094064;--blue-color-background: #80d0f9;--blue-color-background-light: #d0e6f9;--blue-color-background-lighter: #e6f2fc;--dark-blue-color: #033e66;--dark-blue-color-dark: #2471a3;--dark-blue-color-background: #3e9cca;--yellow-color: #f0ad4e;--yellow-color-dark: #d58512;--pink-color: #c62472;--pink-color-dark: #a61959;--pink-color-background: #f4c2da;--dark-pink-color: #720d3c;--dark-pink-color-dark: #4b0424;--dark-pink-color-background: #dfa7c2;--red-color: #c42424;--red-color-dark: #a70000;--red-color-background: #ff8484;--orange-color: #ed9c28;--orange-color-dark: #d57e1f;--gray-color: #808080;--gray-color-dark: #666666;--gray-color-light: #cccccc;--gray-color-lightest: #f5f5f5;--black-color: #000;--notes-color: #4e4e4e;--notes-color-background: #ffffff;--font-family: "Lato", sans-serif;--line-height: 1.42857;--border-radius: 4px;--box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);--transition-in: .3s cubic-bezier(.65, .05, .36, 1);--transition-out: .15s cubic-bezier(.65, .05, .36, 1);--transition-in-slow: .5s cubic-bezier(.65, .05, .36, 1);--transition-out-slow: .3s cubic-bezier(.65, .05, .36, 1);--page-padding: 20px;--padding: 20px;--padding-small: 10px;--padding-medium: 25px;--padding-large: 40px;--padding-xs: 5px;--font-size: 16px;--font-size-small: 14px;--font-size-smaller: 12px;--font-size-smallest: 10px;--font-size-medium: 18px;--font-size-large: 20px;--font-size-h1: 22px;--font-size-h2: 20px;--font-size-h3: 18px;--font-size-h4: 16px;--font-size-h5: 14px;--font-size-h6: 14px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700}@media (min-width: 480px){:root{--font-size-h1: 24px;--font-size-h2: 22px;--font-size-h3: 20px;--font-size-h4: 18px;--font-size-h5: 18px;--font-size-h6: 16px}}@media (min-width: 768px){:root{--font-size-h1: 26px;--font-size-h2: 24px;--font-size-h3: 22px;--font-size-h4: 20px;--font-size-h5: 18px;--font-size-h6: 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fade-in{animation:fadeIn var(--transition-in-slow) ease-out forwards}.slide-up{animation:slideUp var(--transition-in-slow) ease-out forwards}.slide-up-delayed{animation:slideUp var(--transition-in-slow) ease-out forwards;animation-delay:.1s}