*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f6fa;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.page{display:none}.page.active{display:block}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.header{background:#4caf50;color:#fff;padding:20px;margin-bottom:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-group input[type=checkbox]{width:auto}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}.btn{background:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.btn:hover{background:#45a049}.btn-secondary{background:#666}.btn-secondary:hover{background:#555}.btn-danger{background:#f44336}.btn-danger:hover{background:#da190b}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{border:1px solid #ddd;padding:12px;text-align:left}.table th{background:#f8f9fa;font-weight:700}.table tr:hover{background:#f5f5f5}.list-header{display:flex;justify-content:space-between;align-items:center}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;overflow-y:auto;padding:30px 16px;box-sizing:border-box}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:600px;margin:0 auto;position:relative}.modal-close{position:absolute;right:10px;top:10px;font-size:24px;cursor:pointer;color:#666}.modal-close:hover{color:#333}.loading{text-align:center;padding:20px}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid #4CAF50;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:#f44336;margin-bottom:10px}.user-info{display:flex;align-items:center;gap:10px}.user-display{padding:6px 12px;background-color:#ffffff1a;border-radius:5px;min-width:120px;text-align:center}#userEmail{cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .3s;display:flex;align-items:center}#userEmail:hover{background-color:#fff3}#userEmail small{font-size:12px;opacity:.8}.header-avatar{width:24px;height:24px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:8px;font-weight:700;border:1px solid rgba(255,255,255,.6)}.user-profile-header{display:flex;align-items:center;margin-bottom:20px}.profile-avatar{width:60px;height:60px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:15px;font-weight:700;box-shadow:0 2px 5px #0003}.required-field:after{content:"*";color:red;margin-left:4px}.text-center{text-align:center}.w-full{width:100%}.w-auto{width:auto}.d-flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-end{align-self:flex-end}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.mb-0{margin-bottom:0}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.login-card{max-width:400px;margin:50px auto}.link-primary{color:#4caf50}.info-box{background:#f5f5f5;padding:10px;border-radius:5px}.filter-bar{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap;align-items:center}.summary-bar{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.modal-wide{max-width:800px;height:600px}.map-layout{display:flex;height:calc(100% - 100px)}.map-container{flex:1;height:100%}.places-list{width:250px;height:100%;overflow-y:auto;padding:10px;border-left:1px solid #ddd}.search-row{display:flex;gap:5px;margin-bottom:10px}.search-row input{flex:1;padding:10px}.search-hint{font-size:13px;color:#666;margin-bottom:10px}.search-results{max-height:400px;overflow-y:auto}.form-section-divider{display:flex;align-items:center;margin:20px 0 12px;color:#555;font-size:13px;font-weight:600}.form-section-divider:before,.form-section-divider:after{content:"";flex:1;border-top:1px solid #ddd}.form-section-divider:before{margin-right:10px}.form-section-divider:after{margin-left:10px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}
