*{box-sizing:border-box}body{margin:0;font:14px system-ui;color:#172033;background:#eef2f7}button,.upload{border:0;border-radius:10px;padding:10px 13px;background:#0f172a;color:#fff;cursor:pointer}input,select,textarea{padding:10px;border:1px solid #d6dbe4;border-radius:10px}.modal{position:fixed;inset:0;background:#0f172a;display:grid;place-items:center;z-index:9999}.card{width:min(380px,90vw);background:#fff;padding:28px;border-radius:20px;display:grid;gap:12px}.card button,.upload{background:#059669}#app{height:100vh;display:grid;grid-template-columns:370px 1fr}aside{background:#fff;display:flex;flex-direction:column;overflow:hidden;z-index:500;box-shadow:0 0 20px #0002}header{padding:18px;background:#0f172a;color:#fff;display:flex;justify-content:space-between;align-items:center}.toolbar{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-bottom:1px solid #ddd}.toolbar>input,.toolbar>label:last-child{grid-column:1/-1}#list{overflow:auto;padding:10px}.tour{padding:12px;margin-bottom:8px;border:2px solid #eef0f3;border-radius:15px;cursor:pointer}.tour.active{border-color:#10b981;background:#ecfdf5}.tour h3{margin:0 0 7px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}main,#map{height:100%;position:relative}.floating{position:absolute;right:18px;top:18px;z-index:600;background:#fffe;padding:15px;border-radius:15px;box-shadow:0 5px 25px #0002;max-width:300px}.planner{position:absolute;z-index:600;bottom:20px;left:50%;transform:translateX(-50%);background:white;padding:14px;border-radius:15px;box-shadow:0 5px 25px #0003;display:flex;gap:9px;align-items:center}.planner[hidden]{display:none}.meta{color:#64748b;font-size:12px}.danger{color:#dc2626}@media(max-width:800px){#app{grid-template-columns:1fr}aside{height:45vh}main{height:55vh}.planner{width:96%;flex-wrap:wrap}.floating{display:none}}/* Elemente mit hidden-Attribut zuverlässig ausblenden */
[hidden] {
    display: none !im*ortant;
}

.account-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.current-user {
    max-width: 260px;
    text-align: right;
    line-height: 1.35;
}

.current-user-name {
    font-weight: 700;
}

.current-user-email {
    font-size: 0.82rem;
    opacity: 0.8;
    overflow-wrap: anywhere;
}

.current-user-role {
    display: inline-block;
    margin-top: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.15);
    font-size: 0.75rem;
    font-weight: 600;
}

.users-accordion {
    margin: 12px;
    border: 1px solid #d7dee8;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.users-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    cursor: pointer;
    font-weight: 700;
    user-select: none;
}

.users-accordion summary:hover {
    background: #f4f7fa;
}

.users-accordion[open] summary {
    border-bottom: 1px solid #d7dee8;
}

.users-accordion #users {
    padding: 14px;
}

.accordion-hint {
    font-size: 0.75rem;
    font-weight: 400;
    opacity: 0.65;
}

.danger-button {
    background: #b42318;
    color: #ffffff;
}

.danger-button:hover {
    background: #912018;
}