:root{--color-primary: #2D5016;--color-primary-dark: #1e3610;--color-primary-light: #3d6b1f;--color-accent: #5A8A2A;--color-accent-light: #eef4e6;--color-earth: #8B6914;--color-earth-light: #f5eddc;--color-bg: #F5F0E8;--color-surface: #FFFFFF;--color-surface-2: #f9f6f0;--color-text: #1A1A1A;--color-text-muted: #6B7280;--color-text-on-primary: #FFFFFF;--color-border: #E0D8CC;--color-border-focus: #5A8A2A;--color-fill-green: #22C55E;--color-fill-yellow: #EAB308;--color-fill-red: #EF4444;--color-fill-gray: #9CA3AF;--color-danger: #DC2626;--color-danger-dark: #b91c1c;--color-danger-light: #fee2e2;--color-success: #2e7d32;--color-success-light: #e8f5e9;--color-warning: #8f6f1f;--color-warning-light: #f5efe1;--color-info: #1565c0;--color-info-light: #e3f2fd;--color-violet: #7c3aed;--color-violet-light: #f3e8ff;--color-overlay: rgba(0, 0, 0, .4);--color-shadow-strong: 0 20px 60px rgba(0, 0, 0, .2);--color-focus-ring: rgba(90, 138, 42, .15);--color-accent-outline: rgba(90, 138, 42, .12);--color-role-suchen-bg: #dbeafe;--color-role-suchen-text: #1d4ed8;--color-role-pflegen-bg: #eef4e6;--color-role-pflegen-text: #2D5016;--color-role-verwalten-bg: #f5eddc;--color-role-verwalten-text: #8B6914;--color-status-active-bg: #e8f5e9;--color-status-active-text: #2e7d32;--color-status-inactive-bg: #f5f5f5;--color-status-inactive-text: #757575;--color-icon-map-bg: #e0f2fe;--color-icon-map-text: #0284c7;--color-icon-table-bg: #eef4e6;--color-icon-table-text: #2D5016;--color-icon-search-bg: #f5eddc;--color-icon-search-text: #8B6914;--color-icon-planning-bg: #f3e8ff;--color-icon-planning-text: #7c3aed;--color-icon-users-bg: #fce7f3;--color-icon-users-text: #be185d;--color-icon-template-bg: #e8eefc;--color-icon-template-text: #3158a4;--color-icon-suppliers-bg: #e9f7ef;--color-icon-suppliers-text: #2f7d4b;--color-icon-manufacturers-bg: #fff1df;--color-icon-manufacturers-text: #b46a1f;--color-icon-bloom-bg: #fce7f3;--color-icon-bloom-text: #be185d;--avatar-leaf-bg: #e8f5e9;--avatar-leaf-text: #2e7d32;--avatar-flower-bg: #fce7f3;--avatar-flower-text: #be185d;--avatar-sun-bg: #fff7d6;--avatar-sun-text: #b45309;--avatar-droplet-bg: #e0f2fe;--avatar-droplet-text: #0284c7;--color-canvas-bg: #f8f9fa;--color-canvas-alt-bg: #f9f9f7;--color-grid-minor: #dddddd;--color-grid-major: #cccccc;--color-grid-dot: #d0d0d0;--color-scale: #aaaaaa;--color-map-outline: #2D5016;--color-map-selection: #1565c0;--color-map-text: #1A1A1A;--color-map-text-muted: #777777;--color-map-table-fill: rgba(255, 255, 255, .72);--color-map-table-fill-hover: rgba(200, 230, 200, .8);--color-map-table-stroke: #5A8A2A;--color-map-street-path: #aaaaaa;--color-door: #FF6B35;--color-door-selected: #c0392b;--color-door-shell: rgba(255, 255, 255, .96);--color-door-shell-stroke: rgba(45, 80, 22, .35);--color-crop-mask: rgba(26, 26, 26, .16);--color-crop-bg-top: #f7f4ee;--color-crop-bg-bottom: #efe8dc;--color-crop-inner-border: rgba(255, 255, 255, .45);--color-crop-ring: rgba(255, 255, 255, .95);--color-crop-ring-soft: rgba(255, 255, 255, .08);--sidebar-width: 240px;--topbar-height: 56px;--bottomnav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--radius-xl: 16px}:root[data-theme=dark]{--color-primary: #6f9f3d;--color-primary-dark: #5c8632;--color-primary-light: #88ba54;--color-accent: #8fc15a;--color-accent-light: #24311e;--color-earth: #d1a85a;--color-earth-light: #30261a;--color-bg: #101511;--color-surface: #18201a;--color-surface-2: #212b23;--color-text: #edf3ea;--color-text-muted: #a4b0a3;--color-text-on-primary: #f7fbf5;--color-border: #314034;--color-border-focus: #8fc15a;--color-fill-green: #4ade80;--color-fill-yellow: #facc15;--color-fill-red: #f87171;--color-fill-gray: #94a3b8;--color-danger: #f87171;--color-danger-dark: #ef4444;--color-danger-light: #351719;--color-success: #6dd38a;--color-success-light: #173222;--color-warning: #e0ba6d;--color-warning-light: #332916;--color-info: #7cb9ff;--color-info-light: #15273c;--color-violet: #b492ff;--color-violet-light: #281a3d;--color-overlay: rgba(0, 0, 0, .58);--color-shadow-strong: 0 24px 72px rgba(0, 0, 0, .45);--color-focus-ring: rgba(143, 193, 90, .22);--color-accent-outline: rgba(143, 193, 90, .24);--color-role-suchen-bg: #14283d;--color-role-suchen-text: #8ec5ff;--color-role-pflegen-bg: #1d3120;--color-role-pflegen-text: #9ad180;--color-role-verwalten-bg: #352a1a;--color-role-verwalten-text: #e3bc77;--color-status-active-bg: #173222;--color-status-active-text: #7ce39e;--color-status-inactive-bg: #252c26;--color-status-inactive-text: #bdc7bd;--color-icon-map-bg: #173040;--color-icon-map-text: #86d5ff;--color-icon-table-bg: #1d3120;--color-icon-table-text: #9ad180;--color-icon-search-bg: #352a1a;--color-icon-search-text: #ebc77f;--color-icon-planning-bg: #281a3d;--color-icon-planning-text: #c5a9ff;--color-icon-users-bg: #3a1930;--color-icon-users-text: #ff9dcf;--color-icon-template-bg: #1d2742;--color-icon-template-text: #9db8ff;--color-icon-suppliers-bg: #173222;--color-icon-suppliers-text: #7ce39e;--color-icon-manufacturers-bg: #352815;--color-icon-manufacturers-text: #f0c56d;--color-icon-bloom-bg: #3a1930;--color-icon-bloom-text: #ff9dcf;--avatar-leaf-bg: #173222;--avatar-leaf-text: #7ce39e;--avatar-flower-bg: #3a1930;--avatar-flower-text: #ff9dcf;--avatar-sun-bg: #352815;--avatar-sun-text: #f0c56d;--avatar-droplet-bg: #173040;--avatar-droplet-text: #86d5ff;--color-canvas-bg: #121916;--color-canvas-alt-bg: #151d19;--color-grid-minor: #243129;--color-grid-major: #314036;--color-grid-dot: #38463d;--color-scale: #728077;--color-map-outline: #87b85c;--color-map-selection: #7cb9ff;--color-map-text: #edf3ea;--color-map-text-muted: #9ba79d;--color-map-table-fill: rgba(255, 255, 255, .08);--color-map-table-fill-hover: rgba(143, 193, 90, .18);--color-map-table-stroke: #8fc15a;--color-map-street-path: #67766d;--color-door: #ff8a5f;--color-door-selected: #ffb29a;--color-door-shell: rgba(16, 21, 17, .96);--color-door-shell-stroke: rgba(237, 243, 234, .22);--color-crop-mask: rgba(237, 243, 234, .12);--color-crop-bg-top: #1c251f;--color-crop-bg-bottom: #131915;--color-crop-inner-border: rgba(255, 255, 255, .08);--color-crop-ring: rgba(237, 243, 234, .8);--color-crop-ring-soft: rgba(237, 243, 234, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .32);--shadow-md: 0 10px 26px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}a{color:var(--color-accent);text-decoration:none}a,button,input,select,textarea{touch-action:manipulation}.btn,.btn-ghost,.btn-danger,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-light)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-on-primary)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-text)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:4px}.form-input{display:block;width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--color-text);background-color:var(--color-surface);transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input::placeholder{color:var(--color-text-muted)}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.role-badge.role-suchen{background:var(--color-role-suchen-bg);color:var(--color-role-suchen-text)}.role-badge.role-pflegen{background:var(--color-role-pflegen-bg);color:var(--color-role-pflegen-text)}.role-badge.role-verwalten{background:var(--color-role-verwalten-bg);color:var(--color-role-verwalten-text)}.fill-indicator{display:inline-block;width:10px;height:10px;border-radius:50%}.fill-indicator.fill-green{background:var(--color-fill-green)}.fill-indicator.fill-yellow{background:var(--color-fill-yellow)}.fill-indicator.fill-red{background:var(--color-fill-red)}.fill-indicator.fill-gray{background:var(--color-fill-gray)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}@media(max-width:767px){app-shell .shell{min-height:100dvh;background:radial-gradient(circle at top center,rgba(255,255,255,.6),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 92%,white 8%) 0%,var(--color-bg) 100%)}app-shell .main-wrap-outer,app-shell .main-wrap{min-height:100dvh;background:transparent}app-shell .topbar{position:sticky;top:0;z-index:20;height:calc(var(--topbar-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0;background:color-mix(in srgb,var(--color-surface) 88%,transparent 12%);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid color-mix(in srgb,var(--color-border) 82%,transparent 18%);box-shadow:0 10px 30px #0000000f}app-shell .topbar-brand-link{gap:10px}app-shell .topbar-search-form{display:flex;align-items:center;gap:10px;width:100%}app-shell .topbar--search-open{overflow:visible}app-shell .topbar-search-layer{position:relative;width:100%}app-shell .topbar-search-close,app-shell .topbar-search-submit{display:inline-flex;align-items:center;justify-content:center;height:44px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent 20%);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 82%,transparent 18%);color:var(--color-text);font:inherit;font-weight:600;flex-shrink:0}app-shell .topbar-search-close{width:44px}app-shell .topbar-search-submit{padding:0 14px}app-shell .topbar-search-input-wrap{position:relative;flex:1;min-width:0}app-shell .topbar-search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}app-shell .topbar-search-input{width:100%;height:48px;padding:0 16px 0 42px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent 20%);border-radius:16px;background:color-mix(in srgb,var(--color-surface) 94%,transparent 6%);color:var(--color-text);font:inherit;font-size:15px;box-shadow:inset 0 1px #ffffff59}app-shell .topbar-search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent 20%);background:color-mix(in srgb,var(--color-surface) 96%,transparent 4%);box-shadow:0 18px 42px #00000024;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);z-index:8}app-shell .topbar-search-suggestion,app-shell .topbar-search-suggestion-empty{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:14px;text-align:left;font:inherit}app-shell .topbar-search-suggestion{border:none;background:transparent;color:var(--color-text)}app-shell .topbar-search-suggestion:active{background:var(--color-surface-2)}app-shell .topbar-search-suggestion-empty{color:var(--color-text-muted)}app-shell .topbar-search-suggestion-main{font-size:14px;font-weight:700}app-shell .topbar-search-suggestion-meta{font-size:12px;color:var(--color-text-muted)}app-shell .topbar-profile-link{padding:8px 10px;margin:0;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 78%,transparent 22%);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent 20%);box-shadow:0 6px 16px #0000000d}app-shell .topbar-name{font-size:15px;font-weight:600;color:var(--color-text)}app-shell .bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:auto;padding:6px 8px max(env(safe-area-inset-bottom,0px),22px);border:none;border-top:1px solid var(--color-border);border-radius:0;background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -4px 16px #0000000d;overflow:hidden}app-shell .bottomnav-item{gap:3px;border-radius:10px;min-height:52px;font-size:11px;font-weight:600;transition:background .12s,color .12s}app-shell .bottomnav-item svg{width:22px;height:22px}app-shell .bottomnav-item:hover,app-shell .bottomnav-item--active{background:var(--color-accent-light);color:var(--color-primary)}app-shell .bottomnav-item:active{background:var(--color-accent-light)}app-shell .content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}@media(max-width:767px){.form-input,input[type=text],input[type=password],input[type=email],input[type=search],select,textarea{font-size:16px!important}}