@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--color-primary:#4f46e5;--color-primary-dark:#3730a3;--color-success:#10b981;--color-danger:#ef4444;--color-pending:#f59e0b;--color-urgent:#ec4899;--bg-light:#f9fafb;--bg-card:#fff;--radius:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;font-family:Inter,sans-serif}body{background-color:var(--bg-light);min-height:100vh;margin:0;padding:0}.app-container{min-height:100vh}.main-content{max-width:1280px;margin-left:auto;margin-right:auto;padding:2.5rem 1rem}.app-header{background-color:var(--color-primary);color:var(--bg-card);box-shadow:var(--shadow-md);z-index:20;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 1rem;display:flex}.header-title{letter-spacing:.025em;font-size:1.5rem;font-weight:800}.user-status{background-color:var(--color-primary-dark);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.btn-signout{background-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-signout:hover{background-color:#dc2626}.app-nav{background-color:var(--bg-card);box-shadow:var(--shadow-sm);z-index:10;position:sticky;top:64px}.nav-list{gap:.5rem;max-width:1280px;margin-left:auto;margin-right:auto;padding:.75rem 1rem;display:flex;overflow-x:auto}.nav-button{white-space:nowrap;cursor:pointer;color:#4b5563;box-shadow:var(--shadow-sm);background-color:#0000;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.nav-button:hover{color:var(--color-primary);background-color:#eef2ff;transform:scale(1.03)}.nav-button.active{background-color:var(--color-primary);color:#fff;transform:scale(1.03);box-shadow:0 4px 6px -1px #4f46e54d,0 2px 4px -2px #4f46e54d}.card{background-color:var(--bg-card);border-radius:var(--radius);border-top:4px solid var(--color-primary);padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.form-title{color:var(--color-primary);border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.875rem;font-weight:800}.form-field-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius);border:1px solid #d1d5db;width:100%;padding:.75rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #0000000f}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e533}.btn-primary{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);color:#fff;background-color:var(--color-primary);cursor:pointer;border:none;padding:1rem;font-size:1.25rem;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#4338ca;transform:scale(1.005)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.urgent-toggle-box{border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#fce7f3;border:1px solid #f9a8d4;justify-content:space-between;align-items:center;padding:1rem;display:flex}.urgent-label{color:var(--color-urgent);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.message-box{border-radius:var(--radius);border:1px solid;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;font-weight:600}.message-box.success{color:#065f46;background-color:#d1fae5;border-color:#34d399}.message-box.warning{color:#92400e;background-color:#fffbeb;border-color:#fcd34d}.message-box.error{color:#991b1b;background-color:#fee2e2;border-color:#f87171}.dashboard-title{color:#1f2937;border-bottom:4px solid #e0e7ff;margin-bottom:2rem;padding-bottom:.75rem;font-size:2.25rem;font-weight:800}.dashboard-title.urgent{color:var(--color-urgent);border-bottom-color:#fbcfe8}.issue-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.issue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.issue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.issue-card{background-color:var(--bg-card);border-top:4px solid #4f46e580;border-radius:1rem;flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.issue-card:hover{transform:scale(1.01)}.issue-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.issue-status-tag{border:1px solid;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-new{color:#b91c1c;background-color:#fee2e2;border-color:#f87171}.status-in-progress{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.status-resolved{color:#047857;background-color:#d1fae5;border-color:#6ee7b7}.tag-urgent{background-color:var(--color-urgent);color:#fff;box-shadow:var(--shadow-sm);border:none;font-weight:700}.issue-location{color:var(--color-primary);background-color:#e0e7ff;border-radius:9999px;flex-shrink:0;margin-right:.75rem;padding:.25rem .75rem;font-size:1.25rem;font-weight:700;box-shadow:inset 0 1px 2px #0000001a}.issue-category-title{color:#1f2937;flex-grow:1;font-size:1.125rem;font-weight:800}.issue-description{color:#4b5563;-webkit-line-clamp:3;line-clamp:3;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1rem;padding:.75rem;font-size:.875rem;font-style:italic;display:-webkit-box;overflow:hidden}.issue-reporter-tags{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.reporter-tag{color:#4f46e5;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.issue-actions{border-top:1px solid #e5e7eb;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.btn-action{color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s}.btn-start-work{background-color:var(--color-pending)}.btn-start-work:hover:not(:disabled){background-color:#d97706}.btn-mark-resolved{background-color:var(--color-success)}.btn-mark-resolved:hover:not(:disabled){background-color:#059669}.btn-action:disabled{opacity:.6;cursor:not-allowed}.verification-header{color:var(--color-primary);border-bottom:4px solid var(--color-pending);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.875rem;font-weight:800}.verification-user-card{background-color:var(--bg-card);box-shadow:var(--shadow-md);border-left:4px solid var(--color-pending);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}@media (min-width:768px){.verification-user-card{flex-direction:row;justify-content:space-between}}.user-info{flex-grow:1}.user-email{color:#1f2937;font-size:1.125rem;font-weight:700}.user-requested-details{color:#4b5563;font-size:.875rem;font-weight:600}.btn-approve{border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;background-color:var(--color-success);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:700;transition:background-color .15s}.btn-approve:hover{background-color:#059669}.pending-page-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.pending-card{background-color:var(--bg-card);border-left:8px solid var(--color-pending);border-radius:1rem;width:100%;max-width:512px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pending-title{color:var(--color-pending);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.pending-info-box{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.btn-submit-details{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);color:#fff;background-color:var(--color-primary);cursor:pointer;border:none;padding:.75rem 1rem;font-size:1.125rem;font-weight:700;transition:all .2s}.btn-submit-details:hover{background-color:#4338ca}.btn-submit-details:disabled{opacity:.5;cursor:not-allowed}.auth-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background-color:var(--bg-card);border-top:8px solid var(--color-primary);border-radius:1.5rem;width:100%;max-width:384px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.auth-title{text-align:center;color:var(--color-primary);margin-bottom:2rem;font-size:2.25rem;font-weight:800}.auth-form-label{color:#374151;font-size:.875rem;font-weight:600;display:block}.auth-input{border-radius:var(--radius);border:1px solid #d1d5db;width:100%;margin-top:.25rem;padding:.75rem;transition:border-color .15s;box-shadow:inset 0 1px 2px #0000000f}.auth-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e533}.auth-btn-submit{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);color:#fff;background-color:var(--color-primary);cursor:pointer;border:none;padding:.75rem 1rem;font-size:1.125rem;font-weight:700;transition:all .15s}.auth-btn-submit:hover:not(:disabled){background-color:#4338ca}.auth-btn-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch-button{text-align:center;margin-top:1.75rem}.auth-switch-button button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .15s}.auth-switch-button button:hover{color:#4338ca}.btn-call{background-color:var(--color-success);color:#fff;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.6rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .15s ease-in-out;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn-call:hover{background-color:#059669}