@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#0c1018;--bg-base:#111827;--bg-surface:#152030;--bg-card:#1a2336;--bg-elevated:#212c42;--bg-hover:#283549;--accent:#22d3ee;--accent-light:#67e8f9;--accent-dim:#0891b2;--accent-glow:#22d3ee1f;--accent-glow-strong:#22d3ee40;--status-bezahlt:#4ade80;--status-bezahlt-bg:#4ade801a;--status-gesendet:#60a5fa;--status-gesendet-bg:#60a5fa1a;--status-entwurf:#a78bfa;--status-entwurf-bg:#a78bfa1a;--status-überfällig:#f87171;--status-überfällig-bg:#f871711a;--status-storniert:#6b7280;--status-storniert-bg:#6b72801a;--status-angenommen:#4ade80;--status-angenommen-bg:#4ade801a;--status-abgelehnt:#94a3b8;--status-abgelehnt-bg:#94a3b81a;--font-display:"Sora", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-primary:#e8ecf2;--text-secondary:#8494a7;--text-muted:#5a6b80;--text-accent:var(--accent-light);--border:#94b4d61a;--border-accent:#22d3ee33;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 32px #00000059;--shadow-lg:0 16px 64px #00000073;--shadow-glow:0 0 40px #22d3ee0f;--sidebar-width:260px;--header-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-height:100vh;margin:0;overflow-x:hidden}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}body:after{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity,1);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}a{color:var(--accent);transition:color .2s var(--ease-out);text-decoration:none}a:hover{color:var(--accent-light)}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a8694' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background:var(--bg-surface);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-base);border-right:1px solid var(--border);z-index:100;flex-direction:column;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:12px;margin-bottom:36px;padding:8px 12px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:40px;height:40px;font-family:var(--font-display);color:var(--bg-deep);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;box-shadow:0 4px 16px #22d3ee40}.sidebar-logo-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;font-size:18px;font-weight:600}.sidebar-logo-sub{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:11px}.sidebar-section{margin-bottom:8px}.sidebar-label{text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);margin-bottom:8px;padding:0 12px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s var(--ease-out);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:400;display:flex;position:relative;overflow:hidden}.sidebar-item:before{content:"";background:var(--accent);width:3px;height:0;transition:height .25s var(--ease-spring);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item.active{color:var(--accent-light);background:var(--accent-glow);font-weight:500}.sidebar-item.active:before{height:20px}.sidebar-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-item.active svg{opacity:1;color:var(--accent)}.sidebar-submenu-chevron{opacity:.5;margin-left:auto;transition:transform .2s}.sidebar-submenu-chevron.open{transform:rotate(180deg)}.sidebar-submenu{flex-direction:column;gap:1px;margin-top:2px;padding-left:20px;display:flex}.sidebar-submenu-item{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:13px;transition:background .15s,color .15s;display:flex;position:relative}.sidebar-submenu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-submenu-item.active{color:var(--accent);background:var(--bg-hover)}.sidebar-submenu-item.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar-spacer{flex:1}.sidebar-user{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--accent-dim), var(--accent));width:36px;height:36px;font-family:var(--font-display);color:var(--bg-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:13px;font-weight:500}.sidebar-user-role{color:var(--text-muted);font-size:11px}.main-content{margin-left:var(--sidebar-width);background:var(--bg-deep);flex:1;min-height:100vh}.page-header{border-bottom:1px solid var(--border);background:var(--bg-base);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:flex-end;padding:32px 40px 24px;display:flex;position:sticky;top:0}.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.3px;font-size:30px;font-weight:600;line-height:1.1}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.page-body{padding:32px 40px}.btn{border-radius:var(--radius-sm);letter-spacing:.3px;transition:all .25s var(--ease-out);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--bg-deep);box-shadow:0 4px 16px #22d3ee33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #22d3ee4d}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-accent);background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-danger{color:#f87171;background:#f871711a;border:1px solid #f8717133}.btn-danger:hover{background:#f8717126;border-color:#f871714d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);padding:24px}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16162299;border:1px solid #ffffff0a}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.stat-icon svg{width:20px;height:20px}.stat-icon.amber{background:var(--accent-glow);color:var(--accent)}.stat-icon.green{background:var(--status-bezahlt-bg);color:var(--status-bezahlt)}.stat-icon.blue{background:var(--status-gesendet-bg);color:var(--status-gesendet)}.stat-icon.red{background:var(--status-überfällig-bg);color:var(--status-überfällig)}.stat-icon.purple{background:var(--status-entwurf-bg);color:var(--status-entwurf)}.stat-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:500}.stat-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:600}.stat-change{border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.stat-change.positive{color:var(--status-bezahlt);background:var(--status-bezahlt-bg)}.stat-change.negative{color:var(--status-überfällig);background:var(--status-überfällig-bg)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:28px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.chart-title{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:600}.chart-bars{align-items:flex-end;gap:12px;height:180px;padding:0 8px;display:flex}.chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--accent-dim), var(--accent));opacity:.85;width:100%;max-width:56px;transition:all .6s var(--ease-out);cursor:pointer;border-radius:6px 6px 2px 2px;min-height:4px;position:relative}.chart-bar:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(#ffffff1a,#0000);transition:opacity .2s;position:absolute;inset:0}.chart-bar:hover:after{opacity:1}.chart-bar:hover{box-shadow:0 -4px 20px #22d3ee40}.chart-bar-value{font-family:var(--font-mono);color:var(--text-muted);opacity:0;white-space:nowrap;font-size:11px;font-weight:500;transition:opacity .2s;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-value{opacity:1;color:var(--accent-light)}.chart-bar-label{color:var(--text-muted);font-size:12px;font-weight:500}.dashboard-grid{grid-template-columns:1fr 380px;gap:24px;display:grid}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-title{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:600}.table-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:16px 24px;display:flex}.filter-chip{color:var(--text-secondary);background:var(--bg-elevated);transition:all .2s var(--ease-out);cursor:pointer;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}.filter-chip:hover{color:var(--text-primary);border-color:var(--border)}.filter-chip.active{color:var(--accent-light);background:var(--accent-glow);border-color:var(--border-accent)}.table-row{border-bottom:1px solid var(--border);transition:all .2s var(--ease-out);cursor:pointer;grid-template-columns:140px 1fr 140px 120px 100px;align-items:center;padding:16px 24px;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-row-head{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);cursor:default;font-size:11px;font-weight:600}.table-row-head:hover{background:0 0}.table-cell-kunde{color:var(--text-primary);font-size:14px;font-weight:500}.table-cell-kunde span{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.table-cell-betrag{font-family:var(--font-mono);color:var(--text-primary);text-align:right;font-size:14px;font-weight:500}.table-cell-datum{color:var(--text-secondary);font-size:13px}.status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge.bezahlt{color:var(--status-bezahlt);background:var(--status-bezahlt-bg)}.status-badge.bezahlt:before{background:var(--status-bezahlt);box-shadow:0 0 6px var(--status-bezahlt)}.status-badge.gesendet{color:var(--status-gesendet);background:var(--status-gesendet-bg)}.status-badge.gesendet:before{background:var(--status-gesendet);box-shadow:0 0 6px var(--status-gesendet)}.status-badge.entwurf{color:var(--status-entwurf);background:var(--status-entwurf-bg)}.status-badge.entwurf:before{background:var(--status-entwurf);box-shadow:0 0 6px var(--status-entwurf)}.status-badge.überfällig{color:var(--status-überfällig);background:var(--status-überfällig-bg)}.status-badge.überfällig:before{background:var(--status-überfällig);box-shadow:0 0 6px var(--status-überfällig)}.status-badge.storniert{color:var(--status-storniert);background:var(--status-storniert-bg)}.status-badge.storniert:before{background:var(--status-storniert)}.status-badge.angenommen{color:var(--status-angenommen);background:var(--status-angenommen-bg)}.status-badge.angenommen:before{background:var(--status-angenommen);box-shadow:0 0 6px var(--status-angenommen)}.status-badge.abgelehnt{color:var(--status-abgelehnt);background:var(--status-abgelehnt-bg)}.status-badge.abgelehnt:before{background:var(--status-abgelehnt)}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.client-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);cursor:pointer;padding:24px}.client-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.client-avatar{background:linear-gradient(135deg, var(--accent-dim), var(--accent));width:48px;height:48px;font-family:var(--font-display);color:var(--bg-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.client-name{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.client-firma{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.client-stats{border-top:1px solid var(--border);gap:24px;padding-top:16px;display:flex}.client-stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:11px}.client-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:600}.invoice-detail{max-width:800px}.invoice-detail-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.invoice-detail-nummer{font-family:var(--font-mono);color:var(--accent);margin-bottom:4px;font-size:14px}.invoice-detail-betrag{font-family:var(--font-mono);color:var(--text-primary);font-size:32px;font-weight:600}.invoice-detail-section{margin-bottom:32px}.invoice-detail-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.invoice-meta-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.invoice-meta-item{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px}.invoice-meta-value{color:var(--text-primary);margin-top:6px;font-size:15px;font-weight:500}.positions-table{border-collapse:collapse;width:100%}.positions-table th{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}.positions-table th:last-child,.positions-table td:last-child{text-align:right}.positions-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:14px 16px;font-size:14px}.positions-table tr:last-child td{border-bottom:none}.positions-table .mono{font-family:var(--font-mono);font-size:13px}.invoice-totals{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:16px;padding:20px}.invoice-total-row{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.invoice-total-row.final{border-top:1px solid var(--border);color:var(--text-primary);margin-top:12px;padding-top:12px;font-size:18px;font-weight:600}.invoice-total-row .mono{font-family:var(--font-mono)}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:500}.form-section{margin-bottom:32px}.form-section-title{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:600}.position-row{grid-template-columns:1fr 80px 120px 120px 40px;align-items:end;gap:12px;margin-bottom:12px;display:grid}.position-row input{font-size:13px}.add-position-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;transition:all .2s;display:flex}.add-position-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.activity-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.activity-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:600}.activity-item{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot.bezahlt{background:var(--status-bezahlt);box-shadow:0 0 8px var(--status-bezahlt)}.activity-dot.gesendet{background:var(--status-gesendet);box-shadow:0 0 8px var(--status-gesendet)}.activity-dot.überfällig{background:var(--status-überfällig);box-shadow:0 0 8px var(--status-überfällig)}.activity-dot.entwurf{background:var(--status-entwurf);box-shadow:0 0 8px var(--status-entwurf)}.activity-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:500}.activity-time{color:var(--text-muted);margin-top:4px;font-size:11px}.empty-state{text-align:center;padding:64px 24px}.empty-state svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.empty-state p{color:var(--text-secondary);font-size:15px}.search-box{position:relative}.search-box input{background:var(--bg-surface);border:1px solid var(--border);padding-left:38px}.search-box svg{width:16px;height:16px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes growBar{0%{height:4px}}.animate-in{animation:fadeInUp .5s var(--ease-out) both}.animate-in-1{animation-delay:50ms}.animate-in-2{animation-delay:.1s}.animate-in-3{animation-delay:.15s}.animate-in-4{animation-delay:.2s}.animate-in-5{animation-delay:.25s}.animate-in-6{animation-delay:.3s}.animate-in-7{animation-delay:.35s}.animate-in-8{animation-delay:.4s}.chart-bar{animation:growBar .8s var(--ease-out) both}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:6px 0;font-size:13px;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--accent)}.back-btn svg{width:16px;height:16px}.actions-bar{gap:8px;display:flex}.theme-trigger{position:relative}.theme-trigger-btn{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease-out);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.theme-trigger-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.theme-trigger-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;display:block;box-shadow:0 1px 3px #0003}.theme-trigger-label{font-weight:500}.theme-trigger-chevron{color:var(--text-muted);transition:transform .2s var(--ease-out)}.theme-trigger-chevron.open{transform:rotate(180deg)}.theme-dropdown{background:var(--bg-card);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow-md);z-index:100;animation:theme-dropdown-in .15s var(--ease-out);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}@keyframes theme-dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-dropdown-item{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .15s;display:flex}.theme-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-dropdown-item.active{background:var(--accent-glow);color:var(--accent-light)}.theme-dropdown-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;display:block;box-shadow:0 1px 3px #0003}.theme-dropdown-name{flex:1;font-weight:500}.theme-dropdown-mode{color:var(--text-muted);font-size:11px}.transaction-row,.transaction-row-head{grid-template-columns:100px 1fr 180px 140px 130px}.table-cell-beschreibung{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.table-cell-gegenkonto{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.transaction-amount.positive{color:var(--status-bezahlt)!important}.transaction-amount.negative{color:var(--status-überfällig)!important}.btn-assign{color:var(--text-muted);border:1px solid var(--border);border-radius:20px;gap:6px;padding:4px 10px;font-size:12px}.btn-assign:hover{color:var(--accent);border-color:var(--border-accent);background:var(--accent-glow)}.status-badge.zugeordnet{color:var(--accent-light);background:var(--accent-glow)}.status-badge.zugeordnet:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status-badge.offen{color:var(--text-muted);background:#6b72801a}.status-badge.offen:before{background:var(--text-muted)}.transaction-layout{height:100%;min-height:100vh;display:flex}.transaction-main{min-width:0;transition:margin-right .3s var(--ease-out);flex:1}.assign-sidebar{background:var(--bg-card);border-left:1px solid var(--border);width:340px;animation:slideInRight .25s var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.assign-sidebar-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.assign-sidebar-title{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:600}.assign-sidebar-hint{color:var(--text-muted);padding:12px 20px 0;font-size:12px;line-height:1.5}.assign-sidebar-search{margin:16px 20px 8px;position:relative}.assign-sidebar-search input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 12px 8px 32px;font-size:13px}.assign-sidebar-search input:focus{border-color:var(--accent-dim);outline:none}.assign-sidebar-search svg{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.assign-sidebar-section{padding:12px 20px}.assign-sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.assign-sidebar-count{background:var(--bg-elevated);color:var(--text-secondary);border-radius:10px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:500}.assign-sidebar-items{flex-direction:column;gap:6px;display:flex}.assign-sidebar-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;transition:all .15s var(--ease-out);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.assign-sidebar-card:hover{border-color:var(--border-accent);background:var(--bg-elevated);box-shadow:0 2px 8px #00000026}.assign-sidebar-card:active{cursor:grabbing;transform:scale(.98)}.assign-sidebar-card-grip{color:var(--text-muted);opacity:.5;flex-shrink:0}.assign-sidebar-card:hover .assign-sidebar-card-grip{opacity:1;color:var(--accent-dim)}.assign-sidebar-card-content{flex:1;min-width:0}.assign-sidebar-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.assign-sidebar-card-nummer{font-family:var(--font-mono);color:var(--accent-light);font-size:12px;font-weight:500}.assign-sidebar-card-betrag{font-family:var(--font-mono);font-size:12px;font-weight:500}.assign-sidebar-card-betrag.positive{color:var(--status-bezahlt)}.assign-sidebar-card-betrag.negative{color:var(--status-überfällig)}.assign-sidebar-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.assign-sidebar-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:12px;font-style:italic}.transaction-row.drop-target{border:1px dashed var(--accent-dim);border-radius:var(--radius-sm);margin:2px 0}.transaction-row.drop-hover{box-shadow:0 0 16px var(--accent-glow), inset 0 0 20px var(--accent-glow);background:var(--accent-glow-strong)!important;border-color:var(--accent)!important;border-style:solid!important}.transaction-row.drop-invalid{opacity:.4}.transaction-row.row-selected{border-left:3px solid var(--accent);background:var(--accent-glow)!important}.status-badge.offen.selected{color:var(--accent-light);background:var(--accent-glow-strong)}.status-badge.offen.selected:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.assign-sidebar-selected{padding:12px 20px}.assign-sidebar-selected-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-dim);margin-bottom:8px;font-size:10px;font-weight:600}.assign-sidebar-selected-card{background:var(--accent-glow);border-radius:var(--radius-sm);border:1px solid #22d3ee33;padding:12px 14px}.assign-sidebar-selected-top{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.assign-sidebar-selected-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:500}.assign-sidebar-selected-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.assign-sidebar-card-arrow{color:var(--text-muted);flex-shrink:0;transition:color .15s}.assign-sidebar-card:hover .assign-sidebar-card-arrow{color:var(--accent)}.btn-sm{padding:6px 14px;font-size:12px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.page-header{padding:24px 20px 20px}.page-body{padding:24px 20px}.table-row{grid-template-columns:100px 1fr 100px}.table-cell-datum,.table-cell-status-head,.table-row-head .table-cell-datum{display:none}.form-grid,.invoice-meta-grid{grid-template-columns:1fr}}.login-container{width:100%;min-height:100vh;display:flex}.login-brand{background:linear-gradient(135deg, var(--accent-dim), var(--accent));flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand-content{z-index:2;max-width:440px;position:relative}.login-brand-logo{align-items:center;gap:12px;margin-bottom:56px;display:flex}.login-brand-logo-icon{border-radius:var(--radius-sm);width:48px;height:48px;font-family:var(--font-display);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.login-brand-logo-text{font-family:var(--font-display);color:#fff;letter-spacing:.5px;font-size:20px;font-weight:600}.login-brand-logo-sub{color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;font-size:11px}.login-brand-tagline h1{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.login-brand-tagline p{color:#fffc;margin-bottom:40px;font-size:16px;line-height:1.7}.login-brand-features{flex-direction:column;gap:14px;display:flex}.login-brand-feature{color:#ffffffe6;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.login-brand-feature-dot{background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 12px #ffffff80}.login-pricing{gap:10px;margin-top:36px;display:flex}.login-pricing-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);background:#0000002e;border:1px solid #ffffff1a;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 12px;transition:transform .2s,border-color .2s;display:flex}.login-pricing-card:hover{border-color:#fff3;transform:translateY(-2px)}.login-pricing-card-highlight{background:#00000047;border-color:#ffffff4d}.login-pricing-name{text-transform:uppercase;letter-spacing:1.5px;color:#ffffffb3;font-size:11px;font-weight:600}.login-pricing-price{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:700}.login-pricing-period{color:#ffffff80;font-size:11px}.login-pricing-features{flex-direction:column;gap:3px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:flex}.login-pricing-feat-yes,.login-pricing-feat-no{text-align:left;padding-left:14px;font-size:10px;line-height:1.4;position:relative}.login-pricing-feat-yes{color:#ffffffd9}.login-pricing-feat-no{color:#ffffff4d;text-decoration:line-through}.login-pricing-feat-yes:before{content:"✓";color:#fff;font-size:9px;position:absolute;left:0}.login-pricing-feat-no:before{content:"×";color:#ffffff4d;font-size:10px;position:absolute;left:1px}.login-brand-decoration{z-index:1;pointer-events:none;position:absolute;inset:0}.login-brand-circle{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.login-brand-circle-1{width:400px;height:400px;top:-80px;right:-120px}.login-brand-circle-2{width:300px;height:300px;bottom:-60px;left:-100px}.login-brand-circle-3{background:#ffffff0a;width:160px;height:160px;bottom:80px;right:60px}.login-form-panel{background:var(--bg-deep);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrapper{width:100%;max-width:400px}.login-mobile-logo{align-items:center;gap:10px;margin-bottom:40px;display:none}.login-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:32px;display:flex}.login-tab{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 0;font-size:14px;font-weight:500;transition:color .2s,border-color .2s}.login-tab:hover{color:var(--text-secondary)}.login-tab-active{color:var(--accent-light);border-bottom-color:var(--accent)}.login-form-header{margin-bottom:28px}.login-form-header h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:28px;font-weight:600}.login-form-header p{color:var(--text-secondary);font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:500}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-wrapper input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:48px;padding-left:42px;padding-right:14px;font-size:15px}.login-input-wrapper input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.login-input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:14px}.login-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px;transition:color .2s;position:absolute;right:4px}.login-password-toggle:hover{color:var(--text-secondary)}.login-password-toggle svg{width:18px;height:18px}.login-error{background:var(--status-überfällig-bg);border-radius:var(--radius-sm);color:var(--status-überfällig);border:1px solid #f8717133;padding:12px 16px;font-size:13px;font-weight:500}.login-submit{background:linear-gradient(135deg, var(--accent), var(--accent-dim));height:48px;color:var(--bg-deep);border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex;box-shadow:0 4px 16px #22d3ee33}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #22d3ee4d}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit svg{width:18px;height:18px}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-spinner{animation:.8s linear infinite loginSpin}.login-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-google-wrapper{justify-content:center;display:flex}.login-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:13px}.login-toggle button{color:var(--accent-light);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:0;transition:color .2s}.login-toggle button:hover{color:var(--accent);text-decoration:underline}@media (width<=900px){.login-brand{display:none}.login-form-panel{padding:32px 24px}.login-mobile-logo{display:flex}.login-mobile-logo .login-brand-logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:40px;height:40px;color:var(--bg-deep);font-size:22px}.login-mobile-logo .login-brand-logo-text{color:var(--text-primary)}}.incoming-invoice-row,.incoming-invoice-row-head{grid-template-columns:110px 1fr 100px 120px 180px 150px}.table-cell-nummer{font-family:var(--font-mono);color:var(--accent-light);font-size:13px;font-weight:500}.table-cell-lieferant{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.incoming-invoice-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.incoming-invoice-form .form-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.incoming-invoice-form .form-input{height:40px;font-size:14px}.incoming-invoice-form .form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.form-group-file{grid-column:span 2}.file-upload-wrapper{align-items:center;gap:8px;display:flex}.file-upload-btn{background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:300px;padding:8px 14px;font-size:13px;display:inline-flex;overflow:hidden}.file-upload-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.pdf-badge{font-size:11px;font-family:var(--font-mono);color:var(--status-gesendet);white-space:nowrap;text-overflow:ellipsis;background:#60a5fa14;border:1px solid #60a5fa26;border-radius:12px;align-items:center;gap:6px;max-width:180px;padding:3px 10px;display:inline-flex;overflow:hidden}.pdf-badge svg{flex-shrink:0}.settings-form{max-width:800px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.settings-section-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.settings-section-header>svg{color:var(--accent);flex-shrink:0;margin-top:2px}.settings-section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.settings-section-desc{color:var(--text-muted);font-size:13px}.settings-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.form-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-top:2px}.btn-success{background:var(--status-bezahlt)!important;color:var(--bg-deep)!important;border-color:var(--status-bezahlt)!important}.profile-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:32px 24px;position:sticky;top:24px}.profile-avatar-large{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:80px;height:80px;color:var(--bg-deep);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 20px #22d3ee33}.profile-card-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.profile-card-role{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.profile-card-org{color:var(--accent-light);background:var(--accent-glow);border-radius:12px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:12px;display:inline-flex}.profile-card-meta{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.profile-card-meta-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.profile-card-meta-item svg{flex-shrink:0}.profile-forms{flex-direction:column;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;right:8px}.password-toggle:hover{color:var(--text-secondary)}.sidebar-user-btn{cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:10px;min-width:0;padding:4px 6px;transition:background .15s;display:flex}.sidebar-user-btn:hover{background:var(--bg-hover)}.sidebar-user-btn.active .sidebar-avatar{box-shadow:0 0 0 2px var(--accent)}@media (width<=900px){.profile-layout{grid-template-columns:1fr}.profile-card{position:static}}.designer-layout{flex-direction:column;height:100%;display:flex;overflow:hidden}.designer-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.designer-toolbar-title{color:var(--text-primary);flex:1;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:600}.designer-toolbar-actions{gap:.5rem;display:flex}.designer-body{flex:1;display:flex;overflow:hidden}.designer-palette{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.designer-palette-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1rem .5rem;font-family:Sora,sans-serif;font-size:.8rem;font-weight:600}.designer-palette-list{flex-direction:column;gap:2px;padding:0 .5rem 1rem;display:flex;overflow-y:auto}.designer-palette-item{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;transition:background .15s,opacity .15s;display:flex}.designer-palette-item:hover:not(.disabled){background:var(--bg-hover)}.designer-palette-item.disabled{opacity:.35;cursor:not-allowed}.designer-palette-item-info{min-width:0}.designer-palette-item-label{font-size:.85rem;font-weight:500;line-height:1.2}.designer-palette-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.3;overflow:hidden}.designer-canvas-container{background:var(--bg-deep);background-image:radial-gradient(circle, var(--border) .5px, transparent .5px);background-size:20px 20px;flex:1;display:flex;position:relative;overflow:hidden}.designer-canvas-scroll{flex:1;padding:20px;overflow:auto}.designer-canvas-page{background:#fff;border-radius:2px;flex-shrink:0;margin:auto;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a}.designer-zoom-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:10;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0000001f}.designer-zoom-btn{width:30px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.designer-zoom-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.designer-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.designer-zoom-percent{min-width:48px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.designer-zoom-percent:hover{background:var(--bg-hover)}.designer-block{box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1px dashed #0000;border-radius:2px;padding:2px;transition:border-color .15s;position:absolute}.designer-block:hover{border-color:#bbb}.designer-block.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.designer-block:active{cursor:grabbing}.designer-properties{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;padding-bottom:2rem;display:flex;overflow-y:auto}.designer-properties-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1rem .5rem;font-family:Sora,sans-serif;font-size:.8rem;font-weight:600}.designer-properties-empty{color:var(--text-muted);padding:1.5rem 1rem;font-size:.85rem;line-height:1.5}.designer-properties-block-name{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:0 1rem .75rem;font-size:1rem;font-weight:600}.designer-properties-section{padding:.5rem 1rem}.designer-properties-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:500}.designer-properties-row{gap:.5rem;display:flex}.designer-properties-field{flex:1}.designer-properties-field label{color:var(--text-muted);margin-bottom:.15rem;font-size:.7rem;display:block}.designer-properties-field .form-input,.designer-properties-section .form-input{padding:.35rem .5rem;font-size:.85rem}.designer-properties-textarea{resize:vertical;min-height:60px;font-size:.85rem!important}.designer-properties-align{background:var(--bg-base);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.designer-align-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.designer-align-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.designer-align-btn.active{background:var(--accent);color:#fff}.designer-visibility-btn{justify-content:center;width:100%;font-size:.8rem}.designer-visibility-btn.hidden-state{opacity:.6}.designer-remove-btn{justify-content:center;width:100%;font-size:.8rem}.sidebar-item.locked{opacity:.45}.sidebar-item.locked:hover{opacity:.65}.sidebar-lock-icon{color:var(--text-muted);flex-shrink:0;margin-left:auto}.sidebar-upgrade-banner{padding:0 16px 12px}.sidebar-upgrade-btn{border:1px solid var(--border-accent);border-radius:var(--radius-md);background:var(--accent-glow);width:100%;color:var(--accent-light);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.sidebar-upgrade-btn:hover{background:var(--accent-glow-strong);border-color:var(--accent)}.invoice-usage-badge{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);border:1px solid var(--border);align-items:center;padding:4px 12px;display:inline-flex}.pricing-page{max-width:960px;margin:0 auto;padding:40px 24px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:2rem;font-weight:600}.pricing-header p{color:var(--text-secondary);margin:0;font-size:1rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);flex-direction:column;padding:32px 24px 24px;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pricing-card.highlight{border-color:var(--accent-dim);box-shadow:var(--shadow-glow)}.pricing-card.current{border-color:var(--accent)}.pricing-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--accent);color:var(--bg-deep);white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-badge.current{background:var(--status-bezahlt)}.pricing-card-header{text-align:center;margin-bottom:24px}.pricing-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.pricing-card-header h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;font-size:1.25rem;font-weight:600}.pricing-price{flex-direction:column;align-items:center;gap:2px;display:flex}.pricing-amount{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700}.pricing-detail{color:var(--text-muted);font-size:13px}.pricing-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features li.included{color:var(--text-primary)}.feature-check{color:var(--status-bezahlt);flex-shrink:0}.feature-x{color:var(--text-muted);opacity:.5;flex-shrink:0}.pricing-btn{border-radius:var(--radius-md);width:100%;font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);padding:12px;font-size:14px;font-weight:600}.pricing-btn:hover:not(:disabled){border-color:var(--accent-dim);background:var(--bg-hover)}.pricing-btn.highlight{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}.pricing-btn.highlight:hover:not(:disabled){background:var(--accent-light)}.pricing-btn.current{opacity:.5;cursor:default;background:var(--bg-surface);border-color:var(--border)}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}}