html,body{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0;padding:0;height:100%;overflow:hidden}body{background-color:#fff;background-image:url("./media/page-bg-US7FRMHW.png")}#tiles{position:relative;width:100%}.menu{position:sticky;top:0;left:0;right:0;height:60px;width:100%;min-width:100%;background-image:url("./media/buttonbar-bg-F7O2FBJC.png");background-position:bottom;background-repeat:repeat-x;z-index:10;margin:0}.menu .logo{position:absolute;width:60px;height:60px;background-color:#444;background-image:url("./media/logo-WFVXDQNJ.png");background-repeat:no-repeat;background-position:center center}.menu .beta-badge{position:absolute;left:35px;top:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:1px;border-radius:3px;transform:rotate(-8deg);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease;z-index:10}.menu .beta-badge:hover{transform:rotate(-8deg) scale(1.1);box-shadow:0 3px 6px #0000004d}.menu h1{position:absolute;top:50%;transform:translateY(-50%);left:60px;right:200px;font-size:20px;color:#fff;margin:0;line-height:1;padding-left:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu .new,.menu .io,.menu .help,.menu .help-btn,.menu .todo-btn{position:absolute;width:60px;height:60px;cursor:pointer}.menu .new{right:0}.menu .io{right:120px}.menu .help,.menu .help-btn{right:60px}.menu .todo-btn{right:120px}.menu .icon{position:absolute;width:60px;height:60px;background-repeat:no-repeat;background-position:center center}.menu .new .icon:after{content:"+";color:#fff;display:block;text-align:center;line-height:60px;font-size:24px}.menu .io .icon:after{content:"\1f4be";color:#fff;display:block;text-align:center;line-height:60px;font-size:24px}.menu .help .icon{color:#fff;display:block;text-align:center;line-height:60px;font-size:28px;font-weight:700}.menu ul{display:none}.menu .new:hover,.menu .io:hover,.menu .help:hover,.menu .help-btn:hover,.menu .todo-btn:hover{background-image:url("./media/fill-white15-34J3BOVS.png")}.menu .help:active{background-image:url("./media/fill-white30-7YA7OY45.png")}.menu .new:hover ul,.menu .help-btn:hover ul,.menu .todo-btn:hover ul{display:block;position:absolute;top:58px;border-bottom-left-radius:10px;background-color:#505050;margin:0;z-index:10}.menu .new:hover ul{width:160px;right:0}.menu .io:active{background-image:url("./media/fill-white30-7YA7OY45.png")}.menu ul{padding:10px 0}.menu ul li{padding:10px 20px;color:#fff;list-style:none}.menu ul li:hover{background-color:#666}.grid-container{width:100%;overflow:auto;position:relative}.col{width:10%;min-height:1px;float:left}@media (max-width: 1023px){.menu,#tiles,.grid-container{min-width:1024px}.col{min-width:102px}.menu .new,.menu .io,.menu .help,.menu .help-btn,.menu .todo-btn{min-width:60px}.menu h1{right:240px;font-size:16px}}.tile{height:30px;position:relative;background-image:url("./media/tile-bg-G5QUKGTN.png");background-repeat:no-repeat;background-position:center right;cursor:pointer;margin-bottom:2px}.tile:hover{background-image:url("./media/tile-bg-hover-W65VIRTA.png")}.tile-heading{font-size:110%;text-shadow:1px 1px 3px black;height:29px;border-top:1px solid #fff}.tile .title{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .subtitle{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.tile .num{position:absolute;text-align:right;top:8px;right:5px;font-size:12px;width:35px}.tile-heading .title{position:static;padding-top:7px;text-align:center;color:#fff}.red-1{background-color:#8d0000;color:#fff}.red-2{background-color:#5a0000;color:#fff}.red-3{background-color:#d70000;color:#fff}.blue-1{background-color:#0c4c74;color:#fff}.blue-2{background-color:#0c9af3;color:#fff}.green-1{background-color:#005a1a;color:#fff}.green-2{background-color:#00a72f;color:#fff}.orange-1{background-color:#9a3208;color:#fff}.orange-2{background-color:#582704;color:#fff}.orange-3{background-color:#e64b0c;color:#fff}.purple-1{background-color:#7a1185;color:#fff}.purple-2{background-color:#4b0a52;color:#fff}.tile-1 .title{font-size:13px;top:8px;left:5px;right:5px;height:15px}.tile-3 .title{top:3px;left:5px;right:5px}.tile-3 .subtitle{bottom:3px;left:5px;right:5px}.tile-5 .title{font-size:13px;top:8px;left:5px;right:40px;height:15px}.tile-7 .title{top:3px;left:5px;right:40px}.tile-7 .subtitle{bottom:3px;left:5px;right:40px}.tile .num-1,.tile .num-2{top:6px;font-size:16px}.tile .num-3{top:8px;font-size:14px}.tile .num-4{top:9px;font-size:12px}.tile .num-5{top:9px;font-size:11px}.tile .num-6{top:9px;font-size:10px}.tile .num-7{top:10px;font-size:9px}.tile .num-8{top:10px;font-size:8px}.tile .num span{padding:0 2px 0 1px;color:#ccc}