*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.resize{resize:both}.border{border-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)}:root{--background-color:#070707;--text-color:#f3f3f3;--muted-text:#bdbdbd;--accent-color:#bb86fc;--primary-color:#fff;--primary-foreground:#070707;--primary-hover-color:#f2f2f2;--card-solid:#0f0f0f;--card-translucent:#ffffff08;--card-background-color:var(--card-solid);--calendar-highlight:#ffd54f;--border-color:#ffffff0a;--sidebar-background-color:#0b0b0b;--sidebar-text-color:#bdbdbd;--sidebar-active-background-color:#ffffff08;--error-color:#cf6679;--info-color:#03dac6;--success-color:#4caf50}*{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}[data-theme=light]{--background-color:#f7f7f9;--text-color:#0b0b0b;--muted-text:#606267;--accent-color:#6b5ce7;--primary-color:#0b0b0b;--primary-foreground:#fff;--card-solid:#fff;--card-translucent:#00000008;--border-color:#0000000f;--sidebar-background-color:#fff;--sidebar-text-color:#222;--sidebar-active-background-color:#0000000a}body{min-height:100vh;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at top,#ffffff05,#0000 26%),linear-gradient(#060606,#070707 60%);margin:0;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.container{box-sizing:border-box;flex:auto;width:100%;max-width:none;padding:24px}.card{background:var(--card-solid);border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 10px 26px #0009}.login-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.login-card{border:1px solid var(--border-color);text-align:center;background:linear-gradient(#ffffff05,#00000024);border-radius:12px;width:520px;padding:44px 48px}.welcome-card{text-align:left;border-radius:12px;width:100%;padding:20px 28px}.bottom-right-status{border:1px solid var(--border-color);z-index:50;background:#00000059;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:24px;right:24px}.bottom-right-status strong{color:var(--text-color);font-weight:600}.login-logo{width:180px;height:auto;margin:0 auto 18px;display:block}.login-card h2{color:var(--text-color);margin:6px 0 8px;font-size:32px;font-weight:700}.login-card p.lead{color:var(--muted-text);margin:0 0 22px}.login-row{justify-content:space-between;gap:12px;display:flex}.login-field{margin-bottom:14px}.login-field input{border-radius:12px;height:56px;font-size:1rem}.password-wrapper{position:relative}.pw-toggle{color:var(--muted-text);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.05rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-color)}input[type=email],input[type=password]{color:var(--text-color);background-color:#ffffff05;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:14px 18px;box-shadow:inset 0 2px 6px #00000073}input::placeholder{color:#ffffff73}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #bb86fc1f}.login-actions{margin-top:14px}.login-cta{background:var(--primary-color);width:100%;color:var(--primary-foreground);border:none;border-radius:12px;padding:14px 18px;font-weight:700;box-shadow:0 8px 30px #0b0b0b73}.login-meta{color:#9e9e9e;justify-content:space-between;align-items:center;margin-top:12px;font-size:.95rem;display:flex}.remember{align-items:center;gap:8px;display:flex}.forgot-link{color:#9e9e9e;cursor:pointer;text-decoration:underline}input{box-sizing:border-box;width:100%;color:var(--text-color);background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:12px 16px;font-size:1rem}button{background-color:var(--accent-color);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:8px;padding:12px 18px;font-size:1rem;font-weight:600;transition:transform 80ms,box-shadow .12s;box-shadow:0 6px 18px #0000008c}button:hover{transform:translateY(-1px)}.small{padding:8px 12px;font-size:.875rem}.row{align-items:center;gap:16px;display:flex}ul{margin:16px 0 0;padding:0;list-style:none}li{border-bottom:1px solid var(--border-color);padding:12px 0}li:last-child{border-bottom:none}.msg-meta{color:#888;margin-bottom:4px;font-size:.875rem}.status{align-items:center;gap:12px;margin-bottom:24px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.online{background-color:var(--success-color)}.dot.offline{background-color:#6c757d}.status strong{color:var(--text-color);font-size:1rem}.card.error{color:var(--error-color);border-left:4px solid var(--error-color);background-color:#422}.card.info{color:var(--info-color);border-left:4px solid var(--info-color);background-color:#133}button:disabled{color:#888;cursor:not-allowed;background-color:#444}.app-layout{width:100%;padding:20px}.main-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.content-wrapper{align-items:flex-start;gap:24px;display:flex}.container{flex:1;max-width:1200px;margin:0 auto}.sidebar{background-color:var(--sidebar-background-color);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;width:280px;padding:18px;box-shadow:0 8px 22px #0000008c}.top-right-banner{flex-shrink:0;width:320px}.app-logo{-o-object-fit:contain;object-fit:contain;width:40px;height:40px;margin-right:12px}.sidebar-toggle{color:var(--primary-color);border:1px solid var(--primary-color);background:0 0;padding:8px 16px}.sidebar-toggle:hover{background:var(--primary-color);color:#121212}.menu{flex-direction:column;gap:8px;display:flex}.menu-item{text-align:left;cursor:pointer;color:var(--sidebar-text-color);background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;transition:background-color .2s,color .2s}.menu-item:hover{background-color:var(--sidebar-active-background-color)}.menu-item.active{background-color:var(--sidebar-active-background-color);color:var(--text-color);font-weight:600}.sidebar-form{margin-top:24px}.col{flex-direction:column;gap:16px;display:flex}.dog-item{justify-content:space-between;align-items:center;display:flex}.delete-button{background-color:var(--error-color);color:#121212;padding:6px 12px;font-size:.875rem;font-weight:700}.profile-view{flex-direction:column;gap:16px;display:flex}.profile-view div{align-items:center;gap:8px;display:flex}.profile-view strong{font-weight:700}.edit-button{align-self:flex-start;margin-top:16px}.form-actions{gap:16px;margin-top:16px;display:flex}.cancel-button{background-color:#555}.cancel-button:hover{background-color:#777}.input-label{color:var(--muted-text);margin-bottom:6px;font-size:.9rem;display:block}.input-error{color:var(--error-color);margin-top:6px;font-size:.875rem;display:block}input[type=date]{height:54px;color:var(--text-color);background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:10px 14px;font-size:1rem;box-shadow:inset 0 2px 6px #00000073}.datepicker-control{position:relative}.datepicker-input{height:52px;color:var(--text-color);background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding-right:44px;box-shadow:inset 0 2px 6px #00000073}.datepicker-icon{width:40px;height:40px;color:var(--accent-color);cursor:pointer;background:#bb86fc14;border:1px solid #bb86fc2e;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 4px 10px #0b0b0b59}.datepicker-icon svg{stroke:none;fill:currentColor}.datepicker-icon:hover{color:#fff;background:var(--accent-color)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(.9)contrast(1.1);opacity:.9;cursor:pointer;width:28px;height:28px}input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-clear-button{display:none}@media (min-width:1100px){input[type=date]{height:64px;font-size:1.05rem}}.login-nav{gap:8px;margin-bottom:16px;display:flex}.login-nav button{border:1px solid var(--primary-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px}.login-nav button.active{background:var(--primary-color);color:#121212;font-weight:600}.login-nav button:hover{background:var(--primary-hover-color);color:#121212}.card small{color:#aaa;margin-top:8px;display:block}.theme-toggle{color:var(--muted-text);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:8px;padding:8px 12px}.theme-toggle:hover{color:var(--text-color);border-color:var(--accent-color)}.react-calendar{border:1px solid var(--border-color);width:100%;max-width:720px;color:var(--text-color);background-color:#0000;border-radius:10px;margin:0 auto;padding:8px;box-shadow:0 8px 20px #0000008c}.card .react-calendar{background-color:var(--card-translucent);border-radius:10px;padding:12px}.react-calendar__tile{box-shadow:none;color:var(--text-color);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:48px;padding:0;font-size:.92rem;line-height:1;display:flex}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:var(--sidebar-active-background-color);color:var(--text-color);transform:translateY(-4px);box-shadow:0 6px 18px #00000080}.react-calendar__tile--active{background-color:var(--calendar-highlight);color:#121212;font-weight:700;box-shadow:0 6px 16px #00000073}.react-calendar__tile--now{background-color:#ffffff05;border:1px solid #ffffff0a;font-weight:700}.react-calendar__month-view__weekdays{margin-bottom:8px}.react-calendar__month-view__weekdays__weekday{color:var(--muted-text);text-transform:uppercase;font-size:.8rem;font-weight:600}.react-calendar__navigation{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.react-calendar__navigation button{color:var(--text-color);background:0 0;border:1px solid #ffffff0a;border-radius:8px;padding:8px 10px}.react-calendar__navigation__label{color:var(--text-color);font-size:1rem;font-weight:700}@media (min-width:1100px){.card .react-calendar{padding:16px}.react-calendar__tile{height:56px;font-size:.98rem}.react-calendar__navigation__label{font-size:1.05rem}}.react-calendar__month-view__days__day--weekend{color:var(--accent-color)}.react-calendar__month-view__days__day--neighboringMonth{color:#666}.react-calendar__navigation button{color:var(--text-color);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 10px;font-size:1rem;font-weight:600}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:var(--sidebar-active-background-color)}@media (max-width:800px){.app-layout{flex-direction:column}.sidebar{box-sizing:border-box;width:100%}}@media (max-width:1100px){.top-right-banner{flex:none;order:3;width:100%;margin-top:18px;margin-left:0}.welcome-card{width:100%}}.role-badge{border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.role-badge.admin{color:gold;background-color:#ffd70026;border:1px solid #ffd7004d}.role-badge.user{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}[data-theme=light] .role-badge.admin{color:#b8860b;background-color:#ffd70033}[data-theme=light] .role-badge.user{color:#2563eb;background-color:#3b82f633}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-color);padding:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.75rem}.admin-table tr:hover{background-color:var(--sidebar-active-background-color)}.role-select{border:1px solid var(--border-color);background-color:var(--card-background-color);color:var(--text-color);cursor:pointer;border-radius:6px;outline:none;min-width:120px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.role-select:hover:not(:disabled){border-color:var(--accent-color)}.role-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #bb86fc1a}.role-select:disabled{opacity:.5;cursor:not-allowed}.role-select option{background-color:var(--card-background-color);color:var(--text-color);padding:.5rem}[data-theme=light] .role-select,[data-theme=light] .role-select option{background-color:#fff}.dog-item-edit{background-color:var(--sidebar-active-background-color);border:1px solid var(--border-color);border-radius:8px;gap:1rem;padding:1rem;display:flex}.dog-item-edit input,.dog-item-edit select{background-color:var(--card-background-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;font-size:.875rem}.dog-item-edit input:focus,.dog-item-edit select:focus{border-color:var(--accent-color);outline:none}