*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#0f172a;background:#f1f5f9}:root{--accent: #0d9488;--accent-hover: #0f766e;--border: #e2e8f0;--text-muted: #64748b;--error: #dc2626;--error-bg: rgba(220, 38, 38, .08)}button{font-family:inherit}.portal-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100vh;color:var(--text-muted)}.portal-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}.portal-auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.portal-auth-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;padding:32px}.portal-auth-card h1{font-size:1.25rem;margin:0 0 20px;color:#0f172a}.portal-field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;font-size:.875rem;color:var(--text-muted)}.portal-field input,.portal-field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;color:#0f172a;background:#fff}.portal-field input:focus,.portal-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0d948826}.portal-field input:disabled,.portal-field select:disabled{background:#f8fafc;color:var(--text-muted)}.portal-button{display:inline-block;width:100%;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.portal-button:hover:not(:disabled){background:var(--accent-hover)}.portal-button:disabled{opacity:.6;cursor:not-allowed}.portal-button-link{margin-top:8px}.portal-auth-links{display:flex;flex-direction:column;gap:6px;margin-top:16px}.portal-link-button{background:none;border:none;color:var(--accent);font-size:.875rem;cursor:pointer;padding:4px 0;text-align:left;text-decoration:none}.portal-link-button:hover{text-decoration:underline}.portal-hint{font-size:.875rem;color:var(--text-muted);margin:0 0 16px}.portal-error{font-size:.875rem;color:var(--error);background:var(--error-bg);border-radius:8px;padding:8px 12px;margin:0 0 16px}.portal-sso-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.portal-app{min-height:100vh;display:flex;flex-direction:column}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--border)}.portal-brand{font-weight:700;color:#0f172a;white-space:nowrap}.portal-nav{display:flex;flex-wrap:wrap;gap:4px;flex:1;justify-content:center}.portal-nav-link{padding:6px 12px;border-radius:8px;font-size:.875rem;color:var(--text-muted);text-decoration:none}.portal-nav-link:hover{background:#f1f5f9;color:#0f172a}.portal-nav-link-active{background:#0d94881a;color:var(--accent-hover);font-weight:600}.portal-main{flex:1;padding:24px;max-width:960px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.portal-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px}.portal-card h1{font-size:1.15rem;margin:0 0 16px}.portal-card h2{font-size:1rem;margin:0 0 12px}.portal-profile-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 20px;font-size:.9rem}.portal-profile-list dt{color:var(--text-muted)}.portal-profile-list dd{margin:0}.portal-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:20px}.portal-dashboard-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:#0f172a;background:#f8fafc}.portal-dashboard-tile:hover{border-color:var(--accent);background:#fff}.portal-dashboard-tile strong{font-size:.95rem}.portal-dashboard-tile span{font-size:.8rem;color:var(--text-muted)}.portal-table{width:100%;border-collapse:collapse;font-size:.9rem}.portal-table th{text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600}.portal-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}.portal-stammdaten{display:flex;flex-direction:column;gap:16px}.portal-change-request-field{padding:12px 0;border-top:1px solid var(--border)}.portal-change-request-field:first-of-type{border-top:none;padding-top:0}.portal-success{font-size:.875rem;color:#15803d;background:#15803d14;border-radius:8px;padding:8px 12px;margin:0 0 16px}