body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;min-height:100vh}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.App{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-header{text-align:center;margin-bottom:2rem}h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{color:#ffffffe6;font-size:1.1rem;margin-top:0}.theme-toggle{margin-top:1rem;padding:.5rem 1.5rem;background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:25px;font-size:.9rem;cursor:pointer;transition:all .3s}.theme-toggle:hover{background-color:#ffffff4d;transform:scale(1.05)}h2{color:#444;margin-bottom:1rem;font-size:1.5rem}.error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem}.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;padding:1rem;border-radius:4px;margin-bottom:1rem}.spinner-container{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #4CAF50;flex:1;min-width:150px;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-value{font-size:2rem;font-weight:700;color:#333}.stat-title{font-size:.9rem;color:#666;margin-top:.25rem}.form-container{background-color:#fffffff2;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#4caf50}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover{background-color:#616161}.merchants-container{background-color:#fffffff2;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.merchants-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.merchants-header h2{margin-bottom:0}.header-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{display:flex;gap:.5rem;align-items:center}.btn-export{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-export:hover{opacity:.9;transform:translateY(-2px)}.search-input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-width:250px}.search-input:focus{outline:none;border-color:#4caf50}.clear-search{padding:.5rem 1rem;background-color:#757575;color:#fff;font-size:.85rem}.clear-search:hover{background-color:#616161}.merchants-table{width:100%;border-collapse:collapse;margin-top:1rem}.merchants-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.merchants-table th:hover{opacity:.9}.merchants-table th .sort-icon{margin-left:.5rem;font-size:.8rem}.merchants-table td{padding:1rem;border-bottom:1px solid #ddd}.merchants-table tr:hover{background-color:#f5f5f5}.btn-edit{background-color:#2196f3;color:#fff;padding:.5rem 1rem;margin-right:.5rem}.btn-edit:hover{background-color:#0b7dda}.btn-delete{background-color:#f44336;color:#fff;padding:.5rem 1rem}.btn-delete:hover{background-color:#da190b}.app-footer{text-align:center;padding:2rem;margin-top:2rem;color:#ffffffe6;border-top:none}.app-footer p{margin:0;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@media(max-width:768px){.App{padding:1rem}h1{font-size:2rem}.stats-container{flex-direction:column}.stat-card{min-width:auto}.merchants-header{flex-direction:column;align-items:stretch}.search-box{width:100%}.search-input{min-width:auto;flex:1}.merchants-table{font-size:.9rem}.merchants-table th,.merchants-table td{padding:.5rem}button{padding:.5rem 1rem;font-size:.9rem}}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark-mode .stat-card{background-color:#1e293b;color:#e2e8f0}.dark-mode .stat-value{color:#f1f5f9}.dark-mode .stat-title{color:#94a3b8}.dark-mode .form-container{background-color:#1e293bf2}.dark-mode .form-container h2{color:#e2e8f0}.dark-mode .form-group label{color:#94a3b8}.dark-mode .form-group input{background-color:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .form-group input:focus{border-color:#667eea}.dark-mode .merchants-container{background-color:#1e293bf2}.dark-mode .merchants-container h2{color:#e2e8f0}.dark-mode .search-input{background-color:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .merchants-table td{color:#e2e8f0;border-bottom-color:#334155}.dark-mode .merchants-table tr:hover{background-color:#334155}.dark-mode .error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.dark-mode .success{background-color:#052e16;border-color:#166534;color:#86efac}.favorite-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:.25rem;color:#ccc;transition:color .2s,transform .2s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorited{color:gold}.country-cell{display:flex;align-items:center;gap:.5rem}.flag{font-size:1.2rem}.category-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.category-retail{background-color:#e3f2fd;color:#1565c0}.category-foodbeverage{background-color:#fff3e0;color:#e65100}.category-electronics{background-color:#e8f5e9;color:#2e7d32}.category-fashion{background-color:#fce4ec;color:#c2185b}.category-services{background-color:#f3e5f5;color:#7b1fa2}.category-healthcare{background-color:#e0f7fa;color:#00838f}.category-other{background-color:#eceff1;color:#546e7a}.category-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;cursor:pointer}.category-select:focus{outline:none;border-color:#4caf50}.filter-controls{display:flex;gap:.5rem;align-items:center}.filter-btn{padding:.5rem 1rem;background-color:#f5f5f5;color:#666;border:1px solid #ddd;font-size:.85rem}.filter-btn.active{background-color:gold;color:#333;border-color:gold}.filter-btn:hover{background-color:#e0e0e0}.category-filter{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background-color:#fff}.bulk-actions{display:flex;gap:1rem;align-items:center;padding:1rem;background-color:#fff3e0;border-radius:8px;margin-bottom:1rem}.bulk-actions span{font-weight:600;color:#e65100}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.row-checkbox{width:18px;height:18px;cursor:pointer}.selected-row{background-color:#e3f2fd!important}.duplicate-warning{display:block;color:#e65100;font-size:.85rem;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003}.modal-content h3{margin-bottom:1rem;color:#333}.modal-content p{margin-bottom:1.5rem;color:#666}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.sortable{cursor:pointer}.sortable:hover{opacity:.85}.dark-mode .favorite-btn{color:#64748b}.dark-mode .favorite-btn.favorited{color:gold}.dark-mode .category-select{background-color:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .filter-btn{background-color:#334155;color:#e2e8f0;border-color:#475569}.dark-mode .filter-btn.active{background-color:gold;color:#333}.dark-mode .category-filter{background-color:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .bulk-actions{background-color:#3d2814}.dark-mode .bulk-actions span{color:#fbbf24}.dark-mode .selected-row{background-color:#1e3a5f!important}.dark-mode .modal-content{background-color:#1e293b}.dark-mode .modal-content h3{color:#e2e8f0}.dark-mode .modal-content p{color:#94a3b8}.dark-mode .duplicate-warning{color:#fbbf24}.dark-mode .category-retail{background-color:#1e3a5f;color:#93c5fd}.dark-mode .category-foodbeverage{background-color:#3d2814;color:#fdba74}.dark-mode .category-electronics{background-color:#14532d;color:#86efac}.dark-mode .category-fashion{background-color:#4a1d36;color:#f9a8d4}.dark-mode .category-services{background-color:#3b1d4a;color:#d8b4fe}.dark-mode .category-healthcare{background-color:#134e4a;color:#5eead4}.dark-mode .category-other{background-color:#334155;color:#94a3b8}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-inactive{background-color:#ffebee;color:#c62828}.status-pending{background-color:#fff3e0;color:#e65100}.dark-mode .status-active{background-color:#14532d;color:#86efac}.dark-mode .status-inactive{background-color:#450a0a;color:#fca5a5}.dark-mode .status-pending{background-color:#3d2814;color:#fdba74}.status-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;cursor:pointer}.status-select:focus{outline:none;border-color:#4caf50}.status-filter{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background-color:#fff}.dark-mode .status-select,.dark-mode .status-filter{background-color:#334155;border-color:#475569;color:#e2e8f0}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}.activity-log{background-color:#fffffff2;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.activity-header h3{font-size:1rem;color:#444;margin:0}.btn-small{padding:.25rem .75rem;font-size:.75rem;background-color:#e0e0e0;color:#666;border:none;border-radius:4px;cursor:pointer}.btn-small:hover{background-color:#d0d0d0}.activity-log ul{list-style:none;padding:0;margin:0}.activity-log li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #eee;font-size:.85rem}.activity-log li:last-child{border-bottom:none}.activity-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.activity-icon.create{background-color:#e8f5e9;color:#2e7d32}.activity-icon.update{background-color:#e3f2fd;color:#1565c0}.activity-icon.delete{background-color:#ffebee;color:#c62828}.activity-icon.export{background-color:#f3e5f5;color:#7b1fa2}.activity-text{flex:1;color:#555}.activity-time{color:#999;font-size:.75rem}.dark-mode .activity-log{background-color:#1e293bf2}.dark-mode .activity-header h3{color:#e2e8f0}.dark-mode .btn-small{background-color:#475569;color:#e2e8f0}.dark-mode .activity-log li{border-bottom-color:#334155}.dark-mode .activity-text{color:#cbd5e1}.dark-mode .activity-time{color:#64748b}.dark-mode .activity-icon.create{background-color:#14532d;color:#86efac}.dark-mode .activity-icon.update{background-color:#1e3a5f;color:#93c5fd}.dark-mode .activity-icon.delete{background-color:#450a0a;color:#fca5a5}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #0000004d;z-index:1001;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-undo{background-color:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600}.toast-undo:hover{background-color:#45a049}.toast-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0 .25rem}.toast-close:hover{color:#fff}.header-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.keyboard-hint{font-size:.75rem;color:#ffffffb3;background-color:#0003;padding:.25rem .75rem;border-radius:4px}.action-buttons{display:flex;gap:.5rem}.btn-import{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:.5rem 1rem;font-size:.9rem;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s}.btn-import:hover{opacity:.9;transform:translateY(-2px)}@media(max-width:768px){.form-row{flex-direction:column}.header-controls{flex-direction:column;align-items:stretch}.filter-controls,.action-buttons{flex-wrap:wrap}.keyboard-hint{display:none}.activity-log{padding:1rem}.toast{width:90%;left:5%;transform:translate(0)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}