.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;border-radius:6px;box-shadow:0 4px 12px #00000026;cursor:pointer;transform:translate(100%);animation:slideIn .3s ease-out forwards;transition:transform .3s ease-out,opacity .3s ease-out}.toast-exit{animation:slideOut .3s ease-out forwards}.toast-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.toast-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.toast-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.toast-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.toast-content{flex:1}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;margin-left:12px;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}:root{--bg-clr: #f1f2f3;--bg-clr-secondary: #e8e9ee;--line-clr: #838586;--hover-clr: #d2d7e0;--text-clr: #2a2b2c;--text-clr-secondary: #3e3f41;--accent-clr: #5095f0;--accent-clr-secondary: #4b98fc;--accent-clr-shadow: #295186;--success-clr: #4ec572;--warning-clr: #cf4f4f;--chart-primary: var(--accent-clr);--chart-secondary: var(--success-clr);--chart-tertiary: var(--warning-clr)}:root[data-theme=dark]{--bg-clr: #22252b;--bg-clr-secondary: #1b1e20;--text-clr: #caced1;--text-clr-secondary: #afb2b4;--line-clr: #141618;--hover-clr: #2e333d}*{margin:0;padding:0;box-sizing:border-box;font:inherit}html{font-family:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;font-weight:400;line-height:1.5rem}body{min-height:100vh;min-height:100dvh;background-color:var(--bg-clr-secondary);color:var(--text-clr);display:grid}h1{font-size:2rem;color:var(--text-clr);text-align:center;margin:0 auto;padding-block:1rem}h2{font-size:1.5rem;color:var(--text-clr);text-align:center;margin:0 auto;padding-block:.5rem}h3{font-size:1.1rem;color:var(--text-clr);text-align:center;margin:0 auto;padding-block:1rem}small{font-size:.9rem}b{font-weight:700}main{display:flex;flex-direction:column;padding:min(30px,7%);background-color:var(--bg-clr)}main p{color:var(--text-clr-secondary);margin-top:5px;margin-bottom:15px}a{text-decoration:none}a:visited{color:none}ul{list-style:none}select,::picker(select){appearance:base-select}button,button:hover,button:active{appearance:none!important;border:none;outline:none}.center{margin:0 auto;justify-content:center}.error{color:var(--warning-clr)}.username{font-size:2rem}.container-row{display:flex;gap:1rem;width:100%}.container{display:flex;flex-direction:column;align-items:center;position:relative;height:fit-content;width:100%;background-color:var(--bg-clr-secondary);box-shadow:0 2px 1em var(--bg-clr-secondary);border:1px solid var(--line-clr);border-radius:1em;margin-bottom:1.2rem;padding:2em;transition:.3s ease-in-out}.container p{text-indent:1rem;max-width:80ch}.container>p:first-child{margin-top:1em}.container>h1,.container>h2,.container>h3{padding-top:0}.container.fit{width:fit-content}.container.bar{flex-direction:row;justify-content:space-between!important}.container.btn-close{position:absolute;height:2rem;aspect-ratio:1/1;display:grid;place-items:center;top:1rem;right:1rem;border:none;border-radius:1rem;background-color:var(--bg-clr-secondary)}.container.btn-close:hover{background-color:var(--hover-clr);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;height:fit-content;width:fit-content;padding:.6rem 2rem;cursor:pointer;border:1px solid var(--accent-clr);border-radius:1rem;font-size:1em;color:var(--text-clr);background-color:var(--bg-clr);box-shadow:0 0 7px var(--line-clr)}.btn:hover{background-color:var(--hover-clr);box-shadow:0 0 10px var(--line-clr)}.btn:has(>svg){gap:.5rem}.btn:has(>svg)>svg{transform:translateY(-1px)}.btn:focus{outline:var(--line-clr) solid 2px}.btn:active{border:1px solid var(--accent-clr-shadow);box-shadow:0 0 10px var(--accent-clr-shadow);outline:none}.btn-primary{color:var(--bg-clr);background-color:var(--accent-clr-secondary)}.btn-primary:hover{background-color:var(--accent-clr)}table{width:100%;margin:0 auto;table-layout:fixed;border-spacing:0px}th,td{padding:.5rem}td{text-align:center}td>.switch-wrapper{margin:0 auto}th:first-child{border-bottom:1px solid;border-image:linear-gradient(270deg,var(--text-clr-secondary) 60%,var(--bg-clr-secondary)) 1}th:not(:first-child):not(:last-child){border-bottom:1px solid var(--text-clr-secondary)}th:last-child{border-bottom:1px solid;border-image:linear-gradient(90deg,var(--text-clr-secondary) 60%,var(--bg-clr-secondary)) 1;border-left:0px}tbody>tr:nth-child(2n)>td:first-child{background-image:linear-gradient(270deg,var(--bg-clr) 60%,var(--bg-clr-secondary))}tbody>tr:nth-child(2n)>td:not(:first-child):not(:last-child){background-color:var(--bg-clr)}tbody>tr:nth-child(2n)>td:last-child{background-image:linear-gradient(90deg,var(--bg-clr) 60%,var(--bg-clr-secondary))}form{display:flex;align-items:center;gap:1rem}form>.form-control{display:flex;flex-direction:column}form>.column{display:flex;flex-direction:column;gap:1rem}form>.column>.form-control{display:flex;flex-direction:column;gap:.5rem}form>.column>.form-control>small.error{max-width:14rem;margin:0 auto;text-align:center}form>.column>.btn{margin:0 auto;margin-top:1rem;width:100%;flex:1}form>.column>.custom-select{display:flex;flex-direction:column;gap:.5rem}