.navbar{background-color:#19613b;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.navbar-logo-image{height:45px;width:auto;filter:brightness(0) invert(1)}.logo-icon{font-size:28px}.navbar-menu{display:flex;list-style:none;gap:30px;align-items:center}.navbar-link{color:#fff;font-size:16px;font-weight:500;font-family:Poppins,sans-serif;transition:color .3s ease}.navbar-link:hover{color:#b6eccf}.navbar-button{padding:10px 20px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;border-radius:8px;background-color:transparent;color:#fff;transition:all .3s ease;border:2px solid white}.navbar-button:hover{background-color:#ffffff1a}.navbar-button-primary{background-color:#fff;color:#19613b;border:2px solid white}.navbar-button-primary:hover{background-color:#b6eccf;color:#19613b}@media (max-width: 768px){.navbar-container{padding:0 10px}.navbar-menu{gap:8px}.navbar-link,.navbar-button{font-size:12px;white-space:nowrap}.navbar-button{padding:8px 12px}.navbar-logo-image{height:35px}}@media (max-width: 480px){.navbar-container{padding:0 5px}.navbar-menu{gap:4px;flex-wrap:nowrap}.navbar-link{display:none}.navbar-button{font-size:10px;padding:6px 8px}.navbar-button-primary{display:inline-block}.navbar-logo-image{height:28px}}.home-page{flex:1}.hero{background:#19613b;color:#fff;padding:100px 20px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.9}.hero-button{display:inline-block;padding:16px 40px;font-size:18px;font-weight:600;background-color:#b6eccf;color:#19613b;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;font-family:Poppins,sans-serif}.hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.categories{padding:80px 20px}.section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:50px;color:#333}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.category-card{display:flex;flex-direction:column;align-items:center;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.category-icon{font-size:48px;margin-bottom:15px}.category-name{font-size:16px;font-weight:600;color:#333}.features{padding:80px 20px;background-color:#f9f9f9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature{text-align:center}.feature-icon{font-size:48px;color:#19613b;margin-bottom:20px}.feature-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.feature-description{font-size:16px;color:#666;line-height:1.6}.cta{padding:80px 20px;background:#19613b;color:#fff;text-align:center}.cta-title{font-size:36px;font-weight:700;margin-bottom:15px}.cta-text{font-size:18px;margin-bottom:30px;opacity:.9}.cta-button{display:inline-block;padding:16px 40px;font-size:18px;font-weight:600;background-color:#b6eccf;color:#19613b;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;font-family:Poppins,sans-serif}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}@media (max-width: 768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-title{font-size:28px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.features-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:#19613b}.auth-header{padding:40px 20px 20px;display:flex;align-items:center;justify-content:space-between;background:#e2e8f0}.auth-logo{display:flex;align-items:center;gap:10px}.auth-logo-image{height:50px;width:auto}.auth-back-link{font-size:14px;color:#333;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:5px}.auth-back-link:hover{color:#19613b}.auth-container{width:100%;max-width:450px;background:#e2e8f0;border-radius:24px 24px 0 0;padding:40px 30px;margin-top:40px;margin-left:auto;margin-right:auto;flex:1}.auth-title{font-size:24px;font-weight:600;margin-bottom:8px;color:#1a1a1a;font-family:Poppins,sans-serif}.auth-subtitle{font-size:14px;font-weight:400;margin-bottom:30px;color:#666;font-family:Poppins,sans-serif}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{position:relative;width:100%}.form-group label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#555;pointer-events:none;z-index:1}.auth-page .input,.auth-form .input,.input-wrapper .input{width:100%;padding:16px 16px 16px 50px!important;font-size:15px!important;font-family:Poppins,sans-serif!important;border:none!important;border-radius:12px!important;background-color:#b6eccf!important;color:#1a1a1a!important;outline:none;transition:all .3s ease}.auth-page .input::placeholder,.auth-form .input::placeholder,.input-wrapper .input::placeholder{color:#666!important;font-weight:400}.auth-page .input:focus,.auth-form .input:focus,.input-wrapper .input:focus{background-color:#a7f3d0!important;box-shadow:0 0 0 3px #19613b1a!important}.error-message{padding:12px 16px;background-color:#ffebee;border-left:4px solid #E53935;border-radius:8px;color:#c62828;font-size:14px;font-family:Poppins,sans-serif;margin-bottom:10px}.forgot-password{align-self:flex-end;font-size:13px;color:#1a1a1a;text-decoration:none;margin-top:-8px;font-weight:500}.forgot-password:hover{color:#19613b}.auth-page .btn-primary,.auth-form .btn-primary{width:100%;padding:16px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:12px;background-color:#19613b!important;color:#fff!important;transition:all .3s ease;margin-top:10px}.auth-page .btn-primary:hover,.auth-form .btn-primary:hover{background-color:#0f4428!important;transform:translateY(-1px);box-shadow:0 4px 12px #19613b4d}.auth-page .btn-primary:active,.auth-form .btn-primary:active{transform:translateY(0)}.auth-page .btn-primary:disabled,.auth-form .btn-primary:disabled{background-color:#b6eccf!important;cursor:not-allowed;transform:none;box-shadow:none}.btn-block{width:100%}.auth-link-text{text-align:center;margin-top:24px;font-size:14px;color:#1a1a1a;font-family:Poppins,sans-serif}.auth-footer{margin-top:24px;text-align:center}.auth-link{color:#19613b;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease;display:inline-block}.auth-link:hover{border-bottom-color:#19613b}.role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.role-button{padding:14px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;border:2px solid #19613B;border-radius:12px;background-color:transparent;color:#19613b;transition:all .3s ease}.role-button:hover{background-color:#19613b1a}.role-button.active{background-color:#19613b;color:#fff}@media (max-width: 768px){.auth-container{padding:30px 20px;margin-top:60px}.auth-header{padding:30px 20px 15px}}.profile-page{min-height:calc(100vh - 70px);padding:40px 0}.profile-header{display:flex;align-items:center;gap:30px;padding:40px;margin-bottom:30px}.avatar-section{flex-shrink:0}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:#007aff;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:#fff}.profile-info h1{font-size:32px;margin-bottom:10px;color:#333}.profile-info .email{font-size:16px;color:#666;margin-bottom:15px}.role-badge{display:inline-block;padding:8px 16px;background:#007aff;color:#fff;border-radius:20px;font-size:14px;font-weight:600}.profile-content{display:grid;gap:30px}.menu-section{padding:30px}.menu-section h2{font-size:24px;margin-bottom:20px;color:#333}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0;background:none;text-align:left;font-size:16px;color:#333;transition:color .3s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{color:#007aff}.menu-item .arrow{font-size:24px;color:#ccc}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;padding:30px 20px}.profile-info h1{font-size:24px}.avatar,.avatar-placeholder{width:100px;height:100px}.avatar-placeholder{font-size:40px}}.request-service-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#19613b}.request-container{max-width:600px;margin:0 auto;background:#e2e8f0;padding:40px 30px;border-radius:24px}.request-container h1{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px;font-family:Poppins,sans-serif}.request-container .subtitle{font-size:15px;color:#666;margin-bottom:30px;font-family:Poppins,sans-serif}.request-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.request-container .form-group{margin-bottom:16px}.request-container .form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;font-family:Poppins,sans-serif}.request-container .input,.request-container .textarea{width:100%!important;padding:14px 16px!important;font-size:15px!important;font-family:Poppins,sans-serif!important;border:none!important;border-radius:12px!important;background-color:#b6eccf!important;color:#1a1a1a!important;outline:none!important;transition:all .3s ease!important}.request-container .input::placeholder,.request-container .textarea::placeholder{color:#666!important}.request-container .input:focus,.request-container .textarea:focus{background-color:#a7f3d0!important;box-shadow:0 0 0 3px #19613b1a!important;border-color:transparent!important}.request-container .textarea{resize:vertical;min-height:120px}.request-container .btn-primary{width:100%;padding:16px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:12px;background-color:#19613b;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:10px}.request-container .btn-primary:hover{background-color:#0f4428;transform:translateY(-1px);box-shadow:0 4px 12px #19613b4d}.request-container .btn-primary:disabled{background-color:#b6eccf;cursor:not-allowed;transform:none;box-shadow:none}.success-container{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:#19613b;padding:20px}.success-card{background:#e2e8f0;padding:50px 40px;border-radius:24px;text-align:center;max-width:500px}.success-icon{width:70px;height:70px;background:#4caf50;color:#fff;font-size:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-card h2{font-size:26px;color:#19613b;margin-bottom:12px;font-family:Poppins,sans-serif}.success-card p{font-size:16px;color:#666;margin-bottom:30px;font-family:Poppins,sans-serif}.error-message{padding:12px 16px;background-color:#ffebee;border-left:4px solid #E53935;border-radius:8px;color:#c62828;font-size:14px;font-family:Poppins,sans-serif;margin-bottom:20px}@media (max-width: 768px){.request-container{padding:30px 20px}.request-container .form-row{grid-template-columns:1fr}}.my-bookings-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#f8f9fa}.tabs{display:flex;gap:12px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.tab{padding:12px 24px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.tab:hover{color:#19613b}.tab.active{color:#19613b;border-bottom-color:#19613b}.bookings-list{display:grid;gap:20px}.booking-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.booking-header h3{font-size:20px;font-weight:600;color:#1a1a1a;font-family:Poppins,sans-serif;margin:0}.status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif}.status-pending{background:#fff3e0;color:#f57c00}.status-confirmed{background:#e3f2fd;color:#1976d2}.status-completed{background:#e8f5e9;color:#388e3c}.status-cancelled{background:#ffebee;color:#d32f2f}.booking-details{display:grid;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;font-size:15px;font-family:Poppins,sans-serif}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#1a1a1a;font-weight:600;text-align:right}.booking-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.empty-state p{font-size:16px;color:#666;margin-bottom:24px;font-family:Poppins,sans-serif}.btn-sm{padding:10px 20px;font-size:14px}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0}@media (max-width: 768px){.booking-header{flex-direction:column;align-items:flex-start;gap:12px}.booking-actions{flex-direction:column}.booking-actions .btn{width:100%}}.admin-dashboard-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#f8f9fa}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stat-card.highlight{background:#e8f5e9;border-left:4px solid #19613B}.stat-icon{font-size:40px}.stat-content h3{font-size:14px;color:#666;margin-bottom:8px;font-family:Poppins,sans-serif}.stat-number{font-size:32px;font-weight:700;color:#19613b;font-family:Poppins,sans-serif}.admin-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.admin-menu-card{padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.admin-menu-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.menu-icon{font-size:48px;margin-bottom:16px}.admin-menu-card h3{font-size:20px;font-weight:600;color:#19613b;margin-bottom:8px;font-family:Poppins,sans-serif}.admin-menu-card p{font-size:14px;color:#666;font-family:Poppins,sans-serif}.recent-bookings-section{margin-top:40px}.recent-bookings-section h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:20px;font-family:Poppins,sans-serif}.bookings-table{background:#fff;border-radius:12px;padding:24px;overflow-x:auto}.bookings-table table{width:100%;border-collapse:collapse}.bookings-table th,.bookings-table td{text-align:left;padding:12px;border-bottom:1px solid #f0f0f0;font-family:Poppins,sans-serif}.bookings-table th{font-weight:600;color:#666;font-size:14px}.bookings-table td{color:#1a1a1a;font-size:15px}.empty-message{text-align:center;padding:40px;color:#999;font-family:Poppins,sans-serif}@media (max-width: 768px){.stats-grid,.admin-menu-grid{grid-template-columns:1fr}.bookings-table{overflow-x:scroll}}.admin-service-requests-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#f8f9fa}.requests-list{display:flex;flex-direction:column;gap:20px}.request-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E2E8F0}.request-header h3{font-size:20px;font-weight:600;color:#19613b;margin:0 0 8px;font-family:Poppins,sans-serif}.request-date{font-size:13px;color:#999;font-family:Poppins,sans-serif}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;white-space:nowrap}.status-badge.status-pending{background:#fff3e0;color:#f57c00}.status-badge.status-assigned{background:#e8f5e9;color:#19613b}.status-badge.status-completed{background:#e3f2fd;color:#1976d2}.status-badge.status-cancelled{background:#ffebee;color:#c62828}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.detail-section{padding:16px;background:#f8f9fa;border-radius:8px}.detail-section h4{font-size:14px;font-weight:600;color:#19613b;margin:0 0 12px;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:.5px}.detail-section p{font-size:14px;color:#1a1a1a;margin:8px 0;font-family:Poppins,sans-serif;line-height:1.6}.detail-section p strong{color:#666;font-weight:500;display:inline-block;min-width:120px}.request-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid #E2E8F0}.btn{padding:10px 20px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#19613b;color:#fff}.btn-primary:hover{background:#134529;transform:translateY(-2px);box-shadow:0 4px 12px #19613b4d}.btn-secondary{background:#e2e8f0;color:#666}.btn-secondary:hover{background:#cbd5e0}@media (max-width: 768px){.admin-service-requests-page{padding:20px 12px}.page-title{font-size:24px}.request-details{grid-template-columns:1fr}.request-header{flex-direction:column;gap:12px}.request-actions{flex-direction:column}.btn{width:100%}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap}}.admin-users-page{min-height:calc(100vh - 70px);padding:40px 20px;background:#f8f9fa}.page-title{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:30px;font-family:Poppins,sans-serif}.filter-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-tab{padding:10px 20px;border:2px solid #E2E8F0;background:#fff;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.filter-tab:hover{border-color:#19613b;color:#19613b}.filter-tab.active{background:#19613b;color:#fff;border-color:#19613b}.users-list{display:flex;flex-direction:column;gap:16px}.user-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #E2E8F0}.user-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px;font-family:Poppins,sans-serif}.user-email{font-size:13px;color:#666;font-family:Poppins,sans-serif;margin:0}.role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;white-space:nowrap}.role-badge.role-customer{background:#e3f2fd;color:#1976d2}.role-badge.role-provider{background:#e8f5e9;color:#19613b}.role-badge.role-admin{background:#fff3e0;color:#f57c00}.user-details{margin-bottom:16px}.detail-row{font-size:14px;color:#1a1a1a;margin:8px 0;font-family:Poppins,sans-serif}.detail-row strong{color:#666;font-weight:500}.user-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding-top:12px;border-top:1px solid #E2E8F0}.role-select{padding:8px 12px;border:2px solid #E2E8F0;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .3s ease}.role-select:hover{border-color:#19613b}.role-select:focus{outline:none;border-color:#19613b}.btn{padding:8px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#ffebee;color:#c62828}.btn-secondary:hover{background:#ffcdd2;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:13px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state p{font-size:16px;color:#999;font-family:Poppins,sans-serif}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #E2E8F0;border-top-color:#19613b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-users-page{padding:20px 12px}.page-title{font-size:24px}.user-header{flex-direction:column;gap:12px}.user-actions{flex-direction:column;align-items:stretch}.role-select,.btn{width:100%}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap}}.App{min-height:100vh;display:flex;flex-direction:column}.loading-container{min-height:100vh;display:flex;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #19613B;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:12px 24px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:#19613b;color:#fff}.btn-primary:hover{background-color:#0f4428;transform:translateY(-1px);box-shadow:0 4px 12px #19613b4d}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;transition:border-color .3s ease}.input:focus{outline:none;border-color:#19613b;box-shadow:0 0 0 3px #19613b1a}@media (max-width: 768px){.container{padding:15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}