:root{--primary-color: #2a6fdb;--primary-color-hover: #2055a9;--link-color: #0078d7;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bg-color-dark: #121212;--text-color-dark: #e0e0e0;--secondary-bg-dark: #1e1e1e;--border-color-dark: #333333;--caption-color-dark: #a0a0a0;--image-card-bg-dark: #1a1a1a;--image-card-border-dark: #333;--scrollbar-thumb-dark: #505050;--card-shadow-dark: 0 4px 8px rgba(0, 0, 0, .5);--inactive-tab-dark: #2a2a2a;--active-tab-dark: #3a3a3a;--header-bg-dark: #1a1a1a;--suggestion-bg-dark: #1e1e1e;--suggestion-border-dark: #333;--suggestion-hover-dark: #2d2d2d;--secondary-color-dark: #4a90e2;--bg-color-light: #f5f5f5;--text-color-light: #333333;--secondary-bg-light: #ffffff;--border-color-light: #dddddd;--caption-color-light: #666666;--image-card-bg-light: #ffffff;--image-card-border-light: #e0e0e0;--scrollbar-thumb-light: #c0c0c0;--card-shadow-light: 0 2px 5px rgba(0, 0, 0, .1);--inactive-tab-light: #e0e0e0;--active-tab-light: #f0f0f0;--header-bg-light: #ffffff;--suggestion-bg-light: #ffffff;--suggestion-border-light: #e0e0e0;--suggestion-hover-light: #f0f0f0;--secondary-color-light: #2a6fdb;--input-bg-dark: #2a2a2a;--input-border-dark: #333;--input-focus-border-dark: #646cff;--button-bg-dark: #2a2a2a;--button-border-dark: #333;--button-hover-bg-dark: #3a3a3a;--button-hover-border-dark: #646cff;--link-hover-color-dark: #646cff;--suggestion-highlight-bg-dark: #4a4a4a;--scrollbar-track-dark: #2a2a2a;--image-placeholder-bg-dark: #111;--date-color-dark: #888;--hr-color-dark: #444;--action-bar-bg-dark: rgba(30, 30, 30, .6);--action-button-color-dark: white;--action-button-shadow-dark: rgba(0, 0, 0, .7);--input-bg-light: #ffffff;--input-border-light: #ced4da;--input-focus-border-light: #86b7fe;--button-bg-light: #f8f9fa;--button-border-light: #dee2e6;--button-hover-bg-light: #e9ecef;--button-hover-border-light: #adb5bd;--link-hover-color-light: #0a58ca;--suggestion-highlight-bg-light: #d3d9df;--scrollbar-track-light: #e9ecef;--image-placeholder-bg-light: #f0f0f0;--date-color-light: #6c757d;--hr-color-light: #dee2e6;--action-bar-bg-light: rgba(240, 240, 240, .6);--action-button-color-light: #333;--action-button-shadow-light: rgba(255, 255, 255, .5);--suggestion-hover-bg-dark: var(--suggestion-hover-dark);--suggestion-hover-bg-light: var(--suggestion-hover-light);--suggestion-highlight-bg-dark: var(--suggestion-hover-dark);--suggestion-highlight-bg-light: var(--suggestion-hover-light);--link-color-dark: var(--text-color-dark);--link-color-light: var(--link-color);--image-card-hover-border-dark: var(--secondary-color-dark);--image-card-hover-border-light: var(--secondary-color-light)}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:var(--bg-color-dark);color:var(--text-color-dark);scrollbar-color:var(--scrollbar-thumb-dark) var(--scrollbar-track-dark)}body.light-mode{background-color:var(--bg-color-light);color:var(--text-color-light);scrollbar-color:var(--scrollbar-thumb-light) var(--scrollbar-track-light)}.app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;min-height:100vh;box-sizing:border-box}.title{font-size:3rem;margin-bottom:2rem;font-weight:500}.search-container{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;align-items:flex-start}.search-input{padding:.8rem 1.2rem;border-radius:8px;font-size:1rem;width:250px;transition:border-color .25s,background-color .3s ease,color .3s ease;flex-shrink:0;box-sizing:border-box}.find-button{padding:.8rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .25s,border-color .25s,color .3s ease;margin-bottom:2rem;font-weight:500}.find-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .find-button{background-color:var(--button-bg-dark);color:var(--text-color-dark);border:1px solid var(--button-border-dark)}body.dark-mode .find-button:hover:not(:disabled){background-color:var(--button-hover-bg-dark);border-color:var(--button-hover-border-dark)}body.light-mode .find-button{background-color:var(--button-bg-light);color:var(--text-color-light);border:1px solid var(--button-border-light)}body.light-mode .find-button:hover:not(:disabled){background-color:var(--button-hover-bg-light);border-color:var(--button-hover-border-light)}.connection-result{margin-top:2rem;width:100%}.scrollable-container{overflow-x:auto;overflow-y:hidden;padding:1rem;scrollbar-width:thin;white-space:nowrap;position:relative;display:flex;justify-content:flex-start;width:calc(1050px + 8rem);max-width:100%;margin:0 auto}.scrollable-container-few-cards{overflow-x:hidden}body.dark-mode .scrollable-container::-webkit-scrollbar{height:8px}body.dark-mode .scrollable-container::-webkit-scrollbar-track{background:var(--scrollbar-track-dark);border-radius:4px}body.dark-mode .scrollable-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark);border-radius:4px}body.light-mode .scrollable-container::-webkit-scrollbar{height:8px}body.light-mode .scrollable-container::-webkit-scrollbar-track{background:var(--scrollbar-track-light);border-radius:4px}body.light-mode .scrollable-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light);border-radius:4px}.connection-path{display:flex;gap:2rem;margin-bottom:2rem;padding:0;justify-content:flex-start;align-items:stretch;white-space:normal;width:max-content}.connection-path-centered{margin:0 auto;width:auto;justify-content:center}.connection-image{width:350px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;transition:border-color .2s ease-in-out,background-color .3s ease;height:500px}body.dark-mode .connection-image{background-color:var(--image-card-bg-dark);border:1px solid var(--image-card-border-dark)}body.dark-mode .connection-image:hover{border-color:var(--image-card-hover-border-dark)}body.light-mode .connection-image{background-color:var(--image-card-bg-light);border:1px solid var(--image-card-border-light)}body.light-mode .connection-image:hover{border-color:var(--image-card-hover-border-light)}.image-container{overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;height:250px;min-height:250px;width:100%;position:relative}body.dark-mode .image-container{background-color:var(--image-placeholder-bg-dark)}body.light-mode .image-container{background-color:var(--image-placeholder-bg-light)}.connection-img{width:100%;height:100%;object-fit:contain;margin:0 auto;display:block;max-height:250px}.image-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .2s ease-in-out,background-color .3s ease;padding:4px 6px;border-radius:6px;pointer-events:none;z-index:5}.image-container:hover .image-actions{opacity:1;pointer-events:auto}.action-button{background:none;border:none;padding:3px;cursor:pointer;line-height:0;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,color .3s ease}.action-button svg{display:block}.action-button:hover{transform:scale(1.1)}.action-button:active{transform:scale(.95)}body.dark-mode .image-actions{background-color:var(--action-bar-bg-dark)}body.dark-mode .action-button{color:var(--action-button-color-dark);text-shadow:0 1px 2px var(--action-button-shadow-dark)}body.light-mode .image-actions{background-color:var(--action-bar-bg-light)}body.light-mode .action-button{color:var(--action-button-color-light);text-shadow:0 1px 1px var(--action-button-shadow-light)}.action-button.like-button.active{color:#4caf50;transform:scale(1.1)}.action-button.dislike-button.active{color:#f44336;transform:scale(1.1)}.action-button:disabled{opacity:.6;cursor:default;transform:none!important}.connection-details{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1;height:250px;position:relative;overflow:auto}.connection-info{display:flex;align-items:center;margin-bottom:.5rem;justify-content:space-between}.connection-date{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9rem;text-align:center;flex:0 0 auto;margin-right:.5rem;transition:color .3s ease}body.dark-mode .connection-date{color:var(--date-color-dark)}body.light-mode .connection-date{color:var(--date-color-light)}.connection-names{font-weight:500;font-size:1.1rem;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 .5rem;white-space:normal;word-break:break-word;overflow-wrap:break-word}.connection-names p{margin:.1em 0}hr{border:none;height:1px;margin:.5rem 0;transition:background-color .3s ease}body.dark-mode hr{background-color:var(--hr-color-dark)}body.light-mode hr{background-color:var(--hr-color-light)}.connection-caption{font-size:.9rem;margin-top:.5rem;display:block;overflow:auto;max-width:100%;line-height:1.4;transition:color .3s ease;max-height:6.3rem;padding-right:5px}body.dark-mode .connection-caption{color:var(--caption-color-dark)}body.light-mode .connection-caption{color:var(--caption-color-light)}.connection-caption::-webkit-scrollbar{width:4px}body.dark-mode .connection-caption::-webkit-scrollbar-track{background:var(--image-card-bg-dark)}body.dark-mode .connection-caption::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark);border-radius:4px}body.light-mode .connection-caption::-webkit-scrollbar-track{background:var(--image-card-bg-light)}body.light-mode .connection-caption::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light);border-radius:4px}.connection-caption p{margin:0;text-align:left}.autocomplete-container{position:relative;width:250px}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:99;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0;text-align:left;scrollbar-width:thin;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,border-color .3s ease,color .3s ease}body.dark-mode .suggestions-dropdown::-webkit-scrollbar{width:8px}body.dark-mode .suggestions-dropdown::-webkit-scrollbar-track{background:var(--suggestion-bg-dark);border-radius:0 4px 4px 0}body.dark-mode .suggestions-dropdown::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark);border-radius:4px}body.light-mode .suggestions-dropdown::-webkit-scrollbar{width:8px}body.light-mode .suggestions-dropdown::-webkit-scrollbar-track{background:var(--suggestion-bg-light);border-radius:0 4px 4px 0}body.light-mode .suggestions-dropdown::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light);border-radius:4px}.suggestion-item{padding:8px 12px;cursor:pointer;transition:background-color .3s ease}body.dark-mode .suggestion-item:hover,body.dark-mode .suggestion-item.highlighted{background-color:var(--suggestion-hover-dark)}body.light-mode .suggestion-item:hover,body.light-mode .suggestion-item.highlighted{background-color:var(--suggestion-hover-light)}.loading-indicator{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:18px}.loading-indicator:after{content:"";display:block;width:16px;height:16px;border-radius:50%;border:2px solid transparent;animation:loading-spin .8s linear infinite}body.dark-mode .loading-indicator:after{border-top-color:var(--secondary-color-dark)}body.light-mode .loading-indicator:after{border-top-color:var(--secondary-color-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.top-nav{position:absolute;top:1rem;right:2rem;z-index:100}.top-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;align-items:center}.top-nav a{position:relative;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s}.top-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;transition:background-color .2s}body.dark-mode .top-nav a{color:var(--link-color-dark)}body.dark-mode .top-nav a:after{background-color:var(--link-color-dark)}body.dark-mode .top-nav a:hover{color:var(--link-hover-color-dark)}body.dark-mode .top-nav a:hover:after{background-color:var(--link-hover-color-dark)}body.light-mode .top-nav a{color:#000}body.light-mode .top-nav a:after{background-color:#000}body.light-mode .top-nav a:hover{color:var(--link-hover-color-light)}body.light-mode .top-nav a:hover:after{background-color:var(--link-hover-color-light)}.theme-toggle-button{background:none;border:none;cursor:pointer;padding:0;margin:0;font-size:1.5rem;line-height:1;transition:color .2s,transform .2s ease-out;vertical-align:middle}.theme-toggle-button:hover{transform:scale(1.1)}body.dark-mode .theme-toggle-button{color:var(--link-color-dark)}body.dark-mode .theme-toggle-button:hover{color:var(--link-hover-color-dark)}body.light-mode .theme-toggle-button{color:var(--link-color-light)}body.light-mode .theme-toggle-button:hover{color:var(--link-hover-color-light)}.connection-timeline,.timeline-line,.timeline-dot{display:none}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.image-modal-content{width:90%;height:90%;max-width:1400px;position:relative;display:flex;flex-direction:column;animation:scaleUp .3s ease-in-out;background:transparent;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:-40px;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;opacity:.8;transition:opacity .2s;z-index:1001;padding:8px;line-height:1}.image-modal-close:hover{opacity:1}.image-modal-inner{display:flex;flex-direction:column;height:100%;width:100%;border-radius:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-modal-img-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;min-height:400px;height:calc(100% - 150px)}.image-modal-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #0000004d}.image-modal-details{padding:1.5rem;text-align:center;color:#fff;max-height:150px;overflow-y:auto}.image-modal-names{font-size:1.3rem;margin:0 0 .5rem;font-weight:500}.image-modal-date{font-size:.9rem;margin:0 0 1rem;opacity:.8}.image-modal-caption{font-size:1rem;line-height:1.5;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.visit-counter{position:fixed;bottom:20px;left:20px;padding:6px 10px;border-radius:6px;font-size:.8rem;z-index:100;opacity:1;transition:opacity .5s ease-in-out;animation:fadeIn .3s ease-in-out}.visit-counter.hidden{opacity:0;pointer-events:none}body.dark-mode .visit-counter{background-color:var(--action-bar-bg-dark);color:var(--action-button-color-dark)}body.light-mode .visit-counter{background-color:var(--action-bar-bg-light);color:var(--action-button-color-light)}body.dark-mode a{color:var(--text-color-dark)}body.light-mode a{color:var(--text-color-light)}body.dark-mode a:hover{color:var(--link-hover-color-dark)}body.light-mode a:hover{color:var(--link-hover-color-light)}.suggestion-item.highlighted{font-weight:500}body.dark-mode .suggestion-item.highlighted{background-color:var(--suggestion-hover-dark)}body.light-mode .suggestion-item.highlighted{background-color:var(--suggestion-hover-light)}:root{--suggestion-hover-bg-dark: var(--suggestion-hover-dark);--suggestion-hover-bg-light: var(--suggestion-hover-light);--suggestion-highlight-bg-dark: var(--suggestion-hover-dark);--suggestion-highlight-bg-light: var(--suggestion-hover-light);--link-color-dark: var(--text-color-dark);--link-color-light: var(--link-color);--image-card-hover-border-dark: var(--secondary-color-dark);--image-card-hover-border-light: var(--secondary-color-light)}.report-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#eee;color:#000000b3;border:none;cursor:pointer;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1000}.report-button:hover{background-color:#e0e0e0;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{padding:20px;border-radius:10px;box-shadow:0 4px 20px #0003;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;transition:background-color .3s ease,color .3s ease}body.dark-mode .modal-content{background-color:#222;color:var(--text-color-dark);box-shadow:0 4px 20px #00000080}body.light-mode .modal-content{background-color:#fff;color:var(--text-color-light)}.report-modal h2{margin-top:0;margin-bottom:20px}body.dark-mode .report-modal h2{color:var(--text-color-dark)}body.light-mode .report-modal h2{color:#333}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;padding:5px;transition:color .3s ease}body.dark-mode .modal-close{color:var(--text-color-dark)}body.light-mode .modal-close{color:#777}.report-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:20px}.report-image-item{border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;transition:all .2s ease}.report-image-item:hover{transform:translateY(-2px)}.report-image-item.selected{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.report-image-item img{width:100%;height:80px;object-fit:cover}.report-image-label{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;font-size:12px;padding:3px 0;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group select{margin-bottom:16px}.form-group select,.form-group textarea{width:100%;padding:10px;border-radius:4px;font-size:14px;transition:all .3s ease}body.dark-mode .form-group select,body.dark-mode .form-group textarea{background-color:var(--input-bg-dark);color:var(--text-color-dark);border:1px solid var(--input-border-dark)}body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:var(--input-focus-border-dark)}body.light-mode .form-group select,body.light-mode .form-group textarea{background-color:var(--input-bg-light);color:var(--text-color-light);border:1px solid var(--input-border-light)}body.light-mode .form-group select:focus,body.light-mode .form-group textarea:focus{border-color:var(--input-focus-border-light)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.submit-button{padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;height:40px;display:flex;align-items:center;justify-content:center}body.dark-mode .cancel-button{background-color:var(--button-bg-dark);border:1px solid var(--button-border-dark);color:var(--text-color-dark)}body.dark-mode .cancel-button:hover:not(:disabled){background-color:var(--button-hover-bg-dark);border-color:var(--button-hover-border-dark)}body.dark-mode .submit-button{background-color:var(--secondary-color-dark);border:none;color:#fff}body.dark-mode .submit-button:hover:not(:disabled){background-color:var(--primary-color-hover)}body.light-mode .cancel-button{background-color:#f1f1f1;border:1px solid #ddd;color:#555}body.light-mode .submit-button{background-color:#2196f3;border:none;color:#fff}body.light-mode .submit-button:hover:not(:disabled){background-color:#1976d2}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.error-message{margin-bottom:15px;padding:8px 12px;border-radius:4px;transition:background-color .3s ease,color .3s ease}body.dark-mode .error-message{color:#e57373;background-color:#f4433633}body.light-mode .error-message{color:#f44336;background-color:#ffebee}.report-success{text-align:center;padding:20px 0}body.dark-mode .report-success p{color:#81c784;font-size:16px;font-weight:500}body.light-mode .report-success p{color:#4caf50;font-size:16px;font-weight:500}@media (max-width: 600px){.report-images-grid{grid-template-columns:repeat(3,1fr)}.form-actions{flex-direction:column}.form-actions button{width:100%}}body.dark-mode .report-image-item.selected{border-color:var(--secondary-color-dark);box-shadow:0 0 0 2px #4a90e24d}body.light-mode .report-image-item.selected{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.page-content{max-width:800px;margin:2rem auto;padding:1rem 2rem;text-align:left;line-height:1.7;border-radius:8px;background-color:var(--page-bg, transparent)}body.dark-mode .page-content{--page-bg: rgba(42, 42, 42, .5);color:var(--text-color-dark)}body.light-mode .page-content{--page-bg: rgba(255, 255, 255, .7);color:var(--text-color-light);box-shadow:0 2px 10px #0000000d}.page-content h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.page-content h2{margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid;padding-bottom:.5rem}body.dark-mode .page-content h2{border-color:var(--input-border-dark)}body.light-mode .page-content h2{border-color:var(--input-border-light)}body.dark-mode .page-content h1{color:#fff}.page-content p,.page-content ul{margin-bottom:1rem}.page-content ul{list-style:disc;padding-left:2rem}.page-content a{transition:color .2s}body.dark-mode .page-content a{color:var(--link-hover-color-dark)}body.dark-mode .page-content a:hover{color:var(--text-color-dark)}body.light-mode .page-content a{color:var(--link-color-light)}body.light-mode .page-content a:hover{color:var(--link-hover-color-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);border-radius:8px;box-shadow:0 5px 15px #0000004d;position:relative;max-width:90%;max-height:90vh}.modal-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);z-index:2}.dark-mode{--background-color: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2a2a2a;--text-color: #e0e0e0;--muted-text-color: #aaaaaa;--border-color: #444444;--primary-color: #90caf9;--primary-color-hover: #64b5f6;--button-secondary-bg: #424242;--button-secondary-hover: #505050}:root{--background-color: #ffffff;--background-secondary: #f5f5f5;--background-tertiary: #eeeeee;--text-color: #333333;--muted-text-color: #666666;--border-color: #dddddd;--primary-color: #2196f3;--primary-color-hover: #1976d2;--button-secondary-bg: #e0e0e0;--button-secondary-hover: #d0d0d0}.contribute-form,.form-group,.url-input-container,.ownership-section,.people-inputs,.image-source-toggle,.owner-name-field,.owner-name-field input,.landing-url-input,.file-upload-container,.date-input{box-sizing:border-box;max-width:600px}.contribute-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;width:100%;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:.5rem;max-width:600px;width:100%;margin:0 auto}.form-group input,.form-group textarea,.url-input,.owner-name-field input,.landing-url-input,.date-input{width:100%;max-width:600px;box-sizing:border-box;padding:.75rem;border-radius:4px;font-size:1rem;color:inherit;transition:border-color .2s,background-color .2s,color .2s}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group input[type=file]{padding:.5rem;cursor:pointer}.people-inputs{display:flex;flex-direction:column;gap:.75rem;max-width:600px;width:100%;box-sizing:border-box}.person-input-container{display:flex;gap:.5rem;align-items:center;width:100%}.person-input-wrapper{display:flex;flex:1;gap:.5rem;align-items:center;min-width:0}.person-input-wrapper input,.person-input-wrapper .autocomplete-container{flex:1;min-width:0;width:100%}.person-type-toggle{display:flex;align-items:center;gap:.25rem;padding:.2rem;background-color:#0000001a;border-radius:100px;transition:background-color .2s;flex-shrink:0;width:auto;position:relative}.toggle-label{font-size:.75rem;padding:.3rem .8rem;border-radius:100px;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:1;flex:1;text-align:center;min-width:60px}.person-type-toggle:before{content:"";position:absolute;top:.2rem;left:.2rem;height:calc(100% - .4rem);width:calc(50% - .2rem);background-color:#000;border-radius:100px;transition:transform .3s ease;transform:translate(0)}.person-type-toggle.new:before{transform:translate(100%)}.toggle-label.active{color:#fff}body.dark-mode .person-type-toggle{background-color:#ffffff1a}body.dark-mode .person-type-toggle:before{background-color:#fff}body.dark-mode .toggle-label.active{color:#000}.toggle-switch{display:none}.delete-person-button{padding:.5rem;background-color:transparent;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;transition:color .2s;opacity:.7}.delete-person-button:hover{opacity:1}.add-person-button,.submit-button{padding:.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;margin-top:.5rem}.submit-button{padding:1rem 2rem;font-size:1rem;font-weight:500;margin-top:1rem}.submit-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .form-group label{color:var(--text-color-dark)}body.dark-mode .form-group input,body.dark-mode .form-group textarea{border:1px solid var(--input-border-dark, #444);background-color:var(--input-bg-dark);color:var(--text-color-dark)}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:var(--input-focus-border-dark)}body.dark-mode .form-group input[type=file]{border:1px solid var(--input-border-dark, #444);background-color:var(--input-bg-dark);color:var(--text-color-dark)}body.dark-mode .add-person-button,body.dark-mode .submit-button{background-color:var(--button-bg-dark);color:var(--text-color-dark);border:1px solid var(--button-border-dark)}body.dark-mode .add-person-button:hover:not(:disabled),body.dark-mode .submit-button:hover:not(:disabled){background-color:var(--button-hover-bg-dark);border-color:var(--button-hover-border-dark)}body.dark-mode .delete-person-button{color:var(--text-color-dark)}body.dark-mode .delete-person-button:hover{color:var(--button-hover-border-dark)}body.dark-mode .toggle-new-person-button:hover{background-color:#ffffff1a}body.dark-mode .new-person-input{background-color:var(--input-bg-dark);color:var(--text-color-dark);border:1px solid var(--input-border-dark)}body.dark-mode .new-person-input:focus{border-color:var(--input-focus-border-dark)}body.dark-mode .person-type-toggle:hover{background-color:#ffffff1a}body.dark-mode .toggle-slider{background-color:#666}body.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:#646cff}body.light-mode .form-group label{color:var(--text-color-light)}body.light-mode .form-group input,body.light-mode .form-group textarea{border:1px solid var(--input-border-light, #ddd);background-color:var(--input-bg-light);color:var(--text-color-light)}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus{border-color:var(--input-focus-border-light)}body.light-mode .form-group input[type=file]{border:1px solid var(--input-border-light, #ddd);background-color:var(--input-bg-light);color:var(--text-color-light)}body.light-mode .add-person-button,body.light-mode .submit-button{background-color:var(--button-bg-light);color:var(--text-color-light);border:1px solid var(--button-border-light)}body.light-mode .add-person-button:hover:not(:disabled),body.light-mode .submit-button:hover:not(:disabled){background-color:var(--button-hover-bg-light);border-color:var(--button-hover-border-light)}body.light-mode .delete-person-button{color:var(--text-color-light)}body.light-mode .delete-person-button:hover{color:var(--button-hover-border-light)}body.light-mode .toggle-new-person-button:hover{background-color:#0000000d}body.light-mode .new-person-input{background-color:var(--input-bg-light);color:var(--text-color-light);border:1px solid var(--input-border-light)}body.light-mode .new-person-input:focus{border-color:var(--input-focus-border-light)}body.light-mode .person-type-toggle:hover{background-color:#0000000d}body.light-mode .toggle-slider{background-color:#888}body.light-mode .toggle-switch input:checked+.toggle-slider{background-color:#646cff}.file-upload-container{display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:8px;transition:all .2s;position:relative;overflow:hidden;cursor:pointer}.file-input{display:none}.file-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;min-height:200px;padding:2rem;cursor:pointer;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.upload-icon{font-size:1.5rem;margin-bottom:.5rem}.upload-hint{font-size:.8rem;opacity:.7;margin-top:.5rem}.image-preview{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-image{width:100%;height:100%;object-fit:cover}.delete-image-button{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all .2s;z-index:2;box-shadow:0 1px 3px #0003}body.dark-mode .file-upload-container{border:2px solid var(--input-border-dark, #444)}body.dark-mode .file-upload-button{background-color:var(--input-bg-dark);color:var(--text-color-dark)}body.dark-mode .file-upload-container:hover{border-color:var(--button-hover-border-dark);background-color:var(--button-hover-bg-dark)}body.dark-mode .delete-image-button{background-color:#fff3;color:#fff}body.dark-mode .delete-image-button:hover{background-color:#fff6}body.light-mode .file-upload-container{border:2px solid var(--input-border-light, #ddd)}body.light-mode .file-upload-button{background-color:var(--input-bg-light);color:var(--text-color-light)}body.light-mode .file-upload-container:hover{border-color:var(--button-hover-border-light);background-color:var(--button-hover-bg-light)}body.light-mode .delete-image-button{background-color:#0006;color:#fff}body.light-mode .delete-image-button:hover{background-color:#0009}.date-input{padding:.75rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:5px;margin-right:-5px;opacity:.6;transition:opacity .2s;filter:none}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}body.dark-mode .date-input{background-color:var(--input-bg-dark);color:var(--text-color-dark);border:1px solid var(--input-border-dark, #444);color-scheme:dark}body.dark-mode .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}body.dark-mode .date-input:focus{border-color:var(--input-focus-border-dark)}body.light-mode .date-input{background-color:var(--input-bg-light);color:var(--text-color-light);border:1px solid var(--input-border-light, #ddd);color-scheme:light}body.light-mode .date-input:focus{border-color:var(--input-focus-border-light)}.success-message{background-color:#4caf50;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease-out;box-shadow:0 2px 4px #0000001a}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;border-radius:8px;max-height:200px;overflow-y:auto;list-style:none;padding:0;text-align:left}.suggestion-item{padding:10px 12px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .suggestions-dropdown{background:var(--suggestion-bg-dark);border:1px solid var(--suggestion-border-dark);border-top:none;color:var(--text-color-dark)}body.dark-mode .suggestion-item:hover{background-color:var(--suggestion-hover-bg-dark)}body.dark-mode .suggestion-item.highlighted{background-color:var(--suggestion-highlight-bg-dark)}body.light-mode .suggestions-dropdown{background:var(--suggestion-bg-light);border:1px solid var(--suggestion-border-light);border-top:none;color:var(--text-color-light)}body.light-mode .suggestion-item:hover{background-color:var(--suggestion-hover-bg-light)}body.light-mode .suggestion-item.highlighted{background-color:var(--suggestion-highlight-bg-light)}.search-input{width:100%;padding:.8rem 1.2rem;border-radius:8px;font-size:1rem;transition:border-color .25s,background-color .3s ease,color .3s ease;box-sizing:border-box}.search-input:focus{outline:none}body.dark-mode .search-input{background-color:var(--input-bg-dark);color:var(--text-color-dark);border:1px solid var(--input-border-dark)}body.dark-mode .search-input:focus{border-color:var(--input-focus-border-dark)}body.light-mode .search-input{background-color:var(--input-bg-light);color:var(--text-color-light);border:1px solid var(--input-border-light)}body.light-mode .search-input:focus{border-color:var(--input-focus-border-light)}.character-limit{font-size:.8rem;color:#666;font-weight:400;margin-left:.5rem}.character-limit.near-limit{color:#f57c00}.character-limit.at-limit{color:#d32f2f}.image-source-toggle{display:flex;gap:.5rem;margin-bottom:1rem;width:100%;max-width:600px;box-sizing:border-box}.image-source-button{flex:1;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;background-color:transparent;border:1px solid #ddd}.image-source-button.active{background-color:#646cff;color:#fff;border-color:#646cff}.url-input-container{display:flex;flex-direction:column;gap:1rem;width:100%}.url-input{width:100%;max-width:600px;padding:.75rem;border-radius:4px;font-size:1rem;border:1px solid #ddd;transition:all .2s}.url-input:focus{outline:none;border-color:#646cff}.invalid-image{position:relative;background-color:#ffebee;color:#d32f2f;min-height:100px;display:flex;align-items:center;justify-content:center;font-weight:500}.invalid-image:before{content:"Invalid Image URL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.dark-mode .image-source-button{border-color:#444;color:#e0e0e0}body.dark-mode .image-source-button.active{background-color:#646cff;color:#fff;border-color:#646cff}body.dark-mode .url-input{background-color:#333;color:#e0e0e0;border-color:#444}body.dark-mode .url-input:focus{border-color:#646cff}body.dark-mode .invalid-image{background-color:#452e2e;color:#e57373}.ownership-section{border:1px solid #e1e1e1;border-radius:8px;padding:20px;margin:20px auto 0;background-color:#f9f9f9;max-width:600px;width:100%;box-sizing:border-box}.ownership-checkbox label,.acknowledgment-checkbox label{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-bottom:10px}.ownership-checkbox input[type=checkbox],.acknowledgment-checkbox input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.owner-name-field{margin-top:15px}.owner-name-field label{display:block;margin-bottom:5px;font-weight:500}.owner-name-field input{width:100%;max-width:600px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px}.landing-url-label{display:block;margin-bottom:5px;font-weight:500}.field-hint{font-size:.8rem;color:#666;margin-top:5px;margin-bottom:10px;font-style:italic}body.dark-mode .ownership-section{background-color:#222;border-color:#444}body.dark-mode .owner-name-field input{background-color:#333;color:#e0e0e0;border-color:#444}body.dark-mode .field-hint{color:#aaa}.landing-url-input{width:100%;max-width:600px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .2s ease}.landing-url-input:focus{outline:none;border-color:#646cff}body.dark-mode .landing-url-input{background-color:#333;color:#e0e0e0;border-color:#444}body.dark-mode .landing-url-input:focus{border-color:#646cff}.admin-page{max-width:100%;width:100%;margin:2rem auto 0;padding:0 1rem 2rem;overflow-x:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logout-button{background-color:#f44336;color:#fff;border:none;padding:10px 18px;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 5px #0003}.logout-button:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.login-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:2rem auto}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500}.form-group input{padding:.75rem;border-radius:4px;font-size:1rem;color:inherit;transition:border-color .2s,background-color .2s,color .2s}.form-group input:focus{outline:none}.submit-button,.logout-button,.approve-button,.reject-button{padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border:none}.submit-button{padding:1rem 2rem;width:100%;margin-top:1rem}.page-content h1{text-align:center;margin-bottom:30px;font-size:2.2rem;font-weight:700;color:var(--heading-color, #333)}.contributions-table-container{overflow-x:auto;border-radius:4px;width:100%;max-width:100%;margin:0 auto;box-shadow:0 1px 3px #0000001a;min-width:0}.contributions-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:auto}.contributions-table th,.contributions-table td{padding:.8rem .5rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.contributions-table th:nth-child(1),.contributions-table td:nth-child(1){width:90px}.contributions-table th:nth-child(2),.contributions-table td:nth-child(2){width:12%}.contributions-table th:nth-child(3),.contributions-table td:nth-child(3){width:7%}.contributions-table th:nth-child(4),.contributions-table td:nth-child(4){width:16%}.contributions-table th:nth-child(5),.contributions-table td:nth-child(5){width:12%}.contributions-table th:nth-child(6),.contributions-table td:nth-child(6){width:12%}.contributions-table th:nth-child(7),.contributions-table td:nth-child(7){width:7%}.contributions-table th:nth-child(8),.contributions-table td:nth-child(8){width:8%}.image-cell{width:90px;height:120px;padding:.5rem;text-align:center}.thumbnail{width:auto;max-width:100%;height:100px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s;background-color:#0000000d}.thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.contributor-name{font-weight:600;margin-bottom:.25rem}.contributor-email{font-size:.8rem;color:#666;font-style:italic}body.dark-mode .contributor-email{color:#aaa}.description-cell,.people-cell{max-width:100%;overflow:hidden;padding:.75rem .5rem;word-break:break-word}.scrollable-content{max-height:120px;overflow-y:auto;overflow-x:hidden;padding-right:5px}.scrollable-content ul{margin:0;padding-left:1rem;font-size:.85rem;line-height:1.6}.scrollable-content ul li{margin-bottom:5px}.description-cell::-webkit-scrollbar{width:6px}.description-cell::-webkit-scrollbar-track{background:#0000000d}.description-cell::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.description-cell{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.people-list{margin:0;padding-left:1.25rem;font-size:.9rem}.people-list li{margin-bottom:4px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;min-width:80px;text-align:center;white-space:nowrap}.status-badge.pending{background-color:#fff8e1;color:#f57c00}.status-badge.approved{background-color:#e8f5e9;color:#2e7d32}.status-badge.rejected{background-color:#ffebee;color:#d32f2f}.action-buttons{display:flex;flex-direction:column;gap:.5rem;justify-content:center;height:100%}.approve-button,.reject-button{padding:.4rem;font-size:1rem;font-weight:700;min-width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#646cff;animation:spin 1s ease-in-out infinite}.loading-indicator p{margin-top:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;border-radius:4px;margin-top:1rem}.empty-icon{font-size:3rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem;margin-bottom:1rem}.empty-state p{font-size:1rem;max-width:500px;line-height:1.5}.error-message{padding:1rem;margin-bottom:1rem;border-radius:4px;font-weight:500}body.dark-mode .form-group input{border:1px solid #444;background-color:#333;color:#e0e0e0}body.dark-mode .form-group input:focus{border-color:#646cff}body.dark-mode .submit-button,body.dark-mode .logout-button{background-color:#646cff;color:#fff;border:1px solid transparent}body.dark-mode .submit-button:hover:not(:disabled),body.dark-mode .logout-button:hover:not(:disabled){background-color:#535bf2}body.dark-mode .approve-button{background-color:#4caf50;color:#fff;border:none}body.dark-mode .approve-button:hover:not(:disabled){background-color:#388e3c}body.dark-mode .reject-button{background-color:#f44336;color:#fff;border:none}body.dark-mode .reject-button:hover:not(:disabled){background-color:#d32f2f}body.dark-mode .empty-state,body.dark-mode .contributions-table-container{background-color:#222;border:1px solid #333}body.dark-mode .contributions-table th{background-color:#333;color:#e0e0e0}body.dark-mode .contributions-table td{border-bottom:1px solid #333}body.dark-mode .status-badge.pending{background-color:#5f4339;color:#ffb74d}body.dark-mode .status-badge.approved{background-color:#2e452e;color:#81c784}body.dark-mode .status-badge.rejected{background-color:#452e2e;color:#e57373}body.dark-mode .spinner{border-color:#ffffff1a;border-top-color:#646cff}body.dark-mode .error-message{background-color:#452e2e;color:#e57373;border-left:4px solid #e57373}body.light-mode .form-group input{border:1px solid #ddd;background-color:#fff;color:#333}body.light-mode .form-group input:focus{border-color:#646cff}body.light-mode .submit-button,body.light-mode .logout-button{background-color:#646cff;color:#fff;border:1px solid transparent}body.light-mode .submit-button:hover:not(:disabled),body.light-mode .logout-button:hover:not(:disabled){background-color:#535bf2}body.light-mode .approve-button{background-color:#4caf50;color:#fff;border:none}body.light-mode .approve-button:hover:not(:disabled){background-color:#388e3c}body.light-mode .reject-button{background-color:#f44336;color:#fff;border:none}body.light-mode .reject-button:hover:not(:disabled){background-color:#d32f2f}body.light-mode .empty-state,body.light-mode .contributions-table-container{background-color:#fff;border:1px solid #eee}body.light-mode .contributions-table th{background-color:#f5f5f5;color:#333}body.light-mode .contributions-table td{border-bottom:1px solid #eee}body.light-mode .status-badge.pending{background-color:#fff8e1;color:#f57c00}body.light-mode .status-badge.approved{background-color:#e8f5e9;color:#2e7d32}body.light-mode .status-badge.rejected{background-color:#ffebee;color:#d32f2f}body.light-mode .error-message{background-color:#ffebee;color:#d32f2f;border-left:4px solid #d32f2f}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #0003;padding:10px;display:flex;justify-content:center;align-items:center}.image-modal-close{position:absolute;top:10px;right:10px;background-color:#fffc;color:#333;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0003;z-index:1}.image-modal-close:hover{background-color:#fff}.full-size-image{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:0 auto}.filter-controls{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-button{padding:8px 16px;border:2px solid #ccc;background-color:#fff;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-button.active{background-color:#646cff;color:#fff;border-color:#646cff}.filter-button:hover:not(.active){border-color:#646cff;color:#646cff}body.dark-mode .image-modal-content{background-color:#1a1a1a}body.dark-mode .image-modal-close{background-color:#282828cc;color:#e0e0e0}body.dark-mode .image-modal-close:hover{background-color:#333}body.dark-mode .filter-button{background-color:#333;color:#e0e0e0;border-color:#555}body.dark-mode .filter-button:hover:not(.active){border-color:#646cff;color:#646cff}body.dark-mode .filter-button.active{background-color:#646cff;color:#fff;border-color:#646cff}.ownership-cell{max-width:180px;font-size:.9rem}.ownership-label{font-weight:500;color:#555;margin-right:4px}.source-link{color:#646cff;text-decoration:none;font-size:.85rem}.source-link:hover{text-decoration:underline}.contributions-table thead th{padding:.5rem .75rem!important;font-size:.9rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;background-color:#f5f5f5;border-bottom:2px solid #ddd}body.dark-mode .contributions-table thead th{background-color:#333;color:#e0e0e0;border-bottom-color:#444}.contributions-table td,.contributions-table th{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 1200px){.admin-page{max-width:1200px}}@media (max-width: 768px){.contributions-table th:nth-child(3),.contributions-table td:nth-child(3),.contributions-table th:nth-child(7),.contributions-table td:nth-child(7){display:none}}.actions-cell{min-width:60px;padding-left:.4rem;padding-right:.4rem;white-space:normal;text-align:center}.view-selector{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.view-button{background:none;border:none;padding:8px 16px;font-size:16px;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .2s ease}.view-button:hover{color:#333}.view-button.active{color:#2196f3}.view-button.active:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:3px;background-color:#2196f3}.reports-table .reason-cell{max-width:150px}.delete-button{padding:.4rem;font-size:1rem;font-weight:700;min-width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}body.dark-mode .delete-button{background-color:#f44336;color:#fff;border:none}body.dark-mode .delete-button:hover:not(:disabled){background-color:#d32f2f}body.light-mode .delete-button{background-color:#f44336;color:#fff;border:none}body.light-mode .delete-button:hover:not(:disabled){background-color:#d32f2f}.edit-contribution-modal{width:90%;max-width:800px;max-height:85vh;overflow-y:auto;padding:24px;border-radius:8px}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;font-size:14px;color:var(--text-color)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-secondary);color:var(--text-color);font-size:14px}.form-group textarea{resize:vertical;min-height:60px}.thumbnail-preview{display:flex;justify-content:center;margin-top:8px;border:1px solid var(--border-color);border-radius:4px;padding:8px;background:var(--background-tertiary)}.edit-thumbnail{max-width:100%;max-height:200px;object-fit:contain}.people-edit-list{display:flex;flex-direction:column;gap:8px}.person-edit-item{display:flex;gap:12px;align-items:center}.person-edit-item input[type=text]{flex:1}.remove-person-button{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f44336;color:#fff;border:none;cursor:pointer;font-size:16px;padding:0;line-height:1}.remove-person-button:hover{background-color:#d32f2f}.add-person-button{margin-top:8px;padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;align-self:flex-start}.add-person-button:hover{background-color:var(--primary-color-hover)}.toggle-container{display:flex;align-items:center;white-space:nowrap}.toggle-container label{display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}.ownership-toggle{margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;align-items:center}.cancel-button,.submit-button{padding:8px 20px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:background-color .15s ease;height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box;margin:0}.cancel-button{background-color:var(--button-secondary-bg);color:var(--text-color)}.submit-button{background-color:var(--primary-color);color:#fff}.cancel-button:hover{background-color:var(--button-secondary-hover)}.submit-button:hover{background-color:var(--primary-color-hover)}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.contributions-table tbody tr{cursor:pointer;transition:background-color .15s ease}.contributions-table tbody tr:hover{background-color:var(--hover-bg-color)}.dark-mode{--hover-bg-color: rgba(255, 255, 255, .05)}:root{--hover-bg-color: rgba(0, 0, 0, .05)}