*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.5;min-height:100vh}.vcard-container{max-width:570px;margin:0 auto;background:#fff;min-height:100vh}@media(min-width:690px){.vcard-container{margin:40px auto;border-radius:8px;box-shadow:0 4px 20px #0000001a;min-height:auto}}.vcard-header{text-align:center;padding:30px 20px 0;color:#fff}.header-content{padding-bottom:25px}.avatar{width:95px;height:95px;margin:0 auto 15px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:contain}.company-name{font-size:1.5rem;font-weight:600;margin-bottom:8px}.job-title{font-size:.875rem;opacity:.9}.header-actions{display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.2)}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px 10px;color:#fff;text-decoration:none;transition:background-color .2s;border-right:1px solid rgba(255,255,255,.2)}.action-btn:last-child{border-right:none}.action-btn:hover{background-color:#0000001a}.action-btn i{font-size:1.2rem;margin-bottom:5px}.action-btn span{font-size:.7rem;text-transform:uppercase}.vcard-body{padding:20px 30px 40px}@media(max-width:480px){.vcard-body{padding:20px 20px 40px}}.info-row{display:flex;padding:20px 0;align-items:flex-start}.info-row .icon{width:45px;color:#b3b4bb;font-size:1.2rem;flex-shrink:0;padding-top:2px}.info-content{flex:1}.info-link{color:#333;text-decoration:none;font-size:1rem;display:block;margin-bottom:3px}.info-link:hover{text-decoration:underline}.info-text{color:#333;font-size:1rem;margin-bottom:3px}.info-label{color:#82848f;font-size:.85rem}.bio{color:#333;font-size:1rem;line-height:1.6}.map-link{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:500;text-transform:uppercase;text-decoration:none;transition:opacity .2s}.map-link:hover{opacity:.8}.separator{height:1px;background-color:#eaeaea;margin-left:45px}.social-section{padding:25px 0}.section-label{display:block;font-size:1rem;color:#333;margin-bottom:15px;padding-left:45px}.social-icons{display:flex;gap:10px;padding-left:45px;flex-wrap:wrap}.social-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.1rem;transition:transform .2s,opacity .2s}.social-icon:hover{transform:scale(1.1);opacity:.9}.social-icon.facebook{background:#4769a6}.social-icon.x{background:#000;font-weight:700;font-family:sans-serif}.social-icon.linkedin{background:#0077b5}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;box-shadow:0 4px 12px #0003;margin-top:20px}.btn-primary:hover{box-shadow:0 6px 16px #0000004d}.btn-secondary{background:#fff;color:#333;border:1px solid #ddd;margin-top:15px}.btn-secondary:hover{background:#f9f9f9;border-color:#ccc}.btn-outline{background:transparent;color:#666;border:1px solid #ddd}.btn-outline:hover{background:#f5f5f5}.btn-admin{background:#4caf50;color:#fff}.btn-small{padding:10px 16px;font-size:.85rem}.admin-section{margin-top:30px;padding-top:20px;border-top:1px solid #eaeaea;display:flex;gap:10px;flex-wrap:wrap}.admin-section .btn{flex:1;min-width:120px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;box-shadow:0 4px 12px #0000004d;z-index:1000;transition:opacity .3s}.toast.hidden{opacity:0;pointer-events:none}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-large{max-width:600px}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#999;line-height:1}.modal-close:hover{color:#333}.modal h2{margin-bottom:20px;font-size:1.4rem;color:#333}.modal h3{margin:20px 0 15px;font-size:1.1rem;color:#555;border-bottom:1px solid #eee;padding-bottom:8px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:#555;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#316097}.form-group input[type=color]{height:45px;padding:5px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:10px;margin-top:25px}.form-actions .btn{flex:1}.error-text{color:#e53935;font-size:.85rem;margin-top:10px;text-align:center}.error-text.hidden{display:none}.hidden{display:none!important}.admin-container{min-height:100vh;padding:20px;display:flex;align-items:flex-start;justify-content:center}@media(min-width:600px){.admin-container{padding:40px 20px;align-items:center}}.admin-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px;width:100%;max-width:400px}.admin-card-large{max-width:650px}.admin-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.back-link{color:#666;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.back-link:hover{color:#333}.admin-header{text-align:center;margin-bottom:25px}.admin-icon{font-size:2.5rem;color:#316097;margin-bottom:15px}.admin-header h1{font-size:1.5rem;color:#333;margin-bottom:8px}.admin-header p{color:#666;font-size:.9rem}.admin-card h3{margin:25px 0 15px;font-size:1rem;color:#316097;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eee;padding-bottom:8px}.admin-card h3:first-of-type{margin-top:10px}.admin-card .form-group input,.admin-card .form-group textarea{background:#f9f9f9}.admin-card .form-group input:focus,.admin-card .form-group textarea:focus{background:#fff}.admin-card:not(.admin-card-large){margin-top:0}.admin-card:not(.admin-card-large) .back-link{display:block;margin-bottom:20px}.admin-card:not(.admin-card-large) .admin-header{margin-bottom:30px}.admin-card:not(.admin-card-large) .btn-primary{margin-top:10px}