:root{font-family:Sansation,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #007099;--color-primary-light: #1fb1ff;--color-primary-dark: #004266;--color-background: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #111827;--color-text-muted: #6b7280;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-secondary: #9333ea;--color-info: #3b82f6;--row-color-1: #fee2e2;--row-color-2: #ffedd5;--row-color-3: #fef9c3;--row-color-4: #dcfce7;--row-color-5: #ccfbf1;--row-color-6: #dbeafe;--row-color-7: #e0e7ff;--row-color-8: #f3e8ff;--row-color-9: #fce7f3;--row-color-10: #f3f4f6}@font-face{font-family:GoogleSansCode;src:url(/GoogleSansCode-VariableFont_wght.woff) format("woff")}@font-face{font-family:Sansation;src:url(/Sansation-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Sansation;src:url(/Sansation-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Sansation;src:url(/Sansation-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Sansation;src:url(/Sansation-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Sansation;src:url(/Sansation-LightItalic.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Sansation;src:url(/Sansation-Regular.woff) format("woff");font-weight:400;font-style:normal}@keyframes move-in-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes move-in-from-top{0%{opacity:0;transform:translateY(-100%)}}@keyframes move-in-from-bottom{0%{opacity:0;transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}#toast-container{position:fixed;bottom:1rem;right:1rem;transition:height .3s ease-in-out}#toast-container .toast{color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 1rem #0000001a;margin-bottom:1rem;font-weight:700;display:flex;align-items:center;gap:1rem;animation:move-in-from-right .3s ease-out}#toast-container .toast.error{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}#toast-container .toast.success{background-color:color-mix(in srgb,var(--color-success) 10%,transparent)}#toast-container .toast.info{background-color:color-mix(in srgb,var(--color-info) 10%,transparent)}.button-group{display:flex;gap:1rem;justify-content:center;align-items:center}.button-group button{flex:1;height:min-content;white-space:nowrap}.card{background-color:#fff;border-radius:1rem;padding:1rem 1.5rem;border:solid 1px var(--color-border);display:flex;flex-direction:column;gap:1rem}.circle-badge{width:12rem;min-width:12rem;max-width:12rem;height:12rem;min-height:12rem;border-radius:50%;border:solid 1rem transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;cursor:pointer;transition:border-color .3s ease-in-out}.circle-badge svg{width:1.5rem;height:1.5rem;transition:transform .3s ease-in-out}.color-circle{width:1.5rem;height:1.5rem;max-width:1.5rem;max-height:1.5rem;min-width:1.5rem;min-height:1.5rem;border-radius:50%;cursor:pointer;transition:transform .3s ease-in-out}.color-circle.selected{border:dotted 2px var(--color-text)}.form-group{display:flex;flex-direction:column;gap:.1rem!important}.form-group label{width:max-content}.form-group>*{width:100%}.hidden{display:none}.horizontal{display:flex;flex-direction:row;gap:1rem;align-items:center}.horizontal:not(.wrap){overflow-y:auto}.horizontal.wrap{flex-wrap:wrap}.horizontal.tight{gap:.5rem}.horizontal.wide{gap:2rem}.horizontal.top{align-items:flex-start}.horizontal.space-between{justify-content:space-between}.horizontal>*{height:100%}.tabs{width:100%;display:flex;background-color:var(--color-border);border-radius:1.5rem}.tabs button{width:100%;transition:background-color .3s ease-in-out}.tabs button.secondary{color:var(--color-text);box-shadow:none}.vertical{display:flex;flex-direction:column;gap:1rem}.vertical.center{align-items:center}.vertical.stretch{align-items:stretch}*{box-sizing:border-box;margin:0}body{margin:0;background:-webkit-linear-gradient(150deg,var(--color-primary-light) 0%,var(--color-primary) 10%,var(--color-primary-dark))}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;color:#fff;background:-webkit-linear-gradient(150deg,var(--color-primary) 0%,var(--color-primary-dark));border-radius:1.5rem;padding:.25rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.25rem}button:hover{background-color:var(--color-primary)}button.secondary{background:transparent;box-shadow:inset 0 0 0 2px var(--color-primary-dark);color:var(--color-primary-dark)}button svg{width:1.25rem;height:1.25rem}dialog{top:50%;left:50%;transform:translate(-50%,-50%);border:solid 1px var(--color-border);border-radius:1.5rem;padding:2rem;box-shadow:#26394d 0 20px 30px -10px;width:calc(100% - 4rem);max-width:48rem;max-height:90vh;overflow-y:auto;animation:fade-in .3s ease-out;cursor:move}dialog *{cursor:initial}dialog button{cursor:pointer}dialog[open]{display:flex;flex-direction:column;gap:1rem}dialog form{display:flex;flex-direction:column;gap:1rem}dialog form label{display:flex;flex-direction:column;font-weight:700;color:var(--color-text)}dialog form input[type=text],dialog form input[type=email],dialog form input[type=password]{padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:inherit;color:var(--color-text)}dialog form input[type=text]:read-only,dialog form input[type=email]:read-only,dialog form input[type=password]:read-only{background-color:var(--color-background)}label{font-weight:700;color:var(--color-text-muted);letter-spacing:.025rem;font-size:.825rem;line-height:1rem;text-transform:uppercase;display:flex;gap:.5rem;align-items:center;cursor:pointer}input[type=text],input[type=email],input[type=password],textarea{padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:inherit;color:var(--color-text)}input[type=text].code,input[type=email].code,input[type=password].code,textarea.code{font-family:GoogleSansCode,monospace;font-size:.875rem;background-color:var(--color-text);color:#80ff80;white-space:pre-wrap}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--color-border);margin:0;cursor:pointer;display:block;width:3rem;height:1.5rem;border:1px solid var(--color-border);border-radius:.75rem;box-shadow:inset 0 0 4px #0000001a;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}input[type=checkbox]:before{content:"";display:block;width:calc(1rem - 2px);height:calc(1rem - 2px);background-color:#fff;border-radius:calc((1rem - 2px)/2);position:relative;top:.25rem;left:.25rem;transition:left .3s ease-in-out}input[type=checkbox]:checked{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}input[type=checkbox]:checked:before{left:calc(100% - 1.25rem)}svg.icon-button{border:solid 1px white;display:inline-block;max-width:2rem;max-height:2rem;min-width:2rem;min-height:2rem;border-radius:50%;padding:.33rem;color:#fff;overflow:visible}svg.icon-button:hover{cursor:pointer;background-color:#fff3}ul svg.icon-button,table svg.icon-button,.card svg.icon-button,dialog svg.icon-button{border:solid 1px var(--color-text);color:var(--color-text)}h1{font-size:1.5rem;font-weight:700;color:var(--color-primary);background:-webkit-linear-gradient(150deg,var(--color-primary-light) 0%,var(--color-primary) 10%,var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 svg{width:2rem;height:2rem;margin-right:.25rem;transform:translateY(.5rem)}main{padding:1rem;margin:auto;height:calc(100vh - 4rem);overflow-y:auto;display:flex;gap:1.5rem;flex-direction:column}nav{background-color:#fff;border-bottom:1px solid var(--color-border);height:4rem;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;animation:move-in-from-top .3s ease-in-out}p.alert{color:var(--color-primary-dark);background-color:color-mix(in srgb,var(--color-info) 10%,transparent);padding:.5rem 1rem;border-radius:.5rem;font-weight:700}select{cursor:pointer;padding:.5rem 3rem .5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:inherit;color:var(--color-text);background-color:var(--color-background);appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23999" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right .5rem center}table{width:100%;border-collapse:separate;border-spacing:0}table th,table td{padding:.5rem;text-align:left;min-height:3rem}table th:last-child,table td:last-child{padding-right:1rem}table th:first-child,table td:first-child{padding-left:1rem}table th.number,table td.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table th{background-color:var(--color-background);font-weight:700;color:var(--color-text)}table tr:nth-child(2n){background-color:var(--color-background)}table tr:first-child th:first-child{border-top-left-radius:.5rem}table tr:first-child th:last-child{border-top-right-radius:.5rem}ul{list-style:none;padding:0;margin:0}ul li{padding:.5rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;gap:2rem;justify-content:space-between;align-items:center}ul li:hover{background-color:var(--color-background);cursor:pointer}ul li:last-child{border-bottom:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}ul li:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:9999;background-color:#ffffff54;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);justify-content:center;align-items:center;color:var(--color-primary);animation:fade-in .3s ease-in;transition:background-color .3s ease-in-out,backdrop-filter .3s ease-in-out}#splash-screen h1{font-size:3rem;font-weight:700;color:var(--color-primary);background:-webkit-linear-gradient(150deg,var(--color-primary-light) 0%,var(--color-primary) 10%,var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s ease-in-out .1s}#splash-screen.fade-out{background-color:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);color:#fff0}#splash-screen.fade-out h1{opacity:0}
