:root{--teal:#00695c;--teal-dark:#004d40;--tint-5:#e8f5e9;--tint-4:#c8e6c9;--tint-3:#a5d6a7;--tint-2:#81c784;--text:#212121;--text-soft:#424242;--card-radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:#fafafa;margin:0}.login-page{background:var(--tint-5);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border-radius:var(--card-radius);background:#fff;flex-direction:column;gap:.5rem;width:min(90vw,22rem);padding:2rem;display:flex;box-shadow:0 2px 8px #00000026}.login-card h1{color:var(--teal-dark);margin:0 0 1rem;font-size:1.4rem}.login-card input{border:1px solid #bdbdbd;border-radius:6px;padding:.6rem;font-size:1rem}.login-card button{background:var(--teal-dark);color:#fff;cursor:pointer;border:0;border-radius:6px;margin-top:1rem;padding:.7rem;font-size:1rem}.login-card button:disabled{opacity:.6}.login-error{color:#c62828;margin:.3rem 0 0}.topnav{background:var(--teal-dark);color:#fff;z-index:100;align-items:center;gap:.25rem;height:3.25rem;padding:0 .75rem;display:flex;position:sticky;top:0}.topnav-home{color:#fff;align-items:center;gap:.5rem;margin-right:.75rem;font-weight:600;text-decoration:none;display:flex}.topnav-logo{width:1.6rem;height:1.6rem}.nav-group{position:relative}.nav-group-trigger{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.5rem .75rem;font-size:.95rem}.nav-group-trigger:hover,.nav-group-trigger.open{background:#ffffff26}.nav-group-menu{color:var(--text);z-index:101;background:#fff;border-radius:0 0 8px 8px;flex-direction:column;min-width:14rem;padding:.35rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000040}.nav-item{color:var(--text);border-radius:6px;padding:.55rem .75rem;text-decoration:none}.nav-item:hover{background:var(--tint-5)}.nav-item.disabled{color:#9e9e9e;cursor:default}.topnav-spacer{flex:1}.topnav-title{pointer-events:none;white-space:nowrap;font-size:1rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.topnav-org{opacity:.85;margin-right:.5rem;font-size:.85rem}.topnav-orgselect{background:var(--teal-dark);color:#fff;border:1px solid #ffffff80;border-radius:6px;max-width:14rem;margin-right:.5rem;padding:.25rem .4rem;font-size:.85rem}.topnav-logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:6px;padding:.35rem .7rem}.page{max-width:75rem;margin:0 auto;padding:1rem}.home-group{border-radius:var(--card-radius);margin-bottom:1.25rem;padding:1rem}.home-group.tint-5{background:var(--tint-5)}.home-group.tint-4{background:var(--tint-4)}.home-group.tint-3{background:var(--tint-3)}.home-group.tint-2{background:var(--tint-2)}.home-group-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.home-group-header img{width:2.5rem;height:2.5rem}.home-group-header h2{color:var(--text);margin:0;font-size:1.15rem}.home-group-header p{color:var(--text-soft);margin:0;font-size:.85rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;display:grid}.tile{border-radius:var(--card-radius);color:var(--text);background:#fff;align-items:center;gap:.75rem;padding:.85rem;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000001f}.tile:hover{box-shadow:0 3px 8px #0003}.tile.disabled{opacity:.5;box-shadow:none}.tile-icon{border-radius:50%;width:2.75rem;height:2.75rem}.tile-title{font-weight:600;display:block}.tile-subtitle{color:var(--text-soft);font-size:.8rem;display:block}.tile .tile-title,.tile .tile-subtitle{line-height:1.25}.center-page{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.toast-container{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#fff;border-radius:8px;padding:.7rem 1rem;font-size:.9rem;box-shadow:0 2px 8px #0000004d}.toast-ok{background:var(--teal-dark)}.toast-warn{background:#ef6c00}.toast-error{background:#c62828}.user-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.user-list-empty{text-align:center;color:var(--text-soft);padding:1.5rem}.user-list-item{border-radius:var(--card-radius);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001f}.user-list-header{text-align:left;cursor:pointer;width:100%;color:var(--text);background:#f5f5f5;border:0;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem 1rem;font-size:.95rem;display:grid}.user-list-header:hover{background:var(--tint-5)}.usercode-list-header{grid-template-columns:repeat(3,1fr)}.usercode-form{grid-template-columns:repeat(4,1fr);align-items:center;gap:1rem;display:grid}.usercode-form .btn-row{grid-column:1/-1}@media (width<=600px){.usercode-form{grid-template-columns:1fr}}.usercode-qr-modal{width:min(94vw,42rem)}.usercode-qr-large{max-width:100%;height:auto;margin:0 auto;display:block}.user-list-col{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-list-body{border-top:1px solid #eee;padding:1rem}.field{flex-direction:column;gap:.2rem;min-width:0;display:flex}.field>label{color:var(--text-soft);font-size:.8rem}.field input[type=text],.field input[type=email],.field input[type=tel],.field select:not([multiple]){height:2.2rem;color:var(--text);background:0 0;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;min-width:0;padding:0 .1rem;font-size:.95rem}.field input[type=text]:focus,.field input[type=email]:focus,.field input[type=tel]:focus,.field select:not([multiple]):focus{border-bottom:1px solid var(--teal-dark);box-shadow:0 1px 0 0 var(--teal-dark);outline:none}.field:focus-within>label{color:var(--teal-dark)}.field input:disabled,.field select:disabled{color:#9e9e9e;border-bottom-style:dotted}.listbox{background:#fff;border:1px solid #bdbdbd;border-radius:4px;height:9rem;padding:.25rem;font-size:.9rem;overflow-y:auto}.listbox:disabled{color:#9e9e9e;background:#f5f5f5}.checkbox-field{justify-content:flex-end}.checkbox-field label{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.checkbox-field input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--teal-dark)}.btn{background:var(--teal-dark);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:.4rem .9rem;font-size:.85rem;line-height:1.4;display:inline-block}.btn:hover:not(:disabled){background:var(--teal)}.btn:disabled{opacity:.5;cursor:default}.btn-row{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-top:.75rem;display:flex}.filter-bar{flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:1rem;display:flex}.filter-bar .field{width:100%;max-width:18rem}.form-grid{grid-template-columns:1fr;gap:.75rem 1rem;margin-bottom:.5rem;display:grid}.form-grid .field-touren,.form-grid .field-prctbl,.form-grid .field-bio{grid-column:1/-1}@media (width>=600px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=993px){.form-grid{grid-template-columns:repeat(10,1fr);grid-template-areas:"vorname vorname name name rolle rolle mobil mobil email email""partnerid partnerid partnername partnername menu menu navi navi pushlog pushlog""touren touren touren touren touren prctbl prctbl prctbl prctbl prctbl""bio bio bio bio bio bio bio bio bio bio"}.form-grid .field-touren,.form-grid .field-prctbl,.form-grid .field-bio{grid-column:auto}.form-grid .field-vorname{grid-area:vorname}.form-grid .field-name{grid-area:name}.form-grid .field-rolle{grid-area:rolle}.form-grid .field-mobil{grid-area:mobil}.form-grid .field-email{grid-area:email}.form-grid .field-menu{grid-area:menu}.form-grid .field-navi{grid-area:navi;align-self:end}.form-grid .field-partnerid{grid-area:partnerid}.form-grid .field-partnername{grid-area:partnername}.form-grid .field-touren{grid-area:touren}.form-grid .field-pushlog{grid-area:pushlog;justify-content:flex-end;align-items:flex-start}.form-grid .field-prctbl{grid-area:prctbl}.form-grid .field-bio{grid-area:bio}}.modal-overlay{z-index:300;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--card-radius);background:#fff;width:min(94vw,26rem);max-height:88vh;padding:1.25rem 1.5rem;overflow-y:auto;box-shadow:0 8px 24px #00000059}.modal h2{color:var(--teal-dark);margin:0 0 1rem;font-size:1.2rem}.pushlog-modal{width:min(94vw,42rem)}.modal .modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.modal .modal-header h2{margin:0}.modal table{border-collapse:collapse;width:100%;font-size:.9rem}.modal th,.modal td{text-align:left;border-bottom:1px solid #eee;padding:.4rem .5rem}.modal .input-field{flex-direction:column;gap:.2rem;margin-bottom:.75rem;display:flex}.modal .input-field label{color:var(--text-soft);font-size:.8rem}.modal .input-field input,.modal .input-field select{background:0 0;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;height:2.2rem;padding:0 .1rem;font-size:.95rem}.modal .input-field input:focus,.modal .input-field select:focus{border-bottom:1px solid var(--teal-dark);box-shadow:0 1px 0 0 var(--teal-dark);outline:none}.modal .modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.create-user-result{flex-direction:column;gap:.6rem;display:flex}.create-user-result .link-row{gap:.5rem;display:flex}.create-user-result .link-row input{border:1px solid #bdbdbd;border-radius:4px;flex:1;min-width:0;padding:.45rem;font-size:.85rem}.create-user-done{align-self:flex-start}.btn-icon{justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;display:inline-flex}.btn-icon svg{width:1.15rem;height:1.15rem}.user-invite-result{background:var(--tint-5);border-radius:var(--card-radius);flex-direction:column;gap:.5rem;margin-top:1rem;padding:.85rem;display:flex}.user-invite-result input{border:1px solid #bdbdbd;border-radius:6px;padding:.5rem}.user-invite-result .btn{align-self:flex-start}@media (width<=600px){.topnav{flex-wrap:wrap;height:auto;padding:.4rem .5rem}.topnav-org,.topnav-title{display:none}.nav-group-menu{min-width:0;position:fixed;left:.5rem;right:.5rem}.user-list-header,.usercode-list-header{grid-template-columns:1fr 1fr}}