html,body,#root{width:100%;height:100%;margin:0}body{display:flex;justify-content:center;background:#f4f6f9}.configuration-page{min-height:100vh;background:#f4f6f9;padding:24px;font-family:Arial,sans-serif;box-sizing:border-box}.configuration-layout{display:flex;gap:24px;align-items:flex-start}.configuration-table{flex:1;background:#fff;border-radius:12px;overflow-x:auto;max-width:1000px;box-shadow:0 4px 12px #00000014}.controls-panel{width:320px;flex-shrink:0;background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.controls-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.config-controls{display:flex;align-items:center;gap:12px;margin-top:10px}@media(max-width:767px){.configuration-page{padding:15px 15px 230px}.configuration-layout{display:block}.configuration-table{width:100%;max-width:none;overflow-x:auto}.controls-panel{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:9999;background:#f0f0f0;border-radius:16px 16px 0 0;box-sizing:border-box;box-shadow:0 -30px 25px #0000002e;max-height:70vh;overflow-y:auto}.controls-panel h4{margin-top:2px!important;margin-bottom:8px!important}.controls-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.config-controls{gap:6px;margin-top:6px}.config-controls select{height:40px;min-width:65px;padding:4px;border-radius:8px;border:1px solid #ccc}}