:root{--cdu-tuerkis: #52b7c1;--cdu-blau: #2d3c4b;--cdu-gold: #ffa600;--color-base-0: rgb(255, 255, 255);--color-base-50: rgb(246, 248, 249);--color-base-100: rgb(236, 239, 242);--color-base-150: rgb(222, 227, 231);--color-base-200: rgb(206, 213, 219);--color-base-250: rgb(190, 198, 206);--color-base-300: rgb(171, 181, 191);--color-base-350: rgb(150, 161, 173);--color-base-400: rgb(130, 142, 156);--color-base-450: rgb(110, 123, 138);--color-base-500: rgb(92, 105, 121);--color-base-550: rgb(78, 91, 106);--color-base-600: rgb(66, 79, 94);--color-base-650: rgb(56, 69, 84);--color-base-700: rgb(48, 61, 76);--color-base-750: rgb(42, 55, 70);--color-base-800: rgb(45, 60, 75);--color-base-850: rgb(35, 47, 60);--color-base-900: rgb(26, 35, 46);--color-base-950: rgb(18, 24, 32);--color-base-1000: rgb(12, 16, 22);--color-accent-50: rgb(242, 248, 250);--color-accent-100: rgb(221, 238, 241);--color-accent-150: rgb(197, 227, 231);--color-accent-200: rgb(167, 213, 220);--color-accent-250: rgb(137, 200, 208);--color-accent-300: rgb(109, 191, 200);--color-accent-350: rgb(82, 183, 193);--color-accent-400: rgb(70, 168, 178);--color-accent-450: rgb(60, 152, 162);--color-accent-500: rgb(52, 137, 147);--color-accent-550: rgb(45, 122, 131);--color-accent-600: rgb(39, 108, 117);--color-accent-650: rgb(34, 94, 102);--color-accent-700: rgb(30, 82, 89);--color-accent-750: rgb(26, 70, 76);--color-accent-800: rgb(23, 59, 65);--color-accent-850: rgb(20, 49, 54);--color-accent-900: rgb(18, 40, 44);--color-accent-950: rgb(16, 30, 33);--color-warning-400: rgb(255, 166, 0);--color-warning-450: rgb(230, 150, 0);--color-warning-500: rgb(204, 133, 0)}:root{--bg: var(--color-base-100);--surface: var(--color-base-0);--surface-2: var(--color-base-50);--text: var(--color-base-800);--muted: var(--color-base-500);--border: var(--color-base-150);--border-strong: var(--color-base-250);--accent: var(--color-accent-350);--accent-deep: var(--color-accent-550);--accent-soft: var(--color-accent-100);--primary: var(--cdu-blau);--primary-text: var(--color-base-0);--danger: #b3261e;--danger-soft: #fbeae9;--ok: #1d7a3c;--ok-soft: #e4f3e9;--shadow: 0 1px 3px rgba(45, 60, 75, .12);--radius: 8px}@media(prefers-color-scheme:dark){:root{--bg: var(--color-base-950);--surface: var(--color-base-850);--surface-2: var(--color-base-800);--text: var(--color-base-100);--muted: var(--color-base-350);--border: var(--color-base-700);--border-strong: var(--color-base-600);--accent-soft: var(--color-accent-850);--primary: var(--color-accent-400);--primary-text: var(--color-base-950);--danger: #f2867f;--danger-soft: #4a1f1c;--ok: #7fd39a;--ok-soft: #1c3a26;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent-deep)}h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .75rem}.brand-bar{height:4px;background:linear-gradient(90deg,var(--cdu-gold) 0 33%,var(--cdu-tuerkis) 33% 66%,var(--cdu-blau) 66% 100%)}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header-inner{max-width:72rem;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text)}.brand img{height:32px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:1rem}.brand-text span{font-size:.72rem;color:var(--muted)}.site-nav{display:flex;gap:.25rem}.site-nav a{text-decoration:none;color:var(--text);padding:.45rem .8rem;border-radius:6px;font-weight:600;font-size:.9rem}.site-nav a:hover{background:var(--surface-2)}.site-nav a.active{background:var(--accent-soft);color:var(--accent-deep)}.container{max-width:72rem;margin:0 auto;padding:1.25rem 1rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.notice{border-radius:6px;padding:.6rem .9rem;margin:0 0 1rem;font-size:.9rem}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice.error{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-block;padding:.55rem 1.1rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary);opacity:.9}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn:disabled{opacity:.5;cursor:default}.badge{display:inline-block;background:var(--accent-soft);color:var(--accent-deep);border-radius:4px;padding:.1rem .45rem;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.gold{background:var(--cdu-gold);color:var(--cdu-blau)}.chip{display:inline-block;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem;font-size:.8rem;text-decoration:none;color:var(--text)}.chip:hover{border-color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1.25rem}.filter-bar .field{flex:1 1 10rem;min-width:8rem}.filter-bar .field.wide{flex:2 1 14rem}.field{display:flex;flex-direction:column;gap:.25rem}.field>span,.field>label{font-size:.78rem;font-weight:600;color:var(--muted)}input[type=text],input[type=search],input[type=date],input[type=email],select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem}.tile-wrap{position:relative;display:flex}.tile-select{position:absolute;top:.4rem;left:.4rem;z-index:1;display:flex;padding:.3rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;opacity:0;transition:opacity .12s ease-in-out}.tile-wrap:hover .tile-select,.tile-select:focus-within,.tile-wrap.selected .tile-select{opacity:1}.tile-select input{width:1.05rem;height:1.05rem;margin:0;cursor:pointer;accent-color:var(--danger)}.tile-wrap.selected .tile{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.select-bar{position:sticky;bottom:1rem;z-index:2;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--danger);box-shadow:var(--shadow)}.select-bar[hidden]{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tile{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);box-shadow:var(--shadow)}.tile:hover{border-color:var(--accent)}.tile-media{aspect-ratio:4 / 3;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover;display:block}.tile-icon{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--muted)}.tile-icon svg{width:42px;height:42px}.tile-icon span{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tile-body{padding:.55rem .7rem .7rem;display:flex;flex-direction:column;gap:.35rem}.tile-alt{font-size:.85rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile-body .badge{align-self:flex-start}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state p{margin:.4rem 0}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;font-size:.9rem}.pagination .disabled{color:var(--muted)}.asset-page{display:grid;gap:1.25rem;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}@media(max-width:52rem){.asset-page{grid-template-columns:1fr}}.asset-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:12rem}.asset-preview img,.asset-preview video{width:auto;height:auto;max-width:100%;max-height:70vh;object-fit:contain;display:block}.asset-preview .tile-icon{padding:2.5rem 1rem}.preview-missing{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.25rem;text-align:center}.preview-missing .muted{margin:0;max-width:34rem}.preview-error{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow-wrap:anywhere}dialog.modal{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;max-width:min(32rem,calc(100vw - 2rem));background:var(--surface);color:var(--text);box-shadow:0 12px 40px #00000040}dialog.modal::backdrop{background:#00000073}dialog.modal h2{margin-top:0}dialog.modal p{margin-bottom:1rem}.meta-list{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.35rem .9rem;font-size:.88rem}.meta-list dt{color:var(--muted);font-weight:600}.meta-list dd{margin:0;overflow-wrap:anywhere}.stack{display:flex;flex-direction:column;gap:1.25rem}.copy-field{display:flex;gap:.4rem}.copy-field input{flex:1;font-size:.82rem;font-family:ui-monospace,monospace}.form-grid{display:flex;flex-direction:column;gap:.9rem}fieldset{border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem .8rem;margin:0}legend{font-size:.78rem;font-weight:600;color:var(--muted);padding:0 .3rem}.checkbox-row{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.checkbox-row label{display:flex;align-items:center;gap:.35rem;font-size:.88rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.danger-zone{border-color:var(--danger)}.upload-row{border:1px solid var(--border);border-radius:6px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.5rem}.upload-row-head{display:flex;justify-content:space-between;gap:.6rem;font-size:.88rem}.upload-name{font-weight:600;overflow-wrap:anywhere}.upload-size{color:var(--muted);white-space:nowrap}.progress{height:8px;border-radius:4px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .2s}.upload-status{margin:0;font-size:.82rem;color:var(--muted)}.upload-status.error{color:var(--danger)}.upload-status.ok{color:var(--ok)}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{max-width:24rem;width:100%;text-align:left}.login-card .logo{height:44px;margin:1rem 0 .75rem}.muted{color:var(--muted);font-size:.88rem}code,pre{font-family:ui-monospace,monospace;font-size:.82rem}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.75rem;overflow-x:auto}