.theme-dark{--color-background: var(--neutral-950);--color-surface-1: var(--neutral-900);--color-surface-2: var(--neutral-850);--color-surface-3: var(--neutral-800);--color-surface-4: var(--neutral-750);--color-text-primary: var(--neutral-0);--color-text-secondary: var(--neutral-200);--color-text-inverted: var(--neutral-1000);--color-border: var(--neutral-700);--color-border-strong: var(--neutral-600);--color-primary: var(--blue-400);--color-primary-hover: var(--blue-300);--color-on-primary: var(--neutral-0);--color-secondary: var(--neutral-800);--color-secondary-hover: var(--blue-400);--color-on-secondary: var(--blue-100);--color-success: var(--green-400);--color-success-background: var(--green-950);--color-warning: var(--orange-400);--color-warning-background: var(--orange-950);--color-error: var(--red-400);--color-error-background: var(--red-950);--color-info: var(--cyan-400);--color-info-background: var(--cyan-950);--color-disabled-background: var(--neutral-850);--color-on-disabled: var(--neutral-600);--color-divider: var(--neutral-700)}.theme-light{--color-background: var(--neutral-100);--color-surface-1: var(--neutral-0);--color-surface-2: var(--neutral-100);--color-surface-3: var(--neutral-200);--color-surface-4: var(--neutral-300);--color-text-primary: var(--neutral-1000);--color-text-secondary: var(--neutral-800);--color-text-inverted: var(--neutral-0);--color-border: var(--neutral-300);--color-border-strong: var(--neutral-400);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-300);--color-on-primary: var(--neutral-0);--color-secondary: var(--neutral-0);--color-secondary-hover: var(--blue-300);--color-on-secondary: var(--blue-600);--color-success: var(--green-600);--color-success-background: var(--green-100);--color-warning: var(--orange-600);--color-warning-background: var(--orange-100);--color-error: var(--red-600);--color-error-background: var(--red-100);--color-info: var(--cyan-600);--color-info-background: var(--cyan-100);--color-disabled-background: var(--neutral-200);--color-on-disabled: var(--neutral-500);--color-divider: var(--neutral-500)}.theme-light-green{--color-background: var(--neutral-100);--color-surface-1: var(--neutral-0);--color-surface-2: var(--neutral-100);--color-surface-3: var(--neutral-200);--color-surface-4: var(--neutral-300);--color-text-primary: var(--neutral-1000);--color-text-secondary: var(--neutral-800);--color-text-inverted: var(--neutral-0);--color-border: var(--neutral-300);--color-border-strong: var(--neutral-400);--color-primary: var(--green-600);--color-primary-hover: var(--green-400);--color-on-primary: var(--neutral-0);--color-secondary: var(--neutral-0);--color-secondary-hover: var(--green-100);--color-on-secondary: var(--green-600);--color-success: var(--green-600);--color-success-background: var(--green-100);--color-warning: var(--orange-600);--color-warning-background: var(--orange-100);--color-error: var(--red-600);--color-error-background: var(--red-100);--color-info: var(--cyan-600);--color-info-background: var(--cyan-100);--color-disabled-background: var(--neutral-200);--color-on-disabled: var(--neutral-500);--color-divider: var(--neutral-500)}:root{--neutral-0: #ffffff;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-150: #e9ecef;--neutral-200: #dee2e6;--neutral-250: #d3d7db;--neutral-300: #ced4da;--neutral-350: #c1c7cd;--neutral-400: #adb5bd;--neutral-450: #9da4ac;--neutral-500: #8c949d;--neutral-550: #7b838c;--neutral-600: #6c757d;--neutral-650: #5d656d;--neutral-700: #495057;--neutral-750: #3d444b;--neutral-800: #343a40;--neutral-850: #2a2f34;--neutral-900: #212529;--neutral-950: #181b1e;--neutral-1000: #0f1113;--gray-0: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-150: #e7e9ec;--gray-200: #e5e7eb;--gray-250: #d8dbe0;--gray-300: #d1d5db;--gray-350: #bfc4cc;--gray-400: #9ca3af;--gray-450: #8a919c;--gray-500: #6b7280;--gray-550: #5a5f6c;--gray-600: #4b5563;--gray-650: #3e4550;--gray-700: #374151;--gray-750: #2d333e;--gray-800: #1f2937;--gray-850: #161b23;--gray-900: #111827;--gray-950: #0b0f18;--gray-1000: #000000;--blue-0: #ffffff;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-150: #c7dcfd;--blue-200: #bfdbfe;--blue-250: #aacbfd;--blue-300: #93c5fd;--blue-350: #7bb2fb;--blue-400: #60a5fa;--blue-450: #4896f7;--blue-500: #3b82f6;--blue-550: #2f6fe0;--blue-600: #2563eb;--blue-650: #1f53cf;--blue-700: #1d4ed8;--blue-750: #1b42b6;--blue-800: #1e40af;--blue-850: #193a99;--blue-900: #1e3a8a;--blue-950: #172e6c;--blue-1000: #0f1e4a;--cyan-0: #ffffff;--cyan-50: #e6fbfc;--cyan-100: #d0f7f9;--cyan-150: #baf3f7;--cyan-200: #a3eff4;--cyan-250: #8debf1;--cyan-300: #77e7ef;--cyan-350: #61e3ec;--cyan-400: #4cdfe9;--cyan-450: #38d5e1;--cyan-500: #24cbda;--cyan-550: #20b9c7;--cyan-600: #1ba7b4;--cyan-650: #1795a1;--cyan-700: #14838f;--cyan-750: #10717c;--cyan-800: #0c5f6a;--cyan-850: #094e58;--cyan-900: #063c45;--cyan-950: #042c34;--cyan-1000: #021f25;--green-0: #ffffff;--green-50: #ecfdf5;--green-100: #d1fae5;--green-150: #b4f4d2;--green-200: #a7f3d0;--green-250: #83eec0;--green-300: #6ee7b7;--green-350: #4fdfaa;--green-400: #34d399;--green-450: #28b987;--green-500: #10b981;--green-550: #0e9e6e;--green-600: #059669;--green-650: #047e5b;--green-700: #047857;--green-750: #036448;--green-800: #065f46;--green-850: #054d3a;--green-900: #064e3b;--green-950: #043b2d;--green-1000: #022c20;--orange-0: #ffffff;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-150: #ffe0b8;--orange-200: #fed7aa;--orange-250: #fdc98c;--orange-300: #fdba74;--orange-350: #fca252;--orange-400: #fb923c;--orange-450: #f97e22;--orange-500: #f97316;--orange-550: #e06314;--orange-600: #ea580c;--orange-650: #c84c0b;--orange-700: #c2410c;--orange-750: #a63709;--orange-800: #9a3412;--orange-850: #7c2a0e;--orange-900: #7c2d12;--orange-950: #5f210a;--orange-1000: #471909;--red-0: #ffffff;--red-50: #fef2f2;--red-100: #fee2e2;--red-150: #fdd1d1;--red-200: #fecaca;--red-250: #fcadad;--red-300: #fca5a5;--red-350: #f77f7f;--red-400: #f87171;--red-450: #f34949;--red-500: #ef4444;--red-550: #d93e3e;--red-600: #dc2626;--red-650: #b91f1f;--red-700: #b91c1c;--red-750: #991717;--red-800: #991b1b;--red-850: #7e1515;--red-900: #7f1d1d;--red-950: #671212;--red-1000: #4c0b0b;--yellow-0: #ffffff;--yellow-50: #fffbeb;--yellow-100: #fef3c7;--yellow-150: #fdeca5;--yellow-200: #fde68a;--yellow-250: #fcd94d;--yellow-300: #fcd34d;--yellow-350: #facc15;--yellow-400: #eab308;--yellow-450: #d9a104;--yellow-500: #ca8a04;--yellow-550: #a97403;--yellow-600: #a16207;--yellow-650: #865005;--yellow-700: #854d0e;--yellow-750: #6c3d0c;--yellow-800: #713f12;--yellow-850: #5b320f;--yellow-900: #4d2c0f;--yellow-950: #3b220c;--yellow-1000: #2c1909;--rose-0: #ffffff;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-150: #fecdd3;--rose-200: #fda4af;--rose-250: #fc7f94;--rose-300: #fb7185;--rose-350: #f43f5e;--rose-400: #e11d48;--rose-450: #cc1a42;--rose-500: #be123c;--rose-550: #9f1032;--rose-600: #9f1239;--rose-650: #82102e;--rose-700: #881337;--rose-750: #6d0f2b;--rose-800: #701a2d;--rose-850: #5a1323;--rose-900: #4c0d1f;--rose-950: #3b0918;--rose-1000: #2a0611;--purple-0: #ffffff;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-150: #e9d5ff;--purple-200: #d8b4fe;--purple-250: #c084fc;--purple-300: #a855f7;--purple-350: #9333ea;--purple-400: #7e22ce;--purple-450: #6b1fb2;--purple-500: #6b21a8;--purple-550: #591b8f;--purple-600: #581c87;--purple-650: #49156d;--purple-700: #4c1d95;--purple-750: #3b166e;--purple-800: #3a0ca3;--purple-850: #2f0a85;--purple-900: #2e1065;--purple-950: #22094b;--purple-1000: #170633;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--radius-pill: 9999px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .15);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .05);--transition-duration: .2s;--transition-ease: ease-in-out}.app-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-1);border-bottom:1px solid var(--color-border-strong);padding:.5rem 1rem;height:60px;position:fixed;top:0;left:0;right:0;z-index:1002;color:var(--color-text-primary)}.app-header .left,.app-header .center,.app-header .right{flex:1 1 1;display:flex;align-items:center}.app-header .left{justify-content:flex-start;gap:1rem}.app-header .left .app-title{text-decoration:none;font-weight:700;color:var(--color-text-primary);font-size:1.25rem}.app-header .left svg{cursor:pointer;color:var(--color-icon, var(--color-text-primary))}.app-header .left svg:hover{filter:drop-shadow(0px 0px 5px white)}.app-header .center{justify-content:center;text-align:center}.app-header .center .app-commune{color:var(--color-text-primary);text-decoration:none;display:flex;flex-direction:row;justify-content:center;text-align:center}.app-header .center .app-commune img{height:40px;margin-right:1rem;filter:drop-shadow(0px 0px 5px white)}.app-header .center .app-commune .commune{display:flex;flex-direction:column;line-height:1.2;text-align:left}.app-header .center .app-commune .commune .commune-name{font-weight:600;font-size:1.25rem}.app-header .right{justify-content:flex-end;gap:1rem}.app-header .right .username{font-weight:500;color:var(--color-text-primary)}.app-header .right a,.app-header .right button{background:none;border:none;cursor:pointer;color:var(--color-text-primary)}.app-header .right .burger{display:none}.app-header .right svg{cursor:pointer;color:var(--color-icon, var(--color-text-primary))}.app-header .right svg:hover{filter:drop-shadow(0px 0px 5px white)}.app-header .module-menu,.app-header .core-menu{position:fixed;top:77px;width:300px;background:var(--color-surface-1);border:1px solid var(--color-border);display:flex;flex-direction:column;padding:.5rem;z-index:1000}.app-header .module-menu .module-menu-title,.app-header .module-menu .core-menu-title,.app-header .core-menu .module-menu-title,.app-header .core-menu .core-menu-title{display:none}.app-header .module-menu .module-menu-item,.app-header .module-menu .core-menu-item,.app-header .core-menu .module-menu-item,.app-header .core-menu .core-menu-item{display:flex;text-align:center;align-items:center;gap:1rem}.app-header .module-menu a,.app-header .core-menu a{padding:1rem;text-decoration:none;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light, #eee);transition:background-color var(--transition-duration)}.app-header .module-menu a:last-child,.app-header .core-menu a:last-child{border-bottom:none}.app-header .module-menu a:hover,.app-header .core-menu a:hover{color:var(--color-on-secondary)}@media (max-width: 768px){.app-header .module-menu,.app-header .core-menu{width:calc(100% - 1rem);height:calc(100vh - 60px - 2rem);border:none;overflow-y:auto}.app-header .module-menu .module-menu-title,.app-header .module-menu .core-menu-title,.app-header .core-menu .module-menu-title,.app-header .core-menu .core-menu-title{display:block;font-size:1.25rem;font-weight:700;padding:1rem;text-align:center;color:var(--color-text-primary)}}.app-header .core-menu{right:0}.app-header .module-menu{left:0}@media (max-width: 768px){.app-header .left{flex:1}.app-header .left .app-title{display:none}.app-header .center{flex:3}.app-header .right{flex:1}.app-header .right .burger{display:block}.app-header .right .username,.app-header .right a,.app-header .right button:not(.burger){display:none}}._main_1dj2g_1{position:absolute;top:75px;left:0;height:calc(100vh - 135px);width:calc(100vw - 60px);padding:30px;overflow-y:auto}@media (max-width: 768px){._main_1dj2g_1{height:calc(100vh - 155px - 2rem)}}.home{padding:1rem}.home .home-title{text-align:center;margin-top:0;margin-bottom:2rem;color:var(--color-text-primary)}.home .home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.home .home-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface-1);border-radius:var(--radius, 8px);box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .1));text-decoration:none;color:var(--color-text-primary);padding:2rem;transition:transform var(--transition-duration, .2s),box-shadow var(--transition-duration, .2s)}.home .home-card .icon{margin-bottom:1rem;font-size:2rem;color:var(--color-primary)}.home .home-card .label{font-size:1.1rem;text-align:center;color:var(--color-text-primary)}.home .home-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}@media (max-width: 768px){.home .home-card{flex-direction:row;justify-content:flex-start;padding:1rem 1.5rem}.home .home-card .icon{margin-bottom:0;margin-right:1rem;font-size:1.8rem}.home .home-card .label{text-align:left}}._card_1a5hf_1{padding:20px;background-color:var(--color-surface-1);box-shadow:var(--shadow);border-radius:var(--radius-sm, 4px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:var(--color-text-primary)}._card-title_1a5hf_25{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--color-text-primary)}.planning-wrapper{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:3px;width:100%}.planning-header{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto;justify-content:center;align-items:center;width:100%;grid-column:2;grid-row:1}.planning-header-cell{display:flex;align-items:center;justify-content:center}.hour-labels{display:grid;grid-column:1;grid-row:2;grid-template-rows:repeat(60,10px)}.hour-label{font-size:12px;text-align:right;padding-right:5px;color:#555;line-height:1}.planning-grid{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(60,10px);background-color:#fff;border:solid 1px black;border-radius:3px}.planning-grid .hour-line{border-top:1px solid #ddd;z-index:0}.planning-grid .day-line{border-left:1px solid #ddd;z-index:0}.planning-grid .time-slot{background-color:#007bff33;border:1px solid #007bff;border-radius:5px;margin:2px;padding:5px;font-size:12px;text-align:center;z-index:1}.profile-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:20px}.form{display:flex;flex-direction:column;width:100%;gap:10px}.form .form-group{width:100%;display:grid;grid-template-columns:1fr 3fr;gap:10px;justify-content:center;align-items:center}.form .form-group .form-input,.form .form-group .form-input-datetime,.form .form-group .form-input-2,.form .form-group .form-input-3{display:grid;grid-template-columns:1fr;gap:10px;justify-content:center;align-items:center}.form .form-group .form-input input,.form .form-group .form-input select,.form .form-group .form-input textarea,.form .form-group .form-input-datetime input,.form .form-group .form-input-datetime select,.form .form-group .form-input-datetime textarea,.form .form-group .form-input-2 input,.form .form-group .form-input-2 select,.form .form-group .form-input-2 textarea,.form .form-group .form-input-3 input,.form .form-group .form-input-3 select,.form .form-group .form-input-3 textarea{border:1px solid #ddd;border-radius:6px;background-color:#fff;outline:none;flex:1;font-size:14px;padding:10px;cursor:pointer}.form .form-group .form-input select,.form .form-group .form-input-datetime select,.form .form-group .form-input-2 select,.form .form-group .form-input-3 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'5'%20viewBox%3D'0%200%2010%205'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%205%205-5z'%20fill%3D'%23000'%20/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.form .form-group .form-input textarea,.form .form-group .form-input-datetime textarea,.form .form-group .form-input-2 textarea,.form .form-group .form-input-3 textarea{resize:none}.form .form-group .form-input-datetime{grid-template-columns:2fr 1fr}.form .form-group .form-input-datetime select{margin-left:10px}.form .form-group .form-input-2,.form .form-group .form-input-3{grid-template-columns:repeat(3,1fr)}.form .form-actions{margin-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:right}.form .form-actions .button{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:10px;border:solid 1px lightgrey;border-radius:5px;background-color:#0056b3;color:#fff;transition:background-color .3s;font-size:16px}.form .form-actions .button:hover{background-color:#264ebd42;color:#0056b3;border-color:#0056b3}@media screen and (max-width: 768px){.profile-container{grid-template-columns:1fr;grid-template-rows:auto}.form .form-group,.form .form-group-datetime{grid-template-columns:1fr;gap:10px}.form .form-group-datetime select{margin-left:0}.form .form-actions{justify-content:center}}.login-page{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;background:var(--color-background);padding:2rem;height:calc(100vh - 4rem);width:calc(100vw - 4rem)}.login-card{width:100%;max-width:400px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card .login-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.login-card .login-header .app-name{font-weight:600;font-size:1.5rem}.login-card .login-header .commune{flex:1 1 1;display:flex;align-items:center;justify-content:center;text-align:center}.login-card .login-header .commune img{height:40px;margin-right:1rem}.login-card .login-header .commune .commune-label{display:flex;flex-direction:column;line-height:1.2;text-align:left}.login-card .login-header .commune .commune-label .commune-suffix{font-size:1rem;color:var(--color-text-secondary)}.login-card .login-header .commune .commune-label .commune-name{font-weight:600;font-size:1.5rem;color:var(--color-text-primary)}.login-card form{display:flex;flex-direction:column;gap:1.5rem}.login-card form h2{margin:0;text-align:center;color:var(--color-text-primary)}.login-card form .form-group{display:flex;flex-direction:column}.login-card form .form-group label{margin-bottom:.3rem;font-weight:500;color:var(--color-text-primary)}.login-card form .form-group input[type=email],.login-card form .form-group input[type=password]{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);font-size:1rem;background-color:var(--color-surface);color:var(--color-text-primary)}.login-card form .form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.login-card form .form-options .remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.login-card form .form-options .forgot-password{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:0}.login-card form .login-submit{background-color:var(--color-primary);color:var(--color-primary-contrast);padding:.75rem;font-size:1rem;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm, 5px);transition:background-color var(--transition-duration),color var(--transition-duration),border-color var(--transition-duration)}.login-card form .login-submit:hover{background-color:var(--color-primary-hover);color:var(--color-primary-contrast);border-color:var(--color-primary)}body{background-color:var(--color-background);font-family:Roboto Condensed,sans-serif;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-primary)}