:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(-45deg,#130439,#0d0433,#080833,#01104a,#15014b,#0b003b,#180153,#0c0624);background-size:200% 200%;animation:gradientScroll 60s ease-in-out infinite}@keyframes gradientScroll{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dashboard-root{display:flex;flex-direction:column;height:100vh;width:100vw}.dashboard-topbar{background:#89e31c;padding:0;height:48px;display:flex;align-items:stretch}.dashboard-nav{display:flex;align-items:stretch;height:100%}.dashboard-logo{height:48px;width:auto;display:block;border-right:#001127 solid 2px}.dashboard-nav a{font-weight:700;color:#001127;text-decoration:none;padding:0 16px;display:flex;align-items:center;justify-content:center;height:100%}.dashboard-nav a:hover{background:#00122933}.dashboard-nav a.active{background:#001127;color:#89e31c;text-shadow:none}.dashboard-content{flex:1 1 auto}.iso-button{position:relative;transform-style:preserve-3d;cursor:pointer;display:inline-block}.face.top{background:var(--bg-color);color:var(--fg-color);font-weight:700;position:absolute;width:100%;height:100%;transform:rotateX(0) translateZ(var(--depth));display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 30px #0000001a;z-index:1}.face.top.pressed{transform:translate(calc(var(--depth) - 5px),calc(var(--depth) - 5px))}.face.front{background:var(--bg-color);position:absolute;width:calc(100% + 1px);height:var(--depth);left:0;transform:translateY(var(--height)) skew(45deg);transform-origin:left top;filter:brightness(.65)}.face.front.pressed{height:5px;transform:translate(calc(var(--depth) - 5px)) translateY(calc(var(--height) + var(--depth) - 5px)) skew(45deg)}.face.side{background:var(--bg-color);position:absolute;width:var(--depth);height:100%;right:0;transform:translate(var(--depth)) translateY(calc(var(--depth))) skew(0,45deg);transform-origin:top right;filter:brightness(.8)}.face.side.pressed{width:5px;transform:translate(var(--depth)) translateY(calc(var(--depth))) skew(0,45deg)}.iso-button:hover{filter:brightness(1.1)}