:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.portal-section{margin-bottom:var(--space-xl)}.portal-sections-container{transition:opacity .3s ease-in-out}.portal-sections-container.filtering{opacity:.6}.portal-section h2{font-size:1.6rem;margin-bottom:var(--space-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.portal-section h2 i{font-size:1.6rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}:root{--bg-primary: #111111;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #00ffc8;--border-color: #2a2a2a;--primary-color: #7c3aed;--primary-hover: #8b5cf6;--primary-dark: #6d28d9;--gradient-start: #7c3aed;--gradient-end: #3b82f6;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3);--glow-color: rgba(124, 58, 237, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--content-width: 1200px;--sidebar-width: 300px}.styled-select{width:100%;border:1.5px solid var(--border-color);border-radius:8px;padding:.85rem 1rem;font-size:1.04rem;margin-bottom:.2rem;background:#232323;color:var(--text-primary);transition:border .2s,background .2s;box-sizing:border-box;appearance:none;outline:none}.star-rating{display:flex;flex-direction:row;gap:.18em;align-items:center;line-height:1}.feedback-form textarea{font-family:inherit;font-size:1.04rem;line-height:1.5}html,body{background:#111!important;color:var(--text-primary)!important;min-height:100vh}:root{--bg-primary: #111111;--bg-secondary: #181818;--text-primary: #eaf3fa;--accent-color: #00ffc8;--primary-color: #0a4d8c;--border-color: #222}.star-rating{display:flex;gap:.2rem;margin-bottom:.5rem}.star{transition:color .2s;outline:none}.star.filled{color:#f5b301;text-shadow:0 1px 4px #f5b30144}.feedback-form select{width:100%;border:1px solid var(--border-color);border-radius:6px;padding:.7rem;font-size:1rem;margin-bottom:.5rem;background:#232323;color:var(--text-primary)}.feedback-form select:focus{border:1.5px solid var(--accent-color);outline:none}body{background:var(--bg-primary, #111111);font-family:Segoe UI,Arial,sans-serif;margin:0;color:var(--text-primary, #fff)}.feedback-app,.feedback-form,.feedback-dashboard{background:var(--bg-secondary, #1e1e1e)!important;color:var(--text-primary, #fff)!important;box-shadow:0 4px 24px #0000002e}.feedback-app h1,.feedback-desc,.feedback-dashboard h2,.feedback-form label{color:var(--accent-color, #00ffc8)!important}.feedback-form textarea,.feedback-form input,.feedback-form select{width:100%;border:1px solid var(--border-color, #2a2a2a);border-radius:6px;padding:.7rem;font-size:1rem;margin-bottom:.5rem;background:#181818;color:#fff;transition:border .2s,background .2s}.feedback-form textarea:focus,.feedback-form input:focus,.feedback-form select:focus{border:1.5px solid var(--accent-color, #00ffc8);outline:none;background:#232323}.feedback-form button{background:linear-gradient(90deg,var(--primary-color, #7c3aed) 60%,var(--accent-color, #00ffc8) 100%);color:#fff;border:none;border-radius:6px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00ffc814;transition:background .2s}.feedback-form button:hover{background:linear-gradient(90deg,var(--accent-color, #00ffc8) 60%,var(--primary-color, #7c3aed) 100%)}.feedback-form .status{margin-top:.5rem;color:var(--accent-color, #00ffc8);font-weight:500}.star-rating .star{color:#444}.star-rating .star.filled{color:#f5b301;text-shadow:0 1px 4px #f5b30144}html,body{height:100%;color-scheme:only dark}.feedback-app-outer{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)!important;color:var(--text-primary)!important}.feedback-app{background:var(--bg-secondary);max-width:1100px;margin:2rem auto;padding:2rem 2.5vw;border-radius:16px;box-shadow:0 00ffc822,0 1.5px #00ffc822;display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:flex-start}@media (max-width: 900px){.feedback-app{display:block;padding:1rem .5rem;max-width:100%}}.feedback-desc{text-align:center;color:var(--text-primary);font-size:1.08rem;margin-bottom:1.5rem;margin-top:.2rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.feedback-app h1{font-size:2.2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;text-align:center;letter-spacing:.5px}.feedback-dashboard{background:var(--bg-secondary);border-radius:12px;padding:1.5rem 1rem;box-shadow:0 2px 8px #0a4d8c0a}.feedback-dashboard h2{font-size:1.3rem;color:var(--accent-color);margin-bottom:1rem}.feedback-dashboard ul{list-style:none;padding:0;margin:0}.feedback-dashboard li{background:#232323;border-radius:8px;margin-bottom:1rem;padding:1rem 1.2rem;box-shadow:0 1px 4px #0a4d8c0f;transition:box-shadow .2s}.feedback-dashboard li:hover{box-shadow:0 4px 16px #0a4d8c1a}.fb-text{font-size:1.08rem;margin-bottom:.5rem}.fb-meta{font-size:.92rem;color:#aaa}.feedback-form{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0a4d8c1a;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;max-width:700px;margin:0 auto}.feedback-form .form-row-two-columns{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.feedback-form .form-field{grid-column:span 1;display:flex;flex-direction:column}.feedback-form .form-field label{grid-column:span 1;display:block;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.feedback-form .form-field-full-width{grid-column:span 2;display:flex;flex-direction:column}.feedback-form .form-field-full-width label{grid-column:span 2;display:block;font-weight:600;color:var(--accent-color);margin-bottom:.2rem}.feedback-form .form-row-recaptcha-submit{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.feedback-form .form-field-recaptcha{grid-column:span 1}.feedback-form .status{grid-column:span 2;margin-top:.5rem;color:var(--accent-color);font-weight:500}.feedback-form textarea,.feedback-form input{width:100%;border:1px solid var(--border-color);border-radius:6px;padding:.7rem;font-size:1rem;margin-bottom:.5rem;background:#232323;color:var(--text-primary);transition:border .2s,background .2s}.feedback-form textarea:focus,.feedback-form input:focus{border:1.5px solid var(--accent-color);outline:none;background:#232323}.feedback-form button{background:linear-gradient(90deg,var(--primary-color) 60%,var(--accent-color) 100%);color:#fff;border:none;border-radius:6px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00ffc814;transition:background .2s}.feedback-form button:hover{background:linear-gradient(90deg,var(--accent-color) 60%,var(--primary-color) 100%)}.feedback-form .star-rating{font-size:1.7rem;display:flex;flex-direction:row;gap:.18em;align-items:center;line-height:1;margin-bottom:.5rem;flex-shrink:0}.feedback-form .star{transition:color .2s;outline:none;cursor:pointer;color:#444}.feedback-form .star.filled{color:#f5b301;text-shadow:0 1px 4px #f5b30144}.styled-select{width:100%;border:1.5px solid var(--border-color);border-radius:8px;padding:.85rem 1rem;font-size:1.04rem;background:#232323;color:var(--text-primary);transition:border .2s,background .2s;box-sizing:border-box;appearance:none;outline:none}.styled-select:focus{border:1.5px solid var(--accent-color);background:#232323;box-shadow:0 0 0 2px #00ffc855}.feedback-form input#hashtags{font-size:.98rem;color:var(--accent-color);background:#232323;border:1px dashed var(--accent-color)}.header-container{text-align:center;margin-bottom:2rem;padding:1rem 0}.cebu-logo{max-width:350px;width:100%;height:auto;margin:0 auto 1rem;display:block}@media (max-width: 900px){.feedback-form{grid-template-columns:1fr;padding:1.2rem .5rem;max-width:100%}.feedback-form .form-row-two-columns,.feedback-form .form-row-recaptcha-submit{grid-template-columns:1fr}.feedback-form .form-field-recaptcha{margin-bottom:1rem}.feedback-form button{margin-left:0;min-width:auto;width:100%}.feedback-form .status{grid-column:span 1}.cebu-logo{max-width:280px;margin-bottom:.5rem}.header-container{margin-bottom:1rem;padding:.5rem 0}}@media (max-width: 480px){.cebu-logo{max-width:250px}.feedback-app h1{font-size:1.8rem}}.view-toggle{display:flex;gap:10px;margin-top:20px}.view-toggle button{padding:10px 20px;border:2px solid var(--accent-color);background-color:transparent;color:var(--accent-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.view-toggle button:hover,.view-toggle button.active{background-color:var(--accent-color);color:#fff}.admin-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:#f5f5f5}.admin-auth h2{margin-bottom:20px;color:#333}.admin-auth p{margin-bottom:15px;color:#666;text-align:center}.google-signin-btn{background-color:#4285f4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.google-signin-btn:hover{background-color:#3367d6}.signout-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.signout-btn:hover{background-color:#d32f2f}.admin-container{max-width:1200px;margin:0 auto;padding:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-header h1{margin:0;color:#333}.admin-user-info{display:flex;align-items:center;gap:15px}.admin-user-info span{color:#666;font-size:14px}.filter-controls{display:flex;gap:10px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-controls button{padding:8px 16px;border:1px solid #ddd;background-color:#f9f9f9;border-radius:4px;cursor:pointer;transition:all .3s}.filter-controls button:hover{background-color:#e9e9e9}.filter-controls button.active{background-color:#2196f3;color:#fff;border-color:#2196f3}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.feedback-item:hover{box-shadow:0 4px 8px #00000026}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.feedback-info{display:flex;align-items:center;gap:15px}.feedback-name{font-weight:700;color:#333}.feedback-rating{color:#ffc107;font-size:18px}.feedback-location{color:#666;font-size:14px}.feedback-meta{display:flex;align-items:center;gap:15px}.feedback-date{color:#999;font-size:12px}.feedback-status{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.feedback-content{margin-bottom:15px}.feedback-content p{margin:0 0 10px;line-height:1.6;color:#333}.feedback-hashtags{color:#666;font-size:14px}.feedback-actions{display:flex;gap:10px;justify-content:flex-end}.feedback-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.approve-btn{background-color:#4caf50;color:#fff}.approve-btn:hover:not(:disabled){background-color:#45a049}.reject-btn{background-color:#f44336;color:#fff}.reject-btn:hover:not(:disabled){background-color:#d32f2f}.delete-btn{background-color:#757575;color:#fff}.delete-btn:hover{background-color:#616161}.feedback-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.filter-controls{flex-wrap:wrap}.feedback-header{flex-direction:column;align-items:flex-start;gap:10px}.feedback-info{flex-direction:column;align-items:flex-start;gap:5px}.feedback-actions{flex-direction:column;gap:5px}.feedback-actions button{width:100%}}