nav{flex-flow:wrap;justify-content:space-between;display:flex}nav .tabs{margin-left:20px}nav .tabs .tab{color:#000;cursor:pointer;background-color:#f2f2f2;border:none;padding:10px 20px;font-size:16px;transition:background-color .3s}nav .tabs .tab:hover{background-color:#ddd}nav .tabs .tab.active{background-color:#ccc}nav .stats{flex-flow:wrap;justify-content:center;gap:8px;margin-bottom:8px;margin-right:20px;display:flex}nav .stats div{margin-left:8px;display:grid}nav .stats canvas{margin-right:8px}#tabContent{margin:0 20px}.calendar{border:1px solid #ccc;grid-template-columns:repeat(12,1fr);padding:0 2px;display:grid;overflow-x:auto}.calendar .month{border:1px solid #ccc;min-width:112px;margin:4px 2px}.calendar .month h3{text-overflow:ellipsis;margin:0 8px;overflow:hidden}.calendar .month .day{user-select:none;cursor:pointer;text-wrap:nowrap;border:1px solid #ccc;justify-content:space-between;align-items:center;height:1.4rem;padding-left:8px;font-family:monospace;display:flex;position:relative}.calendar .month .day .weekNb{float:inline-end;color:#888;text-shadow:0 0 2px #fff}.calendar .month .day .lock{font-size:.5rem;position:absolute;top:4px;left:-1px}.calendar .month .day .location{text-shadow:1px 1px 2px #000;position:absolute;top:0;left:76px}.calendar .month .day .activities{text-shadow:1px 1px 2px #000;border-radius:8px;flex-flow:wrap;justify-content:center;width:fit-content;max-width:calc(100% - 16px);margin:0 auto;font-size:.1em;transition:all .5s ease-in-out;position:absolute;top:0;left:8px;right:8px;overflow:hidden}.calendar .month .day .status{flex-direction:column;max-height:100%;font-weight:700;display:flex;position:relative}.calendar .month .day .status .upper,.calendar .month .day .status .lower{height:50%;padding-top:.6px;font-size:.8em;line-height:100%;display:block}.calendar .month .day .status .upper{border-bottom:.5px solid #ccc}.calendar .month .day .status .lower{border-top:.5px solid #ccc}.calendar .month .day:hover{border:1px solid #000!important}.calendar .month .day:hover .activities{background-color:#fff;height:28px;padding:0 4px;font-size:medium;transition:all .5s ease-in-out;top:-24px;overflow:auto}.tables{flex-flow:wrap;justify-content:center;padding:8px;display:flex}.tables div{margin:0 8px}.tables div h3{margin:8px 0 0}table{border-collapse:collapse;border:1px solid;width:max-content}table td,table th{border:1px solid;padding:0 8px}.menuBar{flex-flow:wrap;align-items:baseline;margin-top:8px;display:flex}.wheelSelectorMenu{user-select:none;z-index:2048;background-color:#0009;border-radius:50%;position:absolute;box-shadow:0 0 20px 20px #0009}.wheelSelectorMenu .wheelSelectorMenuItem{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 20px 2px #0009}.wheelSelectorMenu .wheelSelectorMenuItem.active{border:1px solid #0ff;box-shadow:0 0 20px 1px #0ff}.wheelSelectorMenu .wheelSelectorMenuItem.focus,.wheelSelectorMenu .wheelSelectorMenuItem:hover{border:1px solid #000c;box-shadow:0 0 20px 2px #000}.contextmenu{z-index:2048;cursor:default;user-select:none;background-color:#fff;border-radius:8px;min-width:100px;min-height:50px;max-height:640px;margin-top:-4px;text-decoration:none;display:none;position:absolute;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.contextmenu .contextmenuItem{margin:8px;padding:0 4px}.contextmenu .contextmenuItem:hover{background-color:#eee}