.cms-showcase{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.monitor-wrapper{width:1400px;height:750px;transform-style:preserve-3d;z-index:10;flex-direction:column;align-items:center;transition:transform .1s ease-out;display:flex;position:relative}.monitor-screen{background:#020612;border:2px solid #111;border-radius:12px;width:100%;height:650px;display:flex;position:relative;overflow:hidden;transform:perspective(2000px)rotateX(2deg);box-shadow:inset 0 0 0 4px #000,inset 0 0 20px #00ffff1a,0 20px 50px #000c,0 0 100px #00ffff1a}.monitor-stand{transform-origin:top;z-index:-1;flex-direction:column;align-items:center;width:300px;height:100px;margin-top:-10px;display:flex;position:relative;transform:perspective(1000px)rotateX(40deg)}.stand-neck{background:linear-gradient(90deg,#111,#333,#111);border-radius:4px;width:60px;height:80px}.stand-base{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(#222,#000);border-radius:5px 5px 20px 20px;width:400px;height:40px;margin-top:-10px;box-shadow:0 30px 30px #00ffff1a}.screen-glow{pointer-events:none;z-index:100;position:absolute;inset:0;box-shadow:inset 0 0 150px #00f0ff0d}.cms-app-bg{color:#fff;filter:blur(4px)brightness(.4);pointer-events:none;flex-direction:column;width:100%;height:100%;transition:all .5s;display:flex}.monitor-screen:hover .cms-app-bg{filter:blur()brightness();pointer-events:auto}.cms-header{background:#0006;border-bottom:1px solid #00f0ff1a;align-items:center;gap:40px;height:70px;padding:0 30px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brand-icon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#00f0ff;width:24px;height:24px;box-shadow:0 0 15px #00f0ff}.top-stats{flex:1;gap:20px;display:flex}.stat-badge{letter-spacing:1px;background:#00f0ff0d;border:1px solid #00f0ff4d;border-radius:4px;padding:8px 16px;font-size:11px}.stat-badge span{color:#f59e0b;margin-left:5px}.stat-badge.green span{color:#22c55e}.user-profile{align-items:center;gap:10px;font-size:11px;display:flex}.avatar{background:#00f0ff;border-radius:50%;width:30px;height:30px}.cms-body{flex:1;display:flex;overflow:hidden}.cms-sidebar{background:#0003;border-right:1px solid #00f0ff1a;width:240px;padding:20px 0}.nav-item{color:#fff9;cursor:pointer;letter-spacing:1px;align-items:center;gap:12px;padding:15px 30px;font-size:13px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#00f0ff0d}.nav-item.active{color:#00f0ff;background:linear-gradient(90deg,#00f0ff26,#0000);border-left:3px solid #00f0ff}.cms-content{flex:1;grid-template-columns:1fr 350px;gap:25px;padding:25px;display:grid;overflow-y:auto}.content-table-container{background:#0000004d;border:1px solid #00f0ff33;border-radius:8px;flex-direction:column;display:flex}.table-header-panel{border-bottom:1px solid #00f0ff1a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.table-header-panel h2{letter-spacing:1px;font-size:14px}.search-bar{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:200px;padding:6px 15px;font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#fff6;text-transform:uppercase;border-bottom:1px solid #00f0ff1a;padding:12px 20px;font-size:11px;font-weight:500}.data-table td{color:#fffc;border-bottom:1px solid #ffffff05;padding:12px 20px;font-size:12px}.table-row{cursor:pointer;transition:background .2s}.table-row:hover{background:#00f0ff0d}.table-row.active{background:#00f0ff1a;border:1px solid #00f0ff;box-shadow:inset 0 0 10px #00f0ff33}.checkbox{border:1px solid #ffffff4d;border-radius:3px;width:14px;height:14px;display:inline-block}.table-row.active .checkbox{background:#00f0ff;border-color:#00f0ff}.status-pill{color:#00f0ff}.widgets-column{flex-direction:column;gap:25px;display:flex}.widget{background:#0000004d;border:1px solid #00f0ff33;border-radius:8px;padding:20px}.widget h3{letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:15px;font-size:12px}.api-graph{border-bottom:1px solid #00f0ff33;border-left:1px solid #00f0ff33;height:200px;position:relative}.chart-line{clip-path:polygon(0 100%,0 60%,10% 50%,20% 70%,30% 40%,40% 60%,50% 30%,60% 50%,70% 20%,80% 40%,90% 10%,100% 30%,100% 100%);background:linear-gradient(#00f0ff66,#0000);border-top:2px solid #00f0ff;animation:10s linear infinite chart-flow;position:absolute;inset:0}.chart-line-stroke{clip-path:polygon(0 60%,10% 50%,20% 70%,30% 40%,40% 60%,50% 30%,60% 50%,70% 20%,80% 40%,90% 10%,100% 30%,100% 32%,90% 12%,80% 42%,70% 22%,60% 52%,50% 32%,40% 62%,30% 42%,20% 72%,10% 52%,0 62%);background:#00f0ff;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:0;box-shadow:0 0 15px #00f0ff}@keyframes chart-flow{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(10deg)brightness(1.2)}to{filter:hue-rotate()brightness()}}@keyframes pulse-glow{0%,to{opacity:.8;box-shadow:0 0 10px #00f0ff80}50%{opacity:1;box-shadow:0 0 25px #00f0ffcc}}.stat-badge span{animation:2s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay-cards-container{z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:40px;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0}.monitor-screen:hover .overlay-cards-container{opacity:0;pointer-events:none;transform:translateY(-20px)scale(.95)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#000000b3;border:1px solid #00f0ff4d;border-radius:16px;box-shadow:0 20px 50px #00f0ff1a}.main-card{text-align:center;max-width:600px;padding:30px 40px}.main-card h2{color:#00f0ff;letter-spacing:3px;margin-bottom:10px;font-size:14px}.main-card h3{margin-bottom:15px;font-size:24px}.main-card p{color:#ffffffb3;font-size:14px;line-height:1.6}.feature-cards{gap:20px;max-width:800px;display:flex}.feature-card{flex:1;padding:20px}.feature-card h4{color:#00f0ff;margin-bottom:10px;font-size:13px}.feature-card p{color:#fff9;font-size:12px}