body{margin:0;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.app-shell{height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.sidebar{z-index:200;background:#12121f;flex-direction:column;flex-shrink:0;width:240px;padding:28px 16px;transition:transform .25s;display:flex;overflow-y:auto}.sidebar-overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.main{background:#f4f5f9;flex:1;min-width:0;padding:32px 36px;overflow-y:auto}.topbar{background:#12121f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:none}.topbar-title{color:#fff;font-size:16px;font-weight:700}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.burger span{background:#fff;border-radius:2px;width:22px;height:2px;display:block}@media (width<=768px){.app-shell{flex-direction:column}.topbar{display:flex}.sidebar{width:min(280px,85vw);padding-top:20px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main{padding:20px 16px}}@media (width>=769px) and (width<=1100px){.sidebar{width:200px;padding:24px 12px}.main{padding:28px 24px}}.card-flip{perspective:800px;width:100px;height:140px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;display:flex;position:absolute;inset:0}.card-face.back{background:#12121f repeating-linear-gradient(45deg,#ffffff08 0 1px,#0000 1px 8px);border-color:#2d2d45;transform:rotateY(180deg)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}