:root{font-family:Poppins,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100vh;min-width:320px;overflow-x:hidden;background-image:linear-gradient(to bottom,#000000d9,#00000080 25%,#0003),url(../Modolo.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-color:#242424}#root{width:100%;min-height:100vh;position:relative;z-index:1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #646cff;--primary-hover: #535bf2;--danger: #f44336;--success: #4caf50;--bg-dark: #1a1a1a;--bg-light: #242424;--border: #3a3a3a}.main-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;margin:-2rem -2rem 2rem}.header-logo img{height:80px;width:auto;object-fit:contain;transition:transform .3s ease}.header-user{display:flex;align-items:center;gap:1.5rem}.user-name{color:#61dafb;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:10px 20px;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #f443364d}.btn-logout:active{transform:translateY(0)}.page-title{text-align:center;margin-bottom:2rem}.page-title h1{color:#61dafb;font-size:2.5em;margin:0;text-shadow:0 2px 10px rgba(97,218,251,.3)}@media(max-width:768px){.main-header{padding:1rem;margin:-1rem -1rem 1.5rem}.header-logo img{height:40px}.user-name{font-size:.9rem}.logout-text{display:none}.btn-logout{padding:10px 15px;min-width:auto}.page-title h1{font-size:1.8em}}@media(max-width:500px){.main-header{padding:.75rem}.header-logo img{height:35px}.header-user{gap:1rem}.user-name{font-size:.85rem}.btn-logout{padding:8px 12px;font-size:13px}.page-title h1{font-size:1.5em}}.App{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;overflow-x:hidden}h1{color:#61dafb;margin-bottom:2rem;font-size:2.5em}h2{color:#000;margin-top:0rem;margin-bottom:1.5rem}.content-wrapper{display:flex;flex-direction:column;gap:2rem}@media(min-width:700px){.content-wrapper{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}}@media(min-width:1200px){.content-wrapper{grid-template-columns:450px 1fr}}.eingabe-container{background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;border:1px solid var(--border);box-shadow:0 8px 32px #0006;height:fit-content;position:sticky;top:2rem}@media(max-width:699px){.eingabe-container{position:relative;top:auto}}.eingabe-container h2{margin-top:0;margin-bottom:1.5rem;color:#61dafb;font-size:1.5em}.form-gruppe{margin-bottom:1.5rem}.form-gruppe label{display:block;margin-bottom:.5rem;color:#888;font-weight:500;font-size:.9em}.referenz-hint{display:block;margin-top:4px;font-size:.78em;color:#f59e0b;font-weight:500}.form-gruppe input,.form-gruppe select{width:100%;max-width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;box-sizing:border-box;transition:border-color .3s;min-width:0}.form-gruppe input:focus,.form-gruppe select:focus{outline:none;border-color:var(--primary)}.form-gruppe input::placeholder{color:#666}.form-gruppe input:disabled{opacity:.6;cursor:not-allowed}.btn-hinzufuegen{width:100%;padding:15px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.btn-hinzufuegen:hover{transform:translateY(-2px);box-shadow:0 10px 20px #646cff4d}.btn-hinzufuegen:active{transform:translateY(0)}.eintraege-liste{min-width:0}.leer-hinweis{text-align:center;color:#666;padding:3rem;font-style:italic;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.tabelle-container{overflow-x:auto;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;box-shadow:0 8px 32px #0006}table{width:100%;border-collapse:collapse;background-color:transparent}thead{background-color:#2a2a2a;position:sticky;top:0;z-index:10}th{padding:12px 8px;text-align:left;color:#61dafb;font-weight:600;border-bottom:2px solid var(--border);font-size:.85em}td{padding:12px 8px;border-bottom:1px solid var(--border);color:#ccc;font-size:.9em}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:#252525cc}.verbrauch{display:flex;flex-direction:column;gap:5px}.verbrauch-strom,.verbrauch-wasser{font-size:.85em;padding:3px 8px;border-radius:5px;display:inline-block;white-space:nowrap}.verbrauch-strom{background-color:#ffc1071a;color:#ffc107}.verbrauch-wasser{background-color:#2196f31a;color:#2196f3}.kein-verbrauch{color:#666}.btn-loeschen{background:none;border:none;font-size:20px;cursor:pointer;padding:5px 10px;transition:transform .2s}.btn-loeschen:hover{transform:scale(1.2)}@media(max-width:768px){.App{padding:1rem}}@media(max-width:500px){.App{padding:.5rem}}@media(max-width:699px){.App{padding:1rem}h1{font-size:1.8em}.header-bar{flex-direction:column;align-items:flex-start}.user-info{width:100%;justify-content:space-between}.eingabe-container{padding:1.5rem}table{font-size:.9em}th,td{padding:10px 8px}.verbrauch{font-size:.8em}}@media(max-width:500px){.App{padding:.5rem}h1{font-size:1.5em}.eingabe-container{padding:1rem}.btn-hinzufuegen{font-size:16px;padding:12px}table{font-size:.85em}th,td{padding:8px 5px}}@media(min-width:1400px){.content-wrapper{grid-template-columns:500px 1fr}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.user-info{display:flex;align-items:center;gap:1rem}.willkommen{color:#888;font-size:.95em}.btn-logout{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-logout:hover{background-color:#da190b}@media(max-width:768px){.header-bar{flex-direction:column;align-items:flex-start}.user-info{width:100%;justify-content:space-between}}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem}.login-logo-top{width:100px;object-fit:contain;margin-bottom:.5rem}.login-swissmade{width:120px;max-width:40vw;object-fit:contain;opacity:.85}.login-box{background-color:#ffffff59;padding:3rem;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#61dafb;margin-bottom:.5rem;font-size:2em}.login-header p{color:#000;font-size:.95em}.login-box .form-gruppe{margin-bottom:1.5rem}.login-box .form-gruppe label{display:block;margin-bottom:.5rem;color:#000;font-weight:500;font-size:.9em}.login-box .form-gruppe input{width:100%;padding:12px 15px;font-size:16px;border-radius:8px;border:1px solid #3a3a3a;background-color:#242424;color:#fff;box-sizing:border-box;transition:all .3s}.login-box .form-gruppe input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.fehler-meldung{background-color:#f443361a;border:1px solid #f44336;color:#f44336;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9em;text-align:center}.btn-login{width:100%;padding:15px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 20px #646cff4d}.btn-login:active{transform:translateY(0)}.demo-info{margin-top:2rem;padding-top:2rem;border-top:1px solid #3a3a3a;text-align:center}.demo-info p{color:#888;font-size:.85em;margin-bottom:.5rem}.demo-info ul{list-style:none;padding:0;margin:0}.demo-info li{color:#666;font-size:.85em;font-family:Courier New,monospace;margin:5px 0}@media(max-width:500px){.login-box{padding:2rem 1.5rem}.login-header h1{font-size:1.5em}}.confirm-dialog{background-color:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:15px;border:2px solid rgba(100,108,255,.3);box-shadow:0 20px 60px #0009;max-width:450px;width:90%}.confirm-dialog h3{color:#61dafb;margin-top:0;margin-bottom:1rem}.confirm-dialog p{color:#ccc;line-height:1.6;margin-bottom:2rem}.btn-confirm{background-color:var(--primary);color:#fff}.btn-confirm:hover{background-color:var(--primary-hover)}.btn-cancel{background-color:transparent;color:#888;border:2px solid var(--border)}.btn-cancel:hover{background-color:var(--bg-dark);color:#fff}.admin-panel{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.admin-panel h2{color:#c9a84c;margin-bottom:1.25rem;font-size:1.5rem}.admin-panel h3{color:#e0d0a0;margin:1.25rem 0 .75rem;font-size:1.1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #2a3a5c;padding-bottom:0}.admin-tab{background:none;border:none;color:#a0aec0;padding:.6rem 1.2rem;cursor:pointer;font-size:.95rem;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.admin-tab:hover{color:#e2e8f0}.admin-tab.active{color:#c9a84c;border-bottom-color:#c9a84c}.admin-section{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.admin-form input,.admin-form select{background:#1e2a3a;border:1px solid #2a3a5c;color:#e2e8f0;padding:.45rem .75rem;border-radius:6px;font-size:.9rem;min-width:140px}.admin-form input:focus,.admin-form select:focus{outline:none;border-color:#c9a84c}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.6rem .75rem;background:#1a2744;color:#c9a84c;font-weight:600;white-space:nowrap}.admin-table td{padding:.55rem .75rem;border-bottom:1px solid #1e2a3a;color:#cbd5e0;vertical-align:middle}.admin-table tr:hover td{background:#1a2438}.table-scroll{overflow-x:auto}.rolle-badge{padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600}.rolle-badge.admin{background:#744210;color:#f6ad55}.rolle-badge.user{background:#1a365d;color:#63b3ed}.status-badge{padding:2px 8px;border-radius:10px;font-size:.8rem}.status-badge.anreise{background:#2c5282;color:#90cdf4}.status-badge.aktiv{background:#22543d;color:#9ae6b4}.status-badge.abgereist{background:#2d3748;color:#a0aec0}.action-cell{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.btn-small{padding:3px 10px;border-radius:5px;border:1px solid #2a3a5c;background:#1e2a3a;color:#e2e8f0;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-small:hover{background:#2a3a5c}.btn-small.btn-danger{border-color:#742a2a;color:#fc8181}.btn-small.btn-danger:hover{background:#742a2a}.btn-small.btn-cancel{color:#a0aec0}.pw-inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.pw-inline input{background:#1e2a3a;border:1px solid #2a3a5c;color:#e2e8f0;padding:3px 8px;border-radius:5px;font-size:.85rem;width:140px}.preis-input{background:#1e2a3a;border:1px solid #2a3a5c;color:#e2e8f0;padding:4px 8px;border-radius:5px;font-size:.9rem;width:120px}.preis-input:focus{outline:none;border-color:#c9a84c}.btn-primary{background:#c9a84c;color:#1a1a1a;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.95rem;margin-top:1rem}.btn-primary:hover:not(:disabled){background:#e0c060}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;background-color:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;box-shadow:0 8px 32px #0006;animation:slideIn .3s ease-out;min-width:300px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.toast-message{flex:1;color:#fff;font-size:15px;line-height:1.4}.toast-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast-close:hover{color:#fff}.toast-success{border-color:#4caf50}.toast-success .toast-icon{background-color:#4caf50;color:#fff}.toast-error{border-color:#f44336}.toast-error .toast-icon{background-color:#f44336;color:#fff}.toast-warning{border-color:#ff9800}.toast-warning .toast-icon{background-color:#ff9800;color:#fff}.toast-info{border-color:#2196f3}.toast-info .toast-icon{background-color:#2196f3;color:#fff}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;width:100%}}.main-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:sticky;top:0;z-index:1000;margin:-2rem -2rem 2rem}.header-logo img{height:50px;width:auto;object-fit:contain;transition:transform .3s ease;cursor:pointer}.header-logo img:hover{transform:scale(1.05)}.main-nav{display:flex;gap:.35rem;flex:1;justify-content:center;min-width:0}.nav-item{display:flex;align-items:center;gap:.4rem;padding:8px 12px;background-color:transparent;border:2px solid transparent;border-radius:8px;color:#888;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background-color:#646cff1a;color:#61dafb;border-color:#646cff4d}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #646cff4d}.nav-icon{font-size:18px}@media(max-width:1000px){.main-header{flex-wrap:wrap;padding:1rem;gap:1rem}.main-nav{order:3;width:100%;justify-content:space-around}.nav-text{display:none}.nav-item{padding:8px 10px;flex:1;justify-content:center;font-size:13px;min-width:0}.nav-icon{font-size:22px}.header-user{gap:1rem}}@media(max-width:768px){.main-header{margin:-1rem -1rem 1.5rem;padding:.75rem 1rem}.header-logo img{height:40px}.logout-text{display:none}.btn-logout{padding:10px 12px}.logout-icon{font-size:20px}.user-name{font-size:.9rem}}@media(max-width:500px){.main-header{padding:.5rem .75rem}.header-logo img{height:35px}.user-name{display:none}.header-user{gap:.5rem}.nav-item{padding:8px 10px}.nav-icon{font-size:24px}.btn-logout{padding:8px 10px}}@media(min-width:1400px){.main-header{padding:1.5rem 3rem}.header-logo img{height:60px}.nav-item{padding:12px 24px;font-size:16px}.nav-icon{font-size:20px}}.header-user{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.user-name{color:#61dafb;font-size:1rem;font-weight:500;white-space:nowrap}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:10px 20px;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #f443364d;white-space:nowrap}.btn-logout:hover{background:linear-gradient(135deg,#e53935,#d81b60);transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.logout-icon{font-size:18px}.main-content{animation:fadeIn .3s ease-in;overflow-x:hidden;min-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkliste-container{max-width:900px;margin:0 auto}.checkliste-header{margin-bottom:2rem}.checkliste-header h2{color:#61dafb;font-size:2em;margin-bottom:1.5rem;text-align:center}.tabs{display:flex;gap:1rem;justify-content:center}.tab{padding:12px 30px;background-color:#1a1a1af2;border:2px solid var(--border);border-radius:8px;color:#888;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.tab:hover{border-color:var(--primary);color:#61dafb}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 15px #646cff4d}.checkliste-eingabe{display:flex;gap:1rem;margin-bottom:2rem;background-color:#1a1a1af2;padding:1.5rem;border-radius:10px}.checkliste-eingabe input{flex:1;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff}.checkliste-eingabe button{padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.checkliste-eingabe button:hover:not(:disabled){background-color:var(--primary-hover)}.checkliste-items{background-color:#1a1a1af2;padding:1.5rem;border-radius:10px;margin-top:10px}.checklist-item{display:flex;align-items:center;gap:1rem;padding:15px;background-color:var(--bg-light);border-radius:8px;margin-bottom:10px;transition:all .3s}.checklist-item:hover{background-color:#2a2a2a;transform:translate(5px)}.checklist-item.erledigt{opacity:.6}.checklist-item.erledigt .item-text{text-decoration:line-through;color:#666}.checklist-item.gesperrt{opacity:.45;cursor:not-allowed}.checklist-item.gesperrt .checkbox-container{cursor:not-allowed}.checkbox-container{position:relative;cursor:pointer}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{display:block;width:24px;height:24px;background-color:var(--bg-dark);border:2px solid var(--border);border-radius:5px;transition:all .3s}.checkbox-container input:checked~.checkmark{background-color:var(--success);border-color:var(--success)}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.item-text{flex:1;color:#ccc;font-size:15px}.erledigt-datum{font-size:13px;color:#4caf50}.maengelbuch-container textarea{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;font-family:inherit;resize:vertical}.prioritaet-buttons{display:flex;gap:10px}.prioritaet-btn{flex:1;padding:10px;border:2px solid var(--border);background-color:var(--bg-light);color:#888;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.prioritaet-btn:hover{border-color:var(--primary)}.prioritaet-btn.active.niedrig{background-color:#4caf50;border-color:#4caf50;color:#fff}.prioritaet-btn.active.mittel{background-color:#ff9800;border-color:#ff9800;color:#fff}.prioritaet-btn.active.hoch{background-color:#f44336;border-color:#f44336;color:#fff}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;font-size:14px}.mang .progress-container{background-color:#1a1a1af2;padding:1rem;border-radius:10px;margin-bottom:1.5rem}.progress-text{color:#61dafb;font-weight:600;margin-bottom:10px;text-align:center}.progress-bar{width:100%;height:20px;background-color:var(--bg-dark);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s ease;box-shadow:0 0 10px #4caf5080}.btn-item-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;opacity:0;transition:all .2s}.checklist-item:hover .btn-item-delete{opacity:1}.btn-item-delete:hover{transform:scale(1.2)}.maengelbuch-container h2{color:#61dafb;font-size:2em;margin-bottom:2rem;text-align:center}.maengelbuch-container h3{color:#61dafb;font-size:1.3em;margin-bottom:1rem}.maengelbuch-container textarea{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;font-family:inherit;resize:vertical;box-sizing:border-box}.maengelbuch-container textarea:focus{outline:none;border-color:var(--primary)}.maengelbuch-container select{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;box-sizing:border-box}.prioritaet-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prioritaet-btn{padding:12px;border:2px solid var(--border);background-color:var(--bg-light);color:#888;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;font-size:14px}.prioritaet-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.prioritaet-btn.active.niedrig{background-color:#4caf50;border-color:#4caf50;color:#fff;box-shadow:0 4px 15px #4caf504d}.prioritaet-btn.active.mittel{background-color:#ff9800;border-color:#ff9800;color:#fff;box-shadow:0 4px 15px #ff98004d}.prioritaet-btn.active.hoch{background-color:#f44336;border-color:#f44336;color:#fff;box-shadow:0 4px 15px #f443364d}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.filter-select{padding:10px 15px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-light);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.filter-select:hover{border-color:var(--primary)}.maengel-liste{display:grid;gap:1.5rem}.mangel-card{background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.mangel-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000080;border-color:#646cff80}.mangel-card.status-offen{border-left:4px solid #ff9800}.mangel-card.status-in_bearbeitung{border-left:4px solid #2196f3}.mangel-card.status-erledigt{border-left:4px solid #4caf50;opacity:.8}.mangel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.mangel-kategorie{color:#61dafb;font-weight:700;font-size:18px}.mangel-prioritaet{padding:6px 14px;border-radius:20px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.mangel-datum{color:#888;font-size:14px;margin-bottom:12px;font-weight:500}.mangel-beschreibung{color:#ccc;line-height:1.7;margin-bottom:15px;padding:12px;background-color:#0003;border-radius:8px;border-left:3px solid var(--border)}.mangel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.status-select{padding:8px 12px;border-radius:8px;border:2px solid var(--border);background-color:var(--bg-dark);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.status-select:hover{border-color:var(--primary)}.status-select.status-offen{border-color:#ff9800;background-color:#ff98001a;color:#ff9800}.status-select.status-in_bearbeitung{border-color:#2196f3;background-color:#2196f31a;color:#2196f3}.status-select.status-erledigt{border-color:#4caf50;background-color:#4caf501a;color:#4caf50}.btn-loeschen-small{background-color:var(--danger);border:none;font-size:18px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s;color:#fff}.btn-loeschen-small:hover{background-color:#da190b;transform:scale(1.1);box-shadow:0 4px 15px #f4433666}.mangel-meta{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.mangel-meta small{color:#666;font-size:12px}@media(max-width:600px){.prioritaet-buttons{grid-template-columns:1fr}.mangel-header{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-select{width:100%}}.burger-menu{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.burger-menu span{width:28px;height:3px;background-color:#61dafb;border-radius:3px;transition:all .3s ease}.burger-menu span.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.burger-menu span.open:nth-child(2){opacity:0}.burger-menu span.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media(max-width:768px){.burger-menu{display:flex}.main-nav{position:fixed;top:0;right:-100%;width:50%;max-width:200px;height:100vh;background-color:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding:65px 10px 16px;gap:4px;transition:right .3s ease;box-shadow:-5px 0 20px #00000080;border-left:2px solid rgba(100,108,255,.3)}.main-nav.mobile-open{right:0}.nav-item{width:100%;justify-content:flex-start;padding:7px 10px;font-size:13px;border-radius:6px}.nav-text{display:inline!important}.nav-icon{font-size:14px}}.aufenthalt-manager{max-width:1200px;margin:0 auto}.aufenthalt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.aufenthalt-header h2{color:#61dafb;font-size:2em;margin:0}.aktiver-aufenthalt{display:flex;align-items:center;gap:1rem;background-color:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:10px;border:2px solid rgba(100,108,255,.3)}.aufenthalt-info{display:flex;align-items:center;gap:1rem;flex:1}.status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap}.status-badge.status-aktiv{background-color:#4caf5033;color:#4caf50;border:2px solid #4caf50}.btn-neu,.btn-abreise{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:15px}.btn-neu{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #646cff4d}.btn-neu:hover{transform:translateY(-2px);box-shadow:0 6px 20px #646cff66}.btn-abreise{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;box-shadow:0 4px 15px #f443364d}.btn-abreise:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000}.dialog{background-color:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:15px;border:2px solid rgba(100,108,255,.3);box-shadow:0 20px 60px #0009;max-width:500px;width:90%}.dialog h3{color:#61dafb;margin-top:0;margin-bottom:1.5rem}.dialog-buttons{display:flex;gap:1rem;margin-top:2rem}.dialog-buttons button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.dialog-buttons button:first-child{background-color:var(--primary);color:#fff}.dialog-buttons button:first-child:hover{background-color:var(--primary-hover)}.dialog-buttons button:last-child{background-color:var(--bg-light);color:#888;border:1px solid var(--border)}.dialog-buttons button:last-child:hover{background-color:var(--bg-dark);color:#fff}.aufenthalte-liste{margin-top:3rem}.aufenthalte-liste h3{color:#61dafb;margin-bottom:1.5rem}.aufenthalte-table{width:100%;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;overflow:hidden}.aufenthalte-table thead{background-color:#2a2a2a}.aufenthalte-table th{padding:15px;text-align:left;color:#61dafb;font-weight:600;border-bottom:2px solid var(--border)}.aufenthalte-table td{padding:15px;border-bottom:1px solid var(--border);color:#ccc}.aufenthalte-table tbody tr{transition:background-color .2s}.aufenthalte-table tbody tr:hover{background-color:#252525cc}.aufenthalte-table tbody tr.abgereist{opacity:.6}.aufenthalt-badge{background-color:#4caf501a;color:#4caf50;padding:6px 12px;border-radius:15px;font-size:.85em;font-weight:600;border:1px solid rgba(76,175,80,.3);white-space:nowrap}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item.disabled:hover{background-color:transparent;border-color:transparent;color:#888}.verbrauch-gesamt{background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid rgba(100,108,255,.2)}.verbrauch-gesamt h3{color:#61dafb;margin-top:0;margin-bottom:1.5rem;text-align:center}.verbrauch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.verbrauch-card{background:linear-gradient(135deg,#646cff1a,#764ba21a);padding:2rem;border-radius:12px;text-align:center;border:2px solid rgba(100,108,255,.3);transition:all .3s}.verbrauch-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #646cff4d}.verbrauch-card.strom{border-color:#ffc107}.verbrauch-card.wasser{border-color:#2196f3}.verbrauch-card .icon{font-size:3em;display:block;margin-bottom:1rem}.verbrauch-card .wert{font-size:2.5em;font-weight:700;color:#61dafb;display:block;margin-bottom:.5rem}.verbrauch-card .label{color:#888;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.typ-badge{padding:4px 12px;border-radius:15px;font-size:.85em;font-weight:600;white-space:nowrap}.typ-badge.typ-ankunft{background-color:#4caf5033;color:#4caf50}.typ-badge.typ-abreise{background-color:#f4433633;color:#f44336}.typ-badge.typ-sonstiges{background-color:#2196f333;color:#2196f3}@media(max-width:768px){.aufenthalt-header{flex-direction:column;align-items:stretch}.aktiver-aufenthalt{flex-direction:column;text-align:center}.aufenthalt-info{flex-direction:column}.aufenthalt-badge{display:none}.verbrauch-cards{grid-template-columns:1fr}.dialog{padding:1.5rem}.aufenthalte-table{font-size:.85em}.aufenthalte-table th,.aufenthalte-table td{padding:10px 8px}}.abreise-section{display:flex;flex-direction:column;gap:.75rem}.warnung-hinweis{background-color:#ff98001a;border:2px solid #ff9800;color:#ff9800;padding:8px 12px;border-radius:8px;font-size:.85em;font-weight:600;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-abreise.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#888)}.btn-abreise.disabled:hover{transform:none;box-shadow:0 4px 15px #6464644d}.btn-abreise .checkmark{margin-left:8px;font-size:1.2em;color:#4caf50}@media(max-width:768px){.abreise-section{width:100%}.warnung-hinweis{font-size:.8em;padding:6px 10px}}.workflow-status{background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;margin-top:2rem;border:2px solid rgba(100,108,255,.2)}.workflow-status h3{color:#61dafb;margin-top:0;margin-bottom:1.5rem}.workflow-schritte{display:grid;gap:1rem}.workflow-schritt{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#0003;border-radius:10px;border:2px solid var(--border);transition:all .3s}.workflow-schritt.erledigt{border-color:#4caf50;background-color:#4caf500d}.workflow-schritt.offen{border-color:#ff9800;background-color:#ff98000d}.workflow-schritt:hover{transform:translate(5px);box-shadow:0 4px 15px #646cff33}.schritt-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;flex-shrink:0}.workflow-schritt.erledigt .schritt-icon{background-color:#4caf50;color:#fff;box-shadow:0 4px 15px #4caf5066}.workflow-schritt.offen .schritt-icon{background-color:#ff980033;color:#ff9800;border:2px solid #ff9800}.schritt-content{flex:1}.schritt-content h4{margin:0 0 .5rem;color:#61dafb;font-size:1.1em}.schritt-content p{margin:0 0 .75rem;color:#888;font-size:.9em}.btn-klein{padding:6px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .3s}.btn-klein:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 10px #646cff4d}@media(max-width:768px){.workflow-status{padding:1.5rem}.workflow-schritt{padding:1rem;gap:1rem}.schritt-icon{width:40px;height:40px;font-size:1.2em}.schritt-content h4{font-size:1em}.schritt-content p{font-size:.85em}}