:root{--color-bg: #4a7c7e;--color-surface: rgba(55, 95, 97, .75);--color-surface-hover: rgba(65, 110, 112, .8);--color-border: rgba(207, 171, 85, .3);--color-text: #f0ead6;--color-text-muted: #b8c4c4;--color-primary: #cfab55;--color-primary-hover: #e0be60;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-success: #2ecc71;--font-family: "Roboto", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--header-height: 60px;--sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);background-image:url(/login-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.authenticated-page{--color-bg: #5C9EAD;--color-surface: #ffffff;--color-surface-hover: #f0f4f8;--color-border: #d0d7de;--color-text: #1a1a1a;--color-text-muted: #555;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);background-color:#5c9ead;background-image:none;color:#1a1a1a}@media(max-width:768px){body{background-image:url(/login-bg-mobile.webp)}}