@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import "https://cdn.jsdelivr.net/npm/reset-css@5.0.2/reset.min.css";:root{--color-primary:#2563eb;--color-success:#12b76a;--color-warning:#f79009;--color-danger:#f04438;--color-focus-border:#729cf5;--color-gray:#666;--color-light-gray:#eee;--base-size:16px;--base-size-2x:32px;--border-radius:4px;--transition:.3s ease-in-out}.container{width:1200px;margin:0 auto}.container.md{width:400px}.scrollable{height:100%;overflow:auto}*{box-sizing:border-box}::placeholder{color:#ddd;opacity:1}a{color:inherit;text-decoration:none;display:inline-block}small{font-size:12px;display:inline-block}hr{border-color:none;border-top:1px solid var(--color-light-gray)}input,textarea,select{border:1px solid var(--color-light-gray);font-size:inherit;color:inherit;border-radius:var(--border-radius);padding:var(--base-size);transition:var(--transition);outline:none;font-family:inherit}:is(input,textarea,select):focus{border-color:var(--color-focus-border)}.fx{display:flex}.fx.col{flex-direction:column}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.align-center{align-items:center}.fx-1{flex:1}.fx-2{flex:2}.fx-3,.fx-4{flex:4}.fx-5{flex:5}.fx-6{flex:6}.w-50{width:50%}.mb-base{margin-bottom:var(--base-size)}.mb-base-2x{margin-bottom:var(--base-size-2x)}.mr-base{margin-right:var(--base-size)}.full-w{width:100%}.full-h{height:100%}.gap-sm{gap:4px}.text-right{text-align:right}body{color:#444;letter-spacing:.15px;background-color:#fbfbfb;font-family:Outfit,sans-serif;font-weight:300}header{padding:var(--base-size);background-color:#fff;border-bottom:1px solid #eee;justify-content:flex-end;display:flex;position:static;top:0}.card{border:1px solid var(--color-light-gray);padding:var(--base-size-2x);border-radius:var(--border-radius);background-color:#fff}.page-header{padding:var(--base-size) 0;margin-bottom:var(--base-size)}.page-header h1{font-size:24px;font-weight:500}.page-header h2{opacity:.5;margin-top:6px}.input,.data-display{flex-direction:column;display:flex}:is(.input,.data-display) label{opacity:.6;margin-bottom:6px;font-size:14px;font-weight:600}.data-display{align-items:flex-start}.btn{font-size:inherit;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);text-align:center;background-color:#0000;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:inherit;display:flex}.btn.sm{padding:6px 12px;font-size:14px}.btn:hover{opacity:.75;transform:scale(.97)}.btn.primary{background-color:var(--color-primary);color:#fff}.btn.danger{background-color:var(--color-danger);color:#fff}.btn.success{background-color:var(--color-success);color:#fff}.btn.outline{border-color:var(--color-gray);color:var(--color-gray)}table{width:100%;display:table}table td,table th{padding:var(--base-size) 0;text-align:left}table th{opacity:.5;font-size:14px;font-weight:500}table tr{transition:var(--transition);border-bottom:1px solid var(--color-light-gray)}table tbody tr:hover{background-color:#fafafa}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-content{border-radius:var(--border-radius);background-color:#fff;min-width:200px;margin-top:4px;position:absolute;right:0;box-shadow:0 0 16px #ddd}.dropdown .dropdown-content .dropdown-item{white-space:nowrap;padding:var(--base-size);transition:var(--transition);align-items:center;gap:6px;display:flex}.dropdown .dropdown-content .dropdown-item:hover{cursor:pointer;background-color:#eee}.icon{font-size:18px}.badge{color:#fff;border-radius:12px;padding:6px;font-size:10px;font-weight:500;display:inline-block}.badge.success{background-color:var(--color-success)}.badge.warning{background-color:var(--color-warning)}.badge.danger{background-color:var(--color-danger)}.tabs{border:1px solid var(--color-light-gray);background-color:#fff;border-radius:24px;padding:6px;display:inline-flex}.tabs ul{gap:4px;font-size:14px;display:flex}.tabs ul li{cursor:pointer;border-radius:16px;padding:6px 12px}.tabs ul li.active,.tabs ul li:hover{background-color:var(--color-primary);color:#fff}.app-layout{height:100vh;display:flex}.app-layout aside{border-right:1px solid var(--color-light-gray);background-color:#fff;width:300px;height:100%}.app-layout aside #logo{padding:24px var(--base-size);color:var(--color-primary);align-items:center;gap:6px;font-size:24px;font-weight:700;display:flex}.app-layout aside #logo .icon{font-size:32px}.app-layout aside h5{opacity:.5;margin:var(--base-size);font-size:14px}.app-layout aside nav ul li a{transition:var(--transition);padding:var(--base-size);opacity:.5;border-left:4px solid #0000;align-items:center;gap:6px;margin-bottom:1px;font-weight:400;display:flex}.app-layout aside nav ul li a:hover{color:var(--color-primary);opacity:1;background-color:#eff6ff}.app-layout aside nav ul li a.active{border-color:var(--color-primary);color:var(--color-primary);opacity:1;background-color:#eff6ff}.app-layout aside nav.bottom{border-top:1px solid var(--color-light-gray)}.app-layout main{flex-direction:column;flex:1;display:flex}.app-layout main .app-content{padding:var(--base-size)}.auth{height:100vh}.auth form{border-radius:var(--border-radius);padding:32px;box-shadow:0 0 32px #ddd}.auth h1{margin-bottom:6px;font-size:32px;font-weight:600}.auth h2{opacity:.5;margin-bottom:32px;font-size:14px}.not-found{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.not-found h1{margin-bottom:16px;font-size:64px;font-weight:500}.not-found h2{margin-bottom:32px;font-size:24px}