.user-header{background:#168eff;border-bottom:1px solid #e0e0e0;padding:16px 24px;box-shadow:0 0 20px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.header-brand{display:flex;align-items:center;gap:1.2em}.hds-logo{height:50px;width:auto;vertical-align:middle;display:inline-block}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{text-decoration:none;color:#666;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease;font-size:14px}.nav-link:hover{color:#005ca9;background:#f5f5f5}.nav-link.active{color:#005ca9;background:#e6f3ff;font-weight:600}.user-info{display:flex;align-items:center;gap:16px}.sharepoint-indicator{display:flex;align-items:center}.sharepoint-badge{background:#0078d4;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-weight:500;color:#f5f5f5;font-size:14px}.user-email{color:#f5f5f5;font-size:12px}.sign-out-button{background:transparent;border:1px solid #f5f5f5;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.sign-out-button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.sign-out-button:disabled{opacity:.7;cursor:not-allowed}.sign-out-icon{width:16px;height:16px;color:#f5f5f5}.spinner{width:16px;height:16px;animation:spin 1s linear infinite}@media (max-width: 768px){.header-content{flex-direction:column;gap:12px;align-items:flex-start}.nav-links{width:100%;justify-content:center;gap:16px}.user-info{width:100%;justify-content:space-between}.user-details{align-items:flex-start}}.app{min-height:100vh;display:flex;flex-direction:column}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden}.video-bg video{position:absolute;top:50%;left:50%;min-width:100vw;min-height:100vh;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0;filter:brightness(.7)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:20px;position:relative;z-index:1}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;max-width:400px;width:100%;text-align:center}.login-header h1{color:#333;margin-bottom:8px;font-size:24px;font-weight:600}.login-header p{color:#666;margin-bottom:32px;font-size:16px}.sign-in-button{background:#0078d4;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px}.sign-in-button:hover:not(:disabled){background:#106ebe}.sign-in-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}.error-message{color:#d32f2f;margin-top:16px;font-size:14px}.nominations-container{padding:2rem;width:1680px;margin:0 auto}@media only screen and (max-width: 1680px){.nominations-container{width:100%}}@media only screen and (max-width: 1000px){.nominations-container{min-width:1000px}}.nominations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.nominations-header h2{color:#168eff;margin:0}.nominations-stats{display:flex;align-items:center;gap:1rem}.stat{font-size:.9rem;color:#666;padding:.25rem .5rem;background:#f5f5f5;border-radius:3px}.filter-stat{display:flex;align-items:center;gap:.5rem;background:#e0f2fe;color:#168eff;padding:.25rem .25rem .25rem .75rem;border-radius:5px;font-weight:600}.clear-filters-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .5rem;border-radius:3px;transition:all .2s}.clear-filters-btn:hover{background:#005ca91a}.column-selector{position:relative;display:inline-block}.column-selector svg{width:15px;height:15px}.column-btn{background:#168eff;color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.column-btn:hover,.column-btn.active{background:#0f17a3}.column-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:.5rem}.column-menu-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #eee}.column-menu-header h4{margin:0;color:#333;font-size:.9rem}.close-menu-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:0;line-height:1}.close-menu-btn:hover{color:#333}.column-options{padding:.75rem;max-height:200px;overflow-y:auto}.column-option{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;cursor:pointer;font-size:.9rem}.column-option:hover{background:#f5f5f5}.column-option input[type=checkbox]{margin:0}.column-label{color:#333}.column-menu-actions{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #eee}.action-btn{background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:#e5e5e5}.refresh-btn,.retry-btn,.dismiss-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.refresh-btn,.retry-btn{background:#168eff;color:#fff}.refresh-btn:hover:not(:disabled),.retry-btn:hover{background:#0f17a3}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dismiss-btn{background:#6b7280;color:#fff}.dismiss-btn:hover{background:#4b5563}.loading-message{display:flex;align-items:center;justify-content:center;padding:3rem;color:#168eff;font-weight:600;gap:1rem}.loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top:2px solid #168eff;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:2rem;margin-bottom:1rem;text-align:center}.error-content h3{color:#b91c1c;margin:0 0 1rem;font-size:1.1rem}.error-content p{color:#7f1d1d;margin:0 0 1.5rem;line-height:1.5}.error-actions{display:flex;gap:1rem;justify-content:center}.no-data-message{text-align:center;padding:3rem;color:#666}.no-data-message h3{color:#168eff;margin:0 0 1rem}.no-data-message p{margin:0 0 2rem;line-height:1.5}.nominations-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;min-height:200px}.nominations-table table{width:100%;border-collapse:collapse}.nominations-table th{background:#168eff;color:#fff;padding:1rem 3.25rem 1rem 1rem;text-align:left;font-weight:600;position:relative}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;position:relative;padding-right:3rem}.sortable-header:hover{background:#0f17a3!important}.header-controls{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.3rem}.sort-arrow{font-size:.8rem}.arrow{transition:all .2s}.arrow-up,.arrow-down{color:#fff}.arrow-placeholder{opacity:.3;color:#fff}.filter-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:0rem;padding:.3rem;border-radius:3px;transition:all .2s;opacity:.7}.filter-btn svg{width:15px;height:15px}.filter-btn:hover{opacity:1;background:#ffffff1a}.filter-btn.active,.filter-btn.has-filter{opacity:1;background:#fff3}.filter-stat{height:32px;background:#f06914!important;color:#fff!important;font-weight:600;display:flex;align-items:center;gap:.5rem}.filter-input-container{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;padding:.75rem;z-index:1000;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:300px}.filter-input{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#005ca9;box-shadow:0 0 0 2px #005ca933}.nominations-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.nominations-table tbody tr:hover{background:#f9fafb}.ref-id-column{min-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-column{min-width:220px}.nominations-table th.betrag-column{text-align:right}.nominations-table td.betrag-column{text-align:right;padding-right:30px!important}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 16px}.text-center{text-align:center}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover{background:#106ebe}.btn-secondary{background:#f3f2f1;color:#323130;border:1px solid #d2d0ce}.btn-secondary:hover{background:#edebe9}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-weight:500;color:#323130}.form-input{width:100%;padding:8px 12px;border:1px solid #d2d0ce;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 12px}.card{padding:16px}}