@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary-gold:#c5a456;--primary-gold-light:#d4b76d;--primary-gold-dark:#9a7e3a;--primary-gold-50:#c5a4561a;--primary-blue:#1b365d;--primary-blue-light:#2a4a7f;--primary-blue-dark:#0f1e33;--primary-blue-50:#1b365d1a;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success:#22c55e;--success-light:#86efac;--warning:#f59e0b;--warning-light:#fcd34d;--error:#ef4444;--error-light:#fca5a5;--info:#3b82f6;--info-light:#93c5fd;--bg-primary:#fff;--bg-secondary:var(--neutral-50);--bg-tertiary:var(--neutral-100);--bg-sidebar:var(--primary-blue);--bg-card:#fff;--bg-overlay:#00000080;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-inverse:#fff;--text-link:var(--primary-blue);--border-light:var(--neutral-200);--border-medium:var(--neutral-300);--border-dark:var(--neutral-400);--glass-bg:#ffffff14;--glass-bg-light:#ffffff26;--glass-border:#ffffff2e;--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--gradient-blue:linear-gradient(135deg,#1b365d 0%,#2a4a7f 50%,#1b365d 100%);--gradient-blue-radial:radial-gradient(ellipse at top,#2a4a7f 0%,#1b365d 50%,#0f1e33 100%);--gradient-gold:linear-gradient(135deg,#9a7e3a 0%,#c5a456 50%,#d4b76d 100%);--gradient-card:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);--gradient-premium:linear-gradient(135deg,#c5a4561a 0%,#1b365d0d 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-elevated:0 20px 40px -10px #00000026,0 0 0 1px #00000005;--shadow-card-hover:0 25px 50px -15px #1b365d33,0 0 0 1px #c5a4561a;--glow-blue:0 0 40px #1b365d66;--glow-gold:0 0 30px #c5a4564d;--glow-success:0 0 20px #22c55e4d;--spacing-xs:.2rem;--spacing-sm:.4rem;--spacing-md:.75rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem;--spacing-2xl:2.5rem;--spacing-3xl:3.5rem;--radius-sm:.3rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-md:.925rem;--font-size-lg:1.05rem;--font-size-xl:1.15rem;--font-size-2xl:1.35rem;--font-size-3xl:1.65rem;--font-size-4xl:2rem;--line-height-tight:1.2;--line-height-normal:1.45;--line-height-relaxed:1.65;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition-normal:.22s cubic-bezier(.4,0,.2,1);--transition-slow:.32s cubic-bezier(.4,0,.2,1);--transition-bounce:.45s cubic-bezier(.34,1.56,.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--sidebar-width:280px;--header-height:88px;--max-content-width:1400px}[data-theme=dark]{--primary-gold:#d4b76d;--primary-gold-light:#e3c88f;--primary-gold-dark:#c5a456;--primary-gold-50:#d4b76d26;--primary-blue:#3a5a8f;--primary-blue-light:#4a6ba5;--primary-blue-dark:#2a4a7f;--primary-blue-50:#3a5a8f26;--neutral-50:#2a2a2a;--neutral-100:#323232;--neutral-200:#3f3f3f;--neutral-300:#525252;--neutral-400:#737373;--neutral-500:#a3a3a3;--neutral-600:#d4d4d4;--neutral-700:#e5e5e5;--neutral-800:#f5f5f5;--neutral-900:#fafafa;--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-tertiary:#2a2a2a;--bg-sidebar:#0f1e33;--bg-card:#242424;--bg-overlay:#000000b3;--text-primary:#f5f5f5;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--text-inverse:#1a1a1a;--text-link:#93c5fd;--border-light:#333;--border-medium:#404040;--border-dark:#525252;--glass-bg:#1e1e1e99;--glass-bg-light:#282828b3;--glass-border:#ffffff1a;--gradient-blue:linear-gradient(135deg,#2a4a7f 0%,#3a5a8f 50%,#2a4a7f 100%);--gradient-blue-radial:radial-gradient(ellipse at top,#3a5a8f 0%,#2a4a7f 50%,#1b365d 100%);--gradient-gold:linear-gradient(135deg,#c5a456 0%,#d4b76d 50%,#e3c88f 100%);--gradient-card:linear-gradient(145deg,#242424 0%,#2a2a2a 100%);--gradient-premium:linear-gradient(135deg,#d4b76d1a 0%,#3a5a8f0d 100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-elevated:0 20px 40px -10px #00000080,0 0 0 1px #ffffff0d;--shadow-card-hover:0 25px 50px -15px #0009,0 0 0 1px #d4b76d26;--glow-blue:0 0 40px #3a5a8f80;--glow-gold:0 0 30px #d4b76d66;--glow-success:0 0 20px #22c55e66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--spacing-lg);margin:0 auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-blue);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--primary-blue-light)}.btn-secondary{background-color:var(--primary-gold);color:var(--primary-blue-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-gold-light)}.btn-outline{border:1px solid var(--border-medium);color:var(--text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-md)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-50);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--error)}.badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:500;display:inline-flex}.badge-planung{background-color:var(--info-light);color:var(--primary-blue)}.badge-bauphase{background-color:var(--warning-light);color:var(--neutral-800)}.badge-innenausbau{background-color:var(--primary-gold-50);color:var(--primary-gold-dark);border:1px solid var(--primary-gold)}.badge-fertiggestellt{background-color:var(--success-light);color:var(--neutral-800)}.progress-bar{background-color:var(--neutral-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary-gold-dark),var(--primary-gold));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-slideUp{animation:slideUp var(--transition-normal)}.animate-slideIn{animation:slideIn var(--transition-normal)}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-light{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.card-elevated{background:var(--gradient-card);box-shadow:var(--shadow-elevated);transition:all var(--transition-normal);border:1px solid #fffc}.card-elevated:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-premium{background:var(--gradient-premium);border:1px solid #c5a45633;position:relative;overflow:hidden}.card-premium:before{content:"";background:var(--gradient-gold);height:3px;position:absolute;top:0;left:0;right:0}@media (max-width:768px){:root{--sidebar-width:0px;--header-height:70px}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){html{font-size:14px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}