#customer-container{background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:20px;margin:20px}#customer-container .customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#customer-container .customer-header h3{margin:0;color:#2b5fb5;font-size:18px}#customer-container .new-customer-btn{background:#4285f4;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px}#customer-container .new-customer-btn:hover{background:#2f6fe0}#customer-container .test-mode-box{background:#fffbe6;border:1px solid #ffe58f;padding:10px 12px;border-radius:4px;font-size:14px;margin-bottom:16px;color:#333}#customer-container .test-mode-box a{color:#2b5fb5;text-decoration:none}#customer-container .table-wrapper{border:1px solid #e6e6e6;border-radius:4px}#customer-container .customer-table{width:100%;border-collapse:collapse;font-size:14px}#customer-container .customer-table th{background:#f5f8fa;text-align:left;font-weight:600}#customer-container .customer-table td,#customer-container .customer-table th{padding:10px;border-bottom:1px solid #e6e6e6}#customer-container .customer-table a{color:#2b5fb5;text-decoration:none}#customer-container .edit-btn{background:white;border:1px solid #ccc;color:#444;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer}#customer-container .edit-btn:hover{background:#e8e8e8}#customer-container .table-footer{padding:10px;font-size:13px;color:#555;text-align:left}#customer-container .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1050}#customer-container .modal-content{background:#fff;width:95%;max-width:600px;max-height:700px;border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}#customer-container .modal-close{position:absolute;top:15px;right:20px;font-size:26px;cursor:pointer;height:30px;width:30px;display:flex;justify-content:center;align-items:center}#customer-container .modal-top-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #ddd;background:#f9f9f9}#customer-container .top-tab{flex:0 0 auto;padding:10px 20px;border:none;background:transparent;cursor:pointer}#customer-container .top-tab.active{border-bottom:3px solid #007bff;font-weight:700;color:#007bff}#customer-container .modal-main{padding:20px}#customer-container .modal-main label{display:block;margin-top:10px;font-weight:500}#customer-container .modal-footer{margin-top:20px;text-align:right}#customer-container .next-btn,.submit-btn{width:100%;padding:10px 20px;border:none;border-radius:6px;cursor:pointer}#customer-container .next-btn{background:#007bff;color:#fefefe}#customer-container .submit-btn{background:#007bff;color:#ffffff}#customer-container .footer-above{color:#555;margin-top:30px}