.cs4-app{display:flex;gap:20px;font-family:Inter,Roboto,Arial,sans-serif;color:#e6fbff;background:linear-gradient(180deg,#031026,#061428);padding:18px;border-radius:12px} .cs4-left{width:62%}.cs4-right{width:38%}.cs4-hero h1{margin:0;color:#bfeaff} .cs4-tabs{margin:12px 0}.cs4-tab{padding:8px 12px;border-radius:8px;background:transparent;color:#9ecfe6;border:1px solid rgba(255,255,255,0.02);margin-right:8px;cursor:pointer} .cs4-tab.active{background:linear-gradient(90deg,#00e0ff,#7b5cff);color:#021319} .cs4-panel{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03)} label{display:block;margin:8px 0;color:#cfeeff} input[type="text"],input[type="number"]{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:rgba(2,8,18,0.6);color:#eafcff} .cs4-btn-primary{background:linear-gradient(90deg,#00b4ff,#7b5cff);color:#02131a;padding:8px 12px;border-radius:8px;border:none;cursor:pointer} .cs4-loader{width:36px;height:36px} .cs4-pulse{width:100%;height:100%;border-radius:50%;box-shadow:0 0 18px rgba(0,200,255,0.6);animation:cs4-pulse 1.2s infinite}@keyframes cs4-pulse{0%{transform:scale(0.85);opacity:0.8}50%{transform:scale(1);opacity:1}100%{transform:scale(0.85);opacity:0.8}} .cs4-list{list-style:none;padding:0;margin:0} .cs4-list li{display:flex;justify-content:space-between;padding:10px;border-radius:8px;margin-bottom:8px;background:linear-gradient(90deg,rgba(255,255,255,0.01),rgba(255,255,255,0.005))} .cs4-modal,.cs4-modal-edit{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#021424;padding:18px;border-radius:10px;color:#dff8ff;z-index:9999;max-width:800px;max-height:80vh;overflow:auto} .cs4-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(2,6,15,0.7);z-index:9998} .cs4-notif{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:10px;z-index:10000;color:#021319} .cs4-notif.success{background:linear-gradient(90deg,#7effc8,#00ffd1)} .cs4-notif.error{background:linear-gradient(90deg,#ff8b88,#ffb3b0)} @media(max-width:900px){ .cs4-app{flex-direction:column} .cs4-left,.cs4-right{width:100%} }