:root{--rot: #CC0000;--rot-dark: #AA0000;--dunkel: #222222;--grau: #666666;--hellgrau: #F5F5F5;--weiss: #ffffff;--border: #E0E0E0;--font: "Arial", "Helvetica Neue", sans-serif;--shadow: 0 2px 12px rgba(0,0,0,.08);--radius: 6px;--max-w: 900px;--bg: var(--weiss);--bg-card: var(--weiss);--text: var(--dunkel);--text-secondary: var(--grau);--border-color: var(--border);--input-bg: var(--weiss)}[data-theme=medium]{--bg: #b0b0b0;--bg-card: #c2c2c2;--text: #111111;--text-secondary: #3a3a3a;--border-color: #888888;--input-bg: #a8a8a8;--hellgrau: #999999}[data-theme=dark]{--bg: #1a1a1a;--bg-card: #2a2a2a;--text: #e0e0e0;--text-secondary: #aaaaaa;--border-color: #444444;--input-bg: #333333;--hellgrau: #333333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s}.header{background:var(--dunkel);color:var(--weiss);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:14px}.logo-img{height:32px;width:auto;display:block}.header-separator{width:1px;height:24px;background:#ffffff40}.header-title{font-size:16px;font-weight:600;letter-spacing:.3px}.header-right{display:flex;align-items:center;gap:8px}.header-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--weiss);transition:background .2s,border-color .2s;white-space:nowrap}.header-pill:hover{background:#ffffff26;border-color:#ffffff59}.header-pill.pill-red{background:var(--rot);border-color:var(--rot)}.header-pill.pill-red:hover{background:var(--rot-dark)}.header-pill .pill-icon{font-size:13px}.theme-switcher{display:flex;background:#ffffff1a;border-radius:20px;overflow:hidden}.theme-btn{background:none;border:none;color:#ffffff8c;cursor:pointer;padding:5px 10px;font-size:11px;font-weight:600;font-family:var(--font);transition:background .2s,color .2s;letter-spacing:.3px}.theme-btn:hover{color:#ffffffd9}.theme-btn.active{background:var(--rot);color:var(--weiss)}.main{max-width:var(--max-w);margin:0 auto;padding:24px 16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:700px){.grid{grid-template-columns:1fr}.header{flex-wrap:wrap;height:auto;padding:8px 16px;gap:8px}.header-right{flex-wrap:wrap}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:background .3s,border-color .3s}.card-title{font-size:15px;font-weight:700;margin-bottom:16px;color:var(--text);display:flex;align-items:center;gap:8px}.card-title .icon{font-size:18px}.tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border-color)}.tab{padding:10px 18px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;font-family:var(--font)}.tab:hover{color:var(--text)}.tab.active{color:var(--rot);border-bottom-color:var(--rot)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:var(--font);background:var(--input-bg);color:var(--text);transition:border-color .2s,background .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--rot)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collapsible-toggle{background:none;border:none;color:var(--rot);cursor:pointer;font-size:13px;font-weight:600;padding:6px 0;font-family:var(--font);display:flex;align-items:center;gap:4px}.collapsible-toggle:hover{color:var(--rot-dark)}.collapsible-content{display:none}.collapsible-content.open{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .2s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--rot);color:var(--weiss)}.btn-primary:hover{background:var(--rot-dark)}.btn-secondary{background:var(--hellgrau);color:var(--text);border:1px solid var(--border-color)}.btn-secondary:hover{opacity:.85}.btn-small{padding:6px 12px;font-size:12px}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-canvas{background:var(--weiss);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:center;min-height:200px;min-width:200px}.qr-canvas.empty{color:var(--text-secondary);font-size:13px}#qr-output canvas,#qr-output img{display:block}.settings-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.settings-row .form-group{margin-bottom:0;flex:1;min-width:100px}.color-input-wrapper{display:flex;align-items:center;gap:8px}.color-input-wrapper input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;background:var(--input-bg)}.color-input-wrapper span{font-size:12px;color:var(--text-secondary);font-family:monospace}.history-list{list-style:none;max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.history-item:hover{background:var(--hellgrau);border-radius:var(--radius);padding:10px 8px;margin:0 -8px}.history-item .hi-type{background:var(--rot);color:var(--weiss);font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;text-transform:uppercase;flex-shrink:0;min-width:48px;text-align:center}.history-item .hi-text{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-item .hi-date{font-size:11px;color:var(--text-secondary);flex-shrink:0}.history-item .hi-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:2px 4px;border-radius:3px;flex-shrink:0}.history-item .hi-delete:hover{color:var(--rot)}.history-empty{text-align:center;color:var(--text-secondary);font-size:13px;padding:24px 0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;width:100%;max-width:400px;text-align:center}.login-box .logo-img{height:40px;margin:0 auto 8px}.login-box h2{font-size:18px;margin-bottom:24px;color:var(--text)}.login-box .form-group{text-align:left}.login-tabs{display:flex;margin-bottom:20px;border-bottom:2px solid var(--border-color)}.login-tab{flex:1;padding:8px;text-align:center;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font)}.login-tab.active{color:var(--rot);border-bottom-color:var(--rot)}.login-msg{font-size:12px;margin-top:10px;min-height:18px}.login-msg.error{color:var(--rot)}.login-msg.success{color:#2a7d2a}.guest-link{display:block;margin-top:16px;font-size:13px;color:var(--text-secondary);cursor:pointer;text-decoration:underline}.guest-link:hover{color:var(--text)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 8px 32px #0003;padding:28px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;color:var(--text)}.modal h3{font-size:17px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.modal-close{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:0 4px}.modal-close:hover{color:var(--text)}.modal-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-section:last-child{border-bottom:none;margin-bottom:0}.modal-section h4{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:6px 8px;border-bottom:2px solid var(--border-color)}.user-table td{padding:8px;border-bottom:1px solid var(--border-color)}.user-table .role-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase}.role-badge.admin{background:var(--rot);color:var(--weiss)}.role-badge.member{background:#2a7d2a;color:var(--weiss)}.role-badge.guest{background:var(--grau);color:var(--weiss)}.user-table .action-btn{background:none;border:1px solid var(--border-color);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;color:var(--text);font-family:var(--font)}.user-table .action-btn:hover{border-color:var(--rot);color:var(--rot)}.user-table .action-btn.del:hover{background:var(--rot);color:var(--weiss)}.footer{text-align:center;padding:20px;font-size:12px;color:var(--text-secondary);margin-top:24px}.footer a{color:var(--rot);text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}.shape-section{margin-top:14px}.shape-section:first-child{margin-top:10px}.shape-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.shape-grid{display:flex;flex-wrap:wrap;gap:6px}.shape-tile{width:44px;height:44px;border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;padding:3px;background:var(--input-bg);display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.shape-tile:hover{border-color:var(--grau)}.shape-tile.active{border-color:var(--rot);box-shadow:0 0 0 1px var(--rot)}.shape-tile canvas{width:100%;height:100%;display:block;border-radius:2px}.hidden{display:none!important}