@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Lato:wght@400;700;900&display=swap";:root{font-family:Lato,system-ui,sans-serif;color:#edf3ff;background:#020617;font-synthesis:none;--gold: #e0b667;--violet: #956aaa;--panel: rgba(8, 18, 38, .94);--line: rgba(224, 182, 103, .24);--muted: #aebbd2;--danger: #ef8585;--success: #75d2a3}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(#020617e3,#020617f2),url(/bilder/Background%20NH%20Bib%20V2.jpeg) center top / cover fixed}button,input,select,textarea{font:inherit}button,.button{border:1px solid rgba(224,182,103,.48);background:linear-gradient(135deg,#9b7137,#c39850);color:#081020;border-radius:8px;padding:.58rem .78rem;font-weight:900;cursor:pointer;text-decoration:none;transition:.15s ease}button:hover:not(:disabled),.button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42;transform:none}button.secondary,.button.secondary{background:#0f1c34f2;color:#e5edf9;border-color:#aebbd247}button.active{box-shadow:0 0 0 2px #e0b66733}button.danger,.danger{color:var(--danger);border-color:#ef85856b}.app-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,3vw,2.25rem);border-bottom:1px solid var(--line);background:#030a19f2;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.85rem;color:inherit;text-decoration:none}.brand img{width:48px;height:48px;object-fit:contain}h1,h2{font-family:Cinzel,Georgia,serif}.brand h1{font-size:clamp(1rem,2vw,1.42rem);margin:0;color:var(--gold);letter-spacing:.025em}.brand h1 span{color:#dfe7f5;font-size:.82em}.brand small{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.viewer,.sync-state{border:1px solid rgba(174,187,210,.2);background:#0d1930cc;padding:.45rem .65rem;border-radius:999px;font-size:.83rem}.sync-state.live{color:var(--success)}.sync-state.fallback{color:#f3cc7d}.sync-state.connecting{color:var(--muted)}.offline{background:#8d2222;color:#fff;padding:.7rem 1rem;text-align:center;font-weight:900;letter-spacing:.04em;position:sticky;top:76px;z-index:39}.error-banner{margin:.8rem auto 0;max-width:1560px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;background:#621923f2;border:1px solid rgba(239,133,133,.55);border-radius:8px}.error-banner button{background:transparent;padding:.1rem .4rem;color:#fff;border:0;font-size:1.3rem}.app-main{max-width:1800px;margin:0 auto;padding:1rem clamp(.65rem,2vw,1.5rem) 2rem}.counters{display:flex;align-items:stretch;gap:.45rem;overflow-x:auto;padding-bottom:.45rem}.counters>button{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;white-space:nowrap;background:#081328f0;color:#dce6f7;border-color:var(--line)}.counters>button b{min-width:1.55rem;padding:.12rem .35rem;border-radius:999px;background:#e0b6672b;color:var(--gold)}.people-counters{display:flex;align-items:center;gap:.32rem;margin-left:auto;padding:.24rem .35rem;background:#081328f0;border:1px solid var(--line);border-radius:9px}.people-counters>span{position:relative;display:flex;align-items:center;gap:.18rem;padding:.12rem .2rem}.people-counters b{font-size:.78rem}.people-counters b small{color:#f3cc7d;margin-left:.12rem}.people-counters i{font-style:normal;font-size:.7rem;color:var(--danger)}.warning-user{color:var(--danger);animation:warning-pulse 1.8s ease-in-out infinite}@keyframes warning-pulse{50%{opacity:.62}}.avatar{--avatar: #999;display:inline-grid;place-items:center;width:1.72rem;height:1.72rem;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--avatar) 28%,#071224);color:var(--avatar);border:1px solid var(--avatar);font-size:.66rem;font-weight:900;letter-spacing:-.02em}.avatar.pending{border-style:dashed}.avatar.inactive{border-color:var(--danger);color:var(--danger)}.controls{margin:.55rem 0 .9rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.65rem;background:#060f20d1;border:1px solid rgba(174,187,210,.14);border-radius:10px}.teacher-controls{justify-content:space-between;margin-top:0}.teacher-controls p{margin:0;color:var(--muted)}.view-actions{display:flex;gap:.35rem}.view-actions button b{font-size:.74em;opacity:.8}.search{display:flex;align-items:center;min-width:min(290px,100%);flex:1;background:#081326;border:1px solid rgba(174,187,210,.28);border-radius:8px;padding-left:.7rem}.search input{width:100%;border:0;background:transparent;color:#fff;padding:.65rem;outline:none}select,input,textarea{background:#081326;border:1px solid rgba(174,187,210,.28);color:#eff5ff;border-radius:8px;padding:.62rem}.mine{display:flex;align-items:center;gap:.4rem;white-space:nowrap;color:var(--muted)}.mine input{accent-color:var(--gold)}.new-task{margin-left:auto}.board{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:.8rem;align-items:start;overflow-x:auto}.board-column{min-height:440px;padding:.55rem;background:#050e1fc7;border:1px solid rgba(174,187,210,.15);border-radius:12px;transition:.15s ease}.board-column.over{border-color:var(--gold);background:#28201ee0}.board-column>header{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.3rem .35rem .65rem;border-bottom:1px solid rgba(174,187,210,.13)}.board-column>header h2{font-size:.96rem;margin:0;flex:1;color:#dfe8f8}.board-column>header>span{color:var(--gold);font-size:1.15rem}.board-column>header b{background:#e0b66721;color:var(--gold);border-radius:999px;min-width:1.7rem;text-align:center;padding:.18rem}.task-list{display:flex;flex-direction:column;gap:.55rem;min-height:360px;padding-top:.58rem}.task-card{background:linear-gradient(150deg,#101f3afa,#071225fa);border:1px solid rgba(157,119,174,.35);border-radius:9px;box-shadow:0 7px 16px #0003;overflow:hidden;touch-action:manipulation}.task-card.regular-card{border-left:6px solid var(--violet)}.task-card.order-card{border-left:6px solid #e9c84f;border-color:#e9c84f61;border-left-color:#e9c84f}.task-card.dragging{opacity:.35}.task-card.overlay{width:290px;opacity:.96;transform:rotate(1.5deg);padding:.75rem;box-shadow:0 18px 45px #0000008c}.card-main{display:block;width:100%;padding:.75rem .75rem .55rem;border:0;border-radius:0;text-align:left;background:transparent;color:inherit;font-weight:inherit}.card-main:hover:not(:disabled){filter:none;transform:none;background:#ffffff06}.task-top{display:flex;justify-content:space-between;gap:.5rem}.priority{color:var(--gold);letter-spacing:.08em;font-size:.78rem;text-shadow:0 0 10px rgba(224,182,103,.3)}.task-id{color:#74839e;font-size:.72rem}.task-card h3{margin:.4rem 0;font-size:.98rem;line-height:1.3}.task-card p{margin:.35rem 0 .55rem;color:#bdc9dc;line-height:1.36;font-size:.84rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.task-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.task-meta .avatar{margin-left:auto}.overdue{color:var(--danger);font-weight:700}.card-actions{display:flex;align-items:center;gap:.3rem;padding:.42rem .48rem;border-top:1px solid rgba(174,187,210,.1);background:#030a188c;overflow-x:auto}.card-actions button,.card-actions select{font-size:.7rem;padding:.35rem .45rem;white-space:nowrap}.card-actions .icon-button{font-size:.9rem}.card-actions .delegate{min-width:76px;max-width:110px}.drag-handle{margin-left:auto;cursor:grab;touch-action:none;font-size:1rem!important}.status-select{display:none}.teacher-board .status-select{display:block;margin-left:auto;max-width:132px}.empty{padding:1.4rem .8rem;color:#7988a2;text-align:center;font-size:.84rem;border:1px dashed rgba(174,187,210,.15);border-radius:8px}.empty.large{margin:1rem;padding:3rem}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#00030cc7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(640px,100%);max-height:min(90vh,900px);display:flex;flex-direction:column;background:#050e1ffc;border:1px solid rgba(224,182,103,.42);border-radius:13px;box-shadow:0 26px 80px #000000a6;overflow:hidden}.modal.wide{width:min(960px,100%)}.modal>header{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;flex:1;font-size:1.15rem;color:var(--gold)}.icon-button{background:#0f1d36e6;color:#edf3ff;border-color:#aebbd23d;padding:.35rem .48rem}.modal>header .icon-button{font-size:1.35rem;line-height:1}.form{padding:1rem;overflow:auto}.form label{display:grid;gap:.35rem;margin-bottom:.85rem;font-weight:700;color:#cbd6e8}.form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.55rem}.detail-head{padding:1rem 1rem .65rem;border-bottom:1px solid rgba(174,187,210,.12)}.description{white-space:pre-wrap;line-height:1.55;color:#d3dced}.detail-actions{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.muted{color:var(--muted)}.small{font-size:.8rem}.tabs{display:flex;padding:.55rem 1rem 0;gap:.35rem;border-bottom:1px solid rgba(174,187,210,.12)}.tabs button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0}.tabs button.active{color:var(--gold);border-color:var(--gold);box-shadow:none}.detail-body,.loading{padding:1rem;overflow:auto}.comment-form{display:grid;gap:.45rem;margin-bottom:1rem}.comment-form textarea{resize:vertical}.comment-form button{justify-self:end}.comments{display:grid;gap:.6rem}.comment{padding:.7rem .8rem;border:1px solid rgba(174,187,210,.15);border-radius:8px;background:#0a172db3}.comment header{display:flex;justify-content:space-between;gap:.5rem}.comment time,.comment small{color:var(--muted);font-size:.74rem}.comment p{white-space:pre-wrap;line-height:1.45}.comment footer{display:flex;gap:.7rem}.link{padding:0;color:#d4b673;background:transparent;border:0;font-size:.8rem}.upload{display:inline-block;padding:.6rem .8rem;border:1px solid var(--line);border-radius:8px;color:var(--gold);font-weight:700;cursor:pointer}.upload input{display:none}.upload.disabled{opacity:.45;cursor:not-allowed}.attachments{display:grid;gap:.5rem;margin-top:.8rem}.attachments article{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem;border:1px solid rgba(174,187,210,.16);border-radius:8px}.attachments a{color:#e7ca8c;word-break:break-word}.attachments small{display:block;color:var(--muted);margin-top:.2rem}.history h3{color:#d9c08c}.history article{display:flex;gap:.7rem;position:relative;padding:0 0 1rem .15rem}.timeline-dot{width:.68rem;height:.68rem;margin-top:.25rem;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px #956aaa26}.history article small{display:block;color:var(--muted);margin-top:.18rem}.status-options{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.status-options button{min-height:72px;display:grid;gap:.25rem;place-items:center;background:#0d1b33f2;color:#fff}.status-options span{color:var(--gold);font-size:1.25rem}.status-options+p{padding:0 1rem 1rem}.archive-view{border:1px solid var(--line);border-radius:12px;background:#050e1fdb;overflow:hidden}.archive-view>header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.archive-view h2,.archive-view h3{margin:0}.archive-view>header p{color:var(--muted);margin:.35rem 0 0}.archive-view>header>b{font-size:1.5rem;color:var(--gold)}.archive-list{display:grid;gap:.5rem;padding:.7rem}.archive-list>article{display:flex;align-items:center;gap:.7rem;padding:.55rem;background:#0a172db8;border:1px solid rgba(174,187,210,.14);border-radius:9px}.archive-main{flex:1;display:flex;align-items:center;gap:.8rem;text-align:left;color:inherit;background:transparent;border:0}.archive-main>div{flex:1}.archive-main p{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.archive-actions{display:flex;gap:.4rem;flex-wrap:wrap}.archive-actions button{font-size:.76rem}.gate{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:2rem}.gate img{width:90px}.gate h1{color:var(--gold)}.gate p{color:var(--muted);max-width:580px}@media(max-width:1100px){.board{grid-template-columns:repeat(4,minmax(280px,1fr))}.viewer{display:none}.card-actions .delegate{max-width:90px}}@media(max-width:720px){.app-header{position:static;padding:.6rem}.brand h1 span,.brand small,.sync-state{display:none}.brand img{width:39px;height:39px}.header-actions .button{padding:.45rem .55rem}.offline{top:0}.app-main{padding:.6rem}.counters>button span{display:none}.people-counters{margin-left:0}.controls{align-items:stretch}.view-actions{width:100%}.view-actions button{flex:1}.controls select{flex:1;min-width:130px}.new-task{width:100%;margin:0}.board{scroll-snap-type:x mandatory;margin-inline:-.6rem;padding-inline:.6rem}.board-column{min-width:calc(100vw - 2.2rem);scroll-snap-align:center}.drag-handle{display:none}.status-select{display:block;margin-left:auto;max-width:118px}.form-row{grid-template-columns:1fr}.modal-backdrop{padding:.35rem}.modal{max-height:96vh}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.detail-actions{align-items:flex-start;flex-direction:column}.archive-list>article{align-items:stretch;flex-direction:column}.archive-main{align-items:flex-start}.archive-main>span:last-child{display:none}.archive-actions button{flex:1}.status-options{grid-template-columns:1fr}.comment header{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}