.contact-popup-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;padding:16px;position:fixed;z-index:10000}.contact-popup{background:var(--color-canvas-default);border-radius:8px;box-shadow:0 8px 24px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.contact-popup .popup-header{align-items:center;border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;padding:20px 24px}.contact-popup .popup-header h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin:0}.contact-popup .popup-header .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-fg-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.contact-popup .popup-header .close-btn:hover{background:var(--color-canvas-subtle);color:var(--color-fg-default)}.contact-popup .alert{border:1px solid;border-radius:6px;font-size:14px;margin:16px 24px;padding:8px 12px}.contact-popup .alert.alert-error{background-color:#ffebe9;border-color:#cf222e33;color:var(--color-danger-fg)}.contact-popup .alert.alert-success{background-color:#dafbe1;border-color:#1f883d33;color:var(--color-success-fg)}.contact-popup .popup-form{padding:24px}.contact-popup .popup-form .form-group{margin-bottom:16px}.contact-popup .popup-form .form-group label{color:var(--color-fg-default);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.contact-popup .popup-form .form-group .form-control{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-fg-default);font-size:14px;line-height:20px;padding:5px 12px;width:100%}.contact-popup .popup-form .form-group .form-control:focus{background-color:var(--color-canvas-default);border-color:var(--color-accent-emphasis);outline:none}.contact-popup .popup-form .popup-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.contact-popup .popup-form .gh-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:5px 16px;transition:all .2s}.contact-popup .popup-form .gh-btn.gh-btn-primary{background-color:var(--color-btn-primary-bg);border-color:#1f232826;color:var(--color-btn-primary-text)}.contact-popup .popup-form .gh-btn.gh-btn-primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg)}.contact-popup .popup-form .gh-btn.gh-btn-primary:disabled{cursor:not-allowed;opacity:.6}.contact-popup .popup-form .gh-btn.gh-btn-secondary{background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);color:var(--color-fg-default)}.contact-popup .popup-form .gh-btn.gh-btn-secondary:hover:not(:disabled){background-color:var(--color-canvas-default);border-color:var(--color-border-muted)}.contact-popup .popup-form .gh-btn.gh-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.dashboard-layout{background:var(--gh-gray-light);display:flex;min-height:100vh}.dashboard-layout .mobile-header{align-items:center;background:var(--gh-white);border-bottom:1px solid var(--gh-border);box-shadow:0 2px 4px var(--gh-shadow);display:none;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;top:0;z-index:1001}.dashboard-layout .mobile-header .logo{align-items:center;color:var(--gh-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;text-decoration:none}.dashboard-layout .mobile-header .logo svg{height:28px;width:28px}.dashboard-layout .mobile-header .menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;transition:transform .3s}.dashboard-layout .mobile-header .menu-toggle span{background:var(--gh-text-primary);border-radius:2px;display:block;height:2px;transition:all .3s;width:24px}.dashboard-layout .mobile-header .menu-toggle:hover span{background:var(--gh-blue)}.dashboard-layout .sidebar-overlay{background:#00000080;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:999}.dashboard-layout .sidebar-overlay.active{opacity:1;pointer-events:all}.dashboard-layout .sidebar{background:var(--gh-white);border-right:1px solid var(--gh-border);box-shadow:1px 0 3px var(--gh-shadow);height:100vh;overflow-y:auto;position:fixed;width:280px}.dashboard-layout .sidebar .sidebar-header{border-bottom:1px solid var(--gh-border);padding:1.5rem}.dashboard-layout .sidebar .sidebar-header .logo{align-items:center;color:var(--gh-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;text-decoration:none}.dashboard-layout .sidebar .sidebar-header .logo svg{height:32px;width:32px}.dashboard-layout .sidebar .sidebar-header .logo:hover{text-decoration:none}.dashboard-layout .sidebar .user-info{background:var(--gh-gray-light);border-bottom:1px solid var(--gh-border);padding:1.5rem}.dashboard-layout .sidebar .user-info .user-profile{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.dashboard-layout .sidebar .user-info .user-profile .user-avatar{align-items:center;background:var(--gh-blue);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.dashboard-layout .sidebar .user-info .user-profile .user-name{color:var(--gh-text-primary);font-weight:600}.dashboard-layout .sidebar .user-info .user-profile .user-email{color:var(--gh-text-secondary);font-size:.875rem}.dashboard-layout .sidebar .user-info .balance-card{background:var(--gh-white);border:1px solid var(--gh-border);border-radius:6px;margin-top:1rem;padding:.75rem}.dashboard-layout .sidebar .user-info .balance-card .balance-label{color:var(--gh-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.dashboard-layout .sidebar .user-info .balance-card .balance-amount{color:var(--gh-green);font-size:1.5rem;font-weight:600}.dashboard-layout .sidebar .nav-menu{list-style:none;margin:0;padding:1rem 0}.dashboard-layout .sidebar .nav-menu .nav-item{margin:.125rem 0}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link{align-items:center;color:var(--gh-text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.625rem 1.5rem;position:relative;text-decoration:none;transition:all .2s}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link .nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link:hover{background:var(--gh-gray-light);color:var(--gh-blue);text-decoration:none}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link.router-link-active{background:var(--gh-blue-light);color:var(--gh-blue)}.dashboard-layout .sidebar .nav-menu .nav-item .nav-link.router-link-active:before{background:var(--gh-blue);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.dashboard-layout .sidebar .nav-divider{background:var(--gh-border);height:1px;margin:1rem 1.5rem}.dashboard-layout .main-content{flex:1;margin-left:280px;max-width:100%;min-height:100vh;padding:2rem}.dashboard-layout .main-content.no-sidebar{margin-left:0}@media (max-width:1024px){.dashboard-layout .mobile-header{display:flex}.dashboard-layout .sidebar-overlay{display:block}.dashboard-layout .sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.dashboard-layout .sidebar.active{transform:translate(0)}.dashboard-layout .main-content{margin-left:0;padding:5rem 1rem 1rem}}
