*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#1a1a1a;line-height:1.5}.app{min-height:100vh}.header{background:#1a1a1a;color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:2rem}.header h1{font-size:1.5rem;font-weight:700}.header nav{display:flex;gap:1.5rem;flex:1}.header nav a{color:#ccc;text-decoration:none;font-weight:500}.header nav a:hover{color:#fff}.user-email{color:#888;font-size:.875rem}.logout-btn{background:transparent;border:1px solid #444;color:#ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.logout-btn:hover{border-color:#666;color:#fff}main{max-width:1200px;margin:0 auto;padding:2rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:#666}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.login-page h1{font-size:3rem;margin-bottom:.5rem}.login-page .tagline{color:#888;margin-bottom:3rem;font-size:1.25rem}.login-box{background:#fff;padding:2rem;border-radius:8px;text-align:center}.login-box p{color:#666;margin-bottom:1rem}.dashboard h2{margin-bottom:1.5rem}.email-banner{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.email-banner .email-label{color:#666;font-size:.875rem;margin-bottom:.25rem}.email-banner .email-address{font-size:1.25rem;font-weight:600;color:#1565c0;font-family:monospace}.listing-email{font-size:.75rem;color:#1565c0;font-family:monospace;margin-top:.5rem;word-break:break-all}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.listing-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.listing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.listing-card img{width:100%;height:180px;object-fit:cover;background:#eee}.listing-card .content{padding:1rem}.listing-card h3{margin-bottom:.5rem}.listing-card .status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.listing-card .status.active{background:#e8f5e9;color:#2e7d32}.listing-card .status.pending{background:#fff3e0;color:#ef6c00}.listing-card .status.completed{background:#e3f2fd;color:#1976d2}.listing-card .meta{color:#666;font-size:.875rem;margin-top:.5rem}.add-listing-card{background:#fff;border:2px dashed #ccc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;cursor:pointer;transition:border-color .2s}.add-listing-card:hover{border-color:#1a1a1a}.add-listing-card .plus{font-size:3rem;color:#ccc}.add-listing-card span{color:#666;margin-top:.5rem}.form-page{max-width:600px;margin:0 auto}.form-page h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1a1a1a}.form-group textarea{resize:vertical;min-height:100px}.form-group .help{color:#666;font-size:.875rem;margin-top:.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary{background:#1a1a1a;color:#fff}.btn-primary:hover{background:#333}.btn-secondary{background:#eee;color:#1a1a1a}.btn-secondary:hover{background:#ddd}.btn-success{background:#2e7d32;color:#fff}.btn-success:hover{background:#1b5e20}.btn-danger{background:#c62828;color:#fff}.btn-danger:hover{background:#b71c1c}.pickups-list{display:flex;flex-direction:column;gap:1rem}.pickup-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.pickup-card.pending-approval{border-left:4px solid #ef6c00}.pickup-card .info h3{margin-bottom:.25rem}.pickup-card .info .details{color:#666;font-size:.875rem}.pickup-card .actions{display:flex;gap:.5rem}.conversation{background:#fff;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.conversation h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.messages{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:1rem 0}.message{padding:.75rem 1rem;border-radius:8px;max-width:80%}.message.incoming{background:#f5f5f5;align-self:flex-start}.message.outgoing{background:#1a1a1a;color:#fff;align-self:flex-end}.message .time{font-size:.75rem;opacity:.7;margin-top:.25rem}.availability-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:1rem}.day-slot{text-align:center;padding:.5rem;border:1px solid #ddd;border-radius:4px;cursor:pointer}.day-slot.selected{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.day-slot .day-name{font-size:.75rem;color:#666}.day-slot.selected .day-name{color:#ccc}.url-list{list-style:none;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.url-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f5f5f5;border-radius:4px;font-size:.875rem}.url-list li a{color:#1a1a1a;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-list li a:hover{text-decoration:underline}.btn-remove{background:transparent;border:none;color:#999;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem}.btn-remove:hover{color:#c62828}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state h3{color:#1a1a1a;margin-bottom:.5rem}