body{font-family:Trebuchet MS,Segoe UI,sans-serif;margin:0;padding:0;background-color:#658b81;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:100vh}#app-root{background-color:#47655d;border-radius:5px;box-shadow:5 100px 200px #000;padding:10px;margin:10px auto;max-width:3000px;width:100%;box-sizing:border-box;text-align:center}.main-header{width:100%;background-color:#47655d;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 2px 6px #0000001a;margin:0;overflow-x:hidden;box-sizing:border-box}header{background-color:#47655d;display:flex;align-items:center;justify-content:space-between}header h1{font-family:Boldonse,sans-serif;letter-spacing:1.5px;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;margin:0;color:#fff}header h1 img{height:40px;width:auto}h2{color:#2c3e50;margin-bottom:25px;font-size:2em;font-weight:600}h3{color:#fff;margin-top:30px;margin-bottom:15px;font-size:1.5em;font-weight:500}footer-p{line-height:1.6;margin-bottom:15px;align-items:center}button{outline:5px solid #658b81;background-color:#47655d;color:#fff;padding:12px 25px;border:none;border-radius:100px;cursor:pointer;font-size:1.1em;font-weight:500;transition:background-color .3s ease,transform .2s ease;margin:5px}button:hover{background-color:#39524b;transform:translateY(-2px)}button:active{transform:translateY(0)}#add-review-button{background-color:#47655d;outline:5px solid #658b81}#add-review-button:hover{background-color:#5b8f81}#add-review-button:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:transparent;border-radius:50%;box-shadow:0 -20px red,14px -14px orange,20px 0 #ff0,14px 14px green,0 20px #00f,-14px 14px indigo,-20px 0 violet,-14px -14px pink;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:transform 5s ease-out,opacity .2s ease-out}#add-review-button:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1;animation:explode 1s ease-out forwards}@keyframes explode{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:.7}}#cancel-edit-button{background-color:#95a5a6}#cancel-edit-button:hover{background-color:#7f8c8d}form{margin-top:20px;padding:20px;border:1px solid #e0e0e0;border-radius:10px;background-color:#fdfdfd;box-shadow:inset 0 2px 5px #0000000d}label{display:block;margin-bottom:8px;font-weight:700;color:#555;text-align:left}input[type=text],input[type=email]{width:calc(100% - 20px);padding:12px 10px;margin-bottom:20px;border:1px solid #ccc;border-radius:6px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}input[type=text]:focus,input[type=email]:focus{border-color:#3498db;outline:none;box-shadow:0 0 5px #3498db80}.auth-container,.new-user-container,.edit-profile-container{padding:30px;border:1px solid #ddd;border-radius:10px;background-color:#fcfcfc;margin-top:20px}.error-container{background-color:#ffe0e0;border:1px solid #ffbbbb;color:#c00;padding:20px;border-radius:10px;margin-top:20px}.main-profile-container{text-align:left;background-color:#47655d}.main-profile-header{background-color:transparent;padding:25px 0;border-bottom:1px solid #dcdcdc;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:small;font-weight:100}.main-profile-header h2{color:#fff;text-align:center;font-weight:100}.main-profile-info{font-size:1.1em;margin-top:15px;text-align:center;color:#fff}.main-profile-info p{margin:5px 0}.profile-stats{display:flex;justify-content:center;align-items:center;gap:20px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:10px}.stat-block{text-align:center}.stat-number{font-size:1.6em;font-weight:700}.stat-label{font-size:.9em;color:#ccc}.stat-divider{width:2px;height:40px;background-color:#aaa;border-radius:1px}.member-since{display:flex;justify-content:center;align-items:center;gap:20px;color:#b6b6b6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:10px;font-size:10px}.profile-actions{margin-top:25px;text-align:center;padding-bottom:20px;border-bottom:1px solid #eee}.dashboard-section{background-color:transparent;box-shadow:0 4px 10px #0000000d}.dashboard-section h3{background-color:transparent;color:#fff;font-size:1.6em;text-align:left}.section-content{text-align:left;color:#666}.section-content ul{list-style-type:none;padding:0}.section-content li{background-color:#f8f9fa;border:1px solid #e9ecef;padding:12px 15px;margin-bottom:8px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.section-content li:last-child{margin-bottom:0}.empty-state{color:#777;font-style:italic;padding:10px;background-color:#f0f3f5;border-radius:5px;text-align:center}.button-group{display:flex;justify-content:center;gap:15px;margin-top:20px}.user-search-container{padding:30px;border:1px solid #ddd;border-radius:10px;background-color:#fcfcfc;margin-top:20px;text-align:left}.user-search-container h2{text-align:center;margin-bottom:30px}.search-input-group{display:flex;gap:10px;margin-bottom:30px}.search-input-group input[type=text]{flex-grow:1;margin-bottom:0}.search-results{margin-top:20px;border-top:1px solid #eee;padding-top:20px}.search-results h3{text-align:center;margin-bottom:25px}.user-card{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 5px #00000008;transition:transform .2s ease}.user-card:hover{transform:translateY(-3px)}.user-info{flex-grow:1}.user-info .display-name{font-weight:700;color:#34495e;font-size:1.2em}.user-info .email{font-size:.9em;color:#7f8c8d}.user-actions button{padding:8px 15px;font-size:.9em;border-radius:6px;margin-left:10px}.follow-button{background-color:#2ecc71}.follow-button:hover{background-color:#27ae60}.unfollow-button{background-color:#e67e22}.unfollow-button:hover{background-color:#d35400}.search-results .empty-state{background-color:#f0f3f5;color:#777;font-style:italic;padding:15px;border-radius:5px;text-align:center}.review-card{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:8px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 5px #00000008}.review-card .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.review-card .reviewer-name{font-weight:700;color:#34495e;font-size:1.1em}.review-card .review-date{font-size:.8em;color:#95a5a6}.review-card .review-content{line-height:1.5;color:#555;margin-bottom:10px}.review-card .company-info{font-size:.9em;color:#7f8c8d}.review-card .company-name{font-weight:700;color:#fdfdfd}.new-review-container{background-color:transparent;padding:25px 0;border-bottom:1px solid #dcdcdc;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:small;font-weight:100;color:#fff}.new-review-container h2{text-align:center;margin-bottom:30px;color:#fff;font-weight:100}.new-review-container form{padding:25px;background-color:#658b81;border:1px solid #e0e0e0;box-shadow:0 4px 10px #0000000d}.new-review-container .form-group{margin-bottom:20px}.new-review-container .company-name label{font-weight:700;color:#fff;margin-bottom:8px;display:block;font-size:25px}.new-review-container label{font-weight:700;color:#555;margin-bottom:8px;display:block}.new-review-container .rating-stars label{font-weight:700;color:#555;margin-bottom:8px;display:block;text-align:center}input[type=text],.new-review-container textarea,.new-review-container select{width:100%;border:1px solid #ccc;border-radius:6px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}.new-review-container input[type=text]:focus,.new-review-container textarea:focus,.new-review-container select:focus{border-color:#3498db;outline:none;box-shadow:0 0 5px #3498db80}.new-review-container textarea{resize:vertical;min-height:100px}.new-review-container .button-group{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.new-review-container .cancel-button{background-color:#95a5a6}.new-review-container .cancel-button:hover{background-color:#7f8c8d}.message-box{padding:12px 20px;margin-top:20px;border-radius:8px;font-size:.95em;text-align:center;display:none}.message-box.info-message{background-color:#e7f3fe;color:#3498db;border:1px solid #aed6f1;display:block}.message-box.success-message{background-color:#d4edda;color:#28a745;border:1px solid #c3e6cb;display:block}.message-box.error-message{background-color:#f8d7da;color:#dc3545;border:1px solid #f5c6cb;display:block}.review-panel{background-color:#51795d;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 10px #0000000d;overflow:hidden}.review-panel-header{background-color:#658b81;padding:10px 20px;font-size:1.1em;font-weight:600;color:#fff;text-align:left}.reviewer-name-on-panel{font-size:1.1em;font-weight:700;color:#fff}.review-panel-body{padding:15px 20px;text-align:left}.company-name-on-panel{font-size:1.05em;font-weight:1000;color:#79b8e2;margin-right:10px}.review-item-name-on-panel{font-size:.95em;font-weight:700;color:#fff;margin-right:10px}.rating-stars{font-size:1.2em;color:#f39c12;letter-spacing:2px}.review-panel-content{margin-top:10px;margin-bottom:.1px;line-height:1.6;color:#fff;font-size:.85em}.review-panel-actions{display:flex;align-items:center;gap:15px;margin-top:15px;padding-top:10px;border-top:1px solid #f0f0f0;background-color:#658b81;color:#fff}.view-review-button{outline:none;background-color:transparent;margin:0;padding:0}.view-review-button:hover{color:transparent;background-color:transparent}.likes-display{font-size:.9em;color:#fff}.like-icon-button{background-color:transparent;border:none;padding:0;cursor:pointer;font-size:1.2em;transition:transform .2s ease;outline:none}.like-icon-button:hover{transform:scale(1.1);background-color:transparent}.like-icon-button .far.fa-heart{color:#fff;transition:color .2s ease}.like-icon-button .fas.fa-heart{color:#e74c3c;transition:color .2s ease;outline:5px}.like-icon-button:disabled{opacity:.6;cursor:not-allowed}.comments-display{font-size:.9em;color:#fff;margin-right:5px}.comment-button{background-color:transparent;border:none;padding:0;cursor:pointer;font-size:1.2em;transition:transform .2s ease;outline:none}.comment-button:hover{transform:scale(1.1);background-color:transparent}.comment-button .far.fa-comment{color:#fff;transition:color .2s ease}.comment-button:disabled{opacity:.6;cursor:not-allowed}.review-detail-container{padding:30px;border:1px solid #ddd;border-radius:10px;background-color:#fcfcfc;margin-top:20px;text-align:left}.review-detail-container .back-button{background-color:#6c757d;margin-bottom:20px}.review-detail-container .back-button:hover{background-color:#5a6268}.review-panel-detail{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 10px #0000000d;overflow:hidden}.comments-section{margin-top:30px}.comments-section h3{text-align:center;margin-bottom:20px}.comment-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 15px;margin-bottom:10px}.comment-item .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.95em}.comment-item .commenter-name{font-weight:700;color:#34495e}.comment-item .comment-date{font-size:.8em;color:#95a5a6}.comment-item .comment-content{line-height:1.5;color:#444;margin-bottom:0}.comment-form{margin-top:25px;padding:20px;border:1px solid #e0e0e0;border-radius:10px;background-color:#fdfdfd;box-shadow:inset 0 2px 5px #0000000d;display:flex;flex-direction:column;gap:15px}.comment-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:.95em;box-sizing:border-box;resize:vertical;min-height:80px}.comment-form button{align-self:flex-end;padding:10px 20px;font-size:1em}.view-more-button{background-color:#555;color:#fff;padding:10px 20px;border-radius:8px;font-size:1em;transition:background-color .3s ease;display:block;width:fit-content;margin:15px auto 0}.view-more-button:hover{background-color:#333}.main-container{gap:32px;padding:20px}.reviews-section,.profile-reviews-container{flex:1;min-width:0}.profile-reviews-container{max-width:400px}.profile-company-container{display:flex;gap:32px;align-items:flex-start;padding:20px}.company-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000000d}.company-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.company-card h3{margin:0 0 8px;color:#333}.company-card p{margin:0 0 12px;color:#666;font-size:.9em}.view-reviews-prompt{font-weight:700;color:var(--primary-color, #007bff);font-size:.9em}.star-rating{display:inline-block;direction:ltr;font-size:30px;-webkit-user-select:none;user-select:none}.star{display:inline-block;position:relative;color:#ccc;width:30px;height:30px;cursor:pointer}.star:before{content:"☆";position:absolute;left:0;top:0;width:100%;height:100%;font-size:30px;line-height:30px;pointer-events:none;color:inherit}.star:after{content:"★";position:absolute;left:0;top:0;width:0%;height:100%;font-size:30px;line-height:30px;color:gold;overflow:hidden;pointer-events:none;transition:width .2s ease,clip-path .2s ease}.star.full:after{width:100%;clip-path:none}.star.half:after{width:100%;clip-path:inset(0 50% 0 0)}.star-rating:hover .star:after{width:0%;clip-path:none}.star-rating .star.hover-full:after{width:100%;clip-path:none}.star-rating .star.hover-half:after{width:100%;clip-path:inset(0 50% 0 0)}:root{--primary-color: #00aaff;--primary-glow: rgba(0, 170, 255, .2);--text-primary: #e4e6eb;--text-secondary: #b0b8c0;--bg-main: #14181c;--bg-card: #1f2428;--bg-interactive: #2a3035;--border-color-soft: #303840;--shadow-color: rgba(0, 0, 0, .5);--review-bg: #1d2226;--star-color: #ffcf33;--btn-bg: #00aaff;--btn-hover-bg: #008fcc;--btn-text: #ffffff;--scrollbar-bg: #1f2428;--scrollbar-thumb: #303840;--the-color: #658b81;--the-other-color: #47655d}html{font-size:16px;line-height:1.6}company-body{background-color:var(--bg-main);background-image:radial-gradient(circle at top,#202830,var(--bg-main));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);min-height:100vh;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.back-button{background:none;border:1px solid var(--border-color-soft);border-radius:8px;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;margin:25px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s,color .2s}.back-button:hover{color:var(--text-primary);background-color:var(--bg-interactive);text-shadow:0 0 8px var(--primary-glow)}.profile-card{background-color:var(--review-bg);max-width:9000px;margin:20px auto 60px;border-radius:12px;box-shadow:0 10px 40px var(--shadow-color);padding:40px}.profile-header{margin-bottom:30px;padding-bottom:20px;border-radius:5px;background-color:#658b81}.rating-bar{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.user-average,.world-average{flex:0 0 200px;display:flex;flex-direction:column;align-items:center}.profile-header-title{flex:1}.profile-header-title h2{font-size:2.5rem;margin:0;color:var(--text-primary);white-space:nowrap}.rating-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.rating-label{font-size:.85rem;color:var(--text-secondary)}.contact-info{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px 32px}.contact-item{display:flex;align-items:center;font-size:.95rem;color:var(--text-secondary)}.contact-item i{color:var(--primary-color);margin-right:10px;width:20px;text-align:center}.contact-item a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.contact-item a:hover{color:var(--primary-color)}.reviews-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;font-family:Trebuchet MS,Segoe UI,sans-serif;background-color:#f8fdfc;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000014}.reviews-table th,.reviews-table td{padding:14px 16px;border-bottom:1px solid #c7ded9;text-align:center;vertical-align:middle;max-width:300px;word-wrap:break-word;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:.95rem}.reviews-table th{background-color:var(--the-other-color);color:#fff;font-weight:600;font-size:1rem;letter-spacing:.5px}.reviews-table td{background-color:var(--the-color);transition:background-color .2s ease}.reviews-table tr:hover td{background-color:#f0faf8}.rating-stars{color:#fdbc3d;font-size:1.2rem;text-align:center}.company-option{background-color:#333;color:#fff;padding:8px 12px;cursor:pointer;list-style-type:none;margin-bottom:4px;border-radius:4px;transition:background-color .3s ease}.company-option:hover{background-color:#ccc;color:#000}
