[x-cloak]{display:none!important}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{letter-spacing:-.01em}
.app-card{border:1px solid rgb(226 232 240);background:#fff;border-radius:1.5rem;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.app-input,.app-select,.app-textarea{border:1px solid rgb(203 213 225);background:#fff;border-radius:.9rem;padding:.72rem .9rem;font-size:.875rem;line-height:1.25rem;color:rgb(15 23 42);outline:none;transition:border-color .15s,box-shadow .15s}
.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:rgb(37 99 235);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.app-select{appearance:auto}
.app-button-primary,.app-button-secondary,.app-button-dark,.app-button-light,.app-button-ghost,.app-button-success,.app-button-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.9rem;padding:.72rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s}
.app-button-primary{background:rgb(37 99 235);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.app-button-primary:hover{background:rgb(29 78 216)}
.app-button-secondary{border:1px solid rgb(226 232 240);background:#fff;color:rgb(71 85 105)}
.app-button-secondary:hover{background:rgb(248 250 252)}
.app-button-dark{background:rgb(15 23 42);color:#fff}.app-button-dark:hover{background:rgb(30 41 59)}
.app-button-light{background:#fff;color:rgb(15 23 42)}.app-button-light:hover{background:rgb(241 245 249)}
.app-button-ghost{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}.app-button-ghost:hover{background:rgba(255,255,255,.12)}
.app-button-success{background:rgb(16 185 129);color:#fff}.app-button-success:hover{background:rgb(5 150 105)}
.app-button-danger{background:rgb(225 29 72);color:#fff}.app-button-danger:hover{background:rgb(190 24 60)}
.app-file{border:1px dashed rgb(203 213 225);background:rgb(248 250 252);border-radius:.9rem;padding:.65rem .75rem;font-size:.75rem;color:rgb(71 85 105)}
.app-dialog{width:min(calc(100% - 2rem),32rem);max-height:calc(100% - 2rem);margin:auto;overflow-y:auto}
.app-dialog::backdrop{background:rgba(15,23,42,.6)}
.app-dialog button:disabled{cursor:wait;opacity:.65}
.sidebar-link{display:flex;align-items:center;gap:.75rem;border-radius:1rem;padding:.72rem .8rem;color:rgb(71 85 105);font-weight:500}.sidebar-link:hover{background:rgb(248 250 252);color:rgb(15 23 42)}
.sidebar-link-active{background:rgb(239 246 255);color:rgb(29 78 216);font-weight:600}
.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.32rem .6rem;font-size:.7rem;font-weight:700;line-height:1}
.badge-success{background:rgb(236 253 245);color:rgb(5 150 105)}
.badge-warning{background:rgb(255 247 237);color:rgb(194 65 12)}
.badge-danger{background:rgb(255 241 242);color:rgb(190 24 60)}
.badge-neutral{background:rgb(241 245 249);color:rgb(71 85 105)}
.app-table{width:100%;font-size:.875rem;color:rgb(71 85 105)}
.app-table th{background:rgb(248 250 252);padding:.9rem 1.25rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(100 116 139);white-space:nowrap}
.app-table td{padding:1rem 1.25rem;border-top:1px solid rgb(241 245 249);vertical-align:top}
@media(max-width:639px){.app-card{border-radius:1.25rem}}