.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:.5rem;border:1px solid rgb(226 232 240);background:#fff;padding:.4rem .75rem;font-size:.875rem;font-weight:500;color:rgb(51 65 85);cursor:pointer;line-height:1.25rem}
.btn:hover{background:rgb(248 250 252)}
.dark .btn{border-color:rgb(51 65 85);background:rgb(15 23 42);color:rgb(203 213 225)}.dark .btn:hover{background:rgb(30 41 59)}
.btn-primary{display:inline-flex;align-items:center;gap:.4rem;border-radius:.5rem;background:rgb(2 132 199);padding:.4rem .75rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;line-height:1.25rem;border:1px solid transparent}
.btn-primary:hover{background:rgb(3 105 161)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}
.btn-sm{padding:.2rem .5rem;font-size:.75rem}
.btn-danger{color:rgb(225 29 72)}.dark .btn-danger{color:rgb(251 113 133)}
.card{border-radius:.75rem;border:1px solid rgb(226 232 240);background:#fff;padding:1rem}
.dark .card{border-color:rgb(30 41 59);background:rgb(15 23 42)}
.inp{width:100%;border-radius:.5rem;border:1px solid rgb(226 232 240);background:#fff;padding:.45rem .65rem;font-size:.875rem;color:inherit}
.inp:focus{outline:none;box-shadow:0 0 0 2px rgb(14 165 233 / .5)}
.dark .inp{border-color:rgb(51 65 85);background:rgb(2 6 23)}
.lbl{display:block;font-size:.75rem;font-weight:500;color:rgb(100 116 139);margin-bottom:.25rem}
.tbl{width:100%;border-collapse:collapse;font-size:.875rem}
.tbl th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:rgb(100 116 139);padding:.5rem .75rem;border-bottom:1px solid rgb(226 232 240)}
.tbl td{padding:.6rem .75rem;border-bottom:1px solid rgb(241 245 249);vertical-align:top}
.dark .tbl th{border-color:rgb(30 41 59)}.dark .tbl td{border-color:rgb(30 41 59)}
.tbl tr:hover td{background:rgb(248 250 252)}.dark .tbl tr:hover td{background:rgb(30 41 59 / .5)}
.kpi-v{font-size:1.5rem;font-weight:700;line-height:1.2}.kpi-l{font-size:.75rem;color:rgb(100 116 139)}
.tab{padding:.5rem .75rem;border-bottom:2px solid transparent;color:rgb(100 116 139);font-weight:500;white-space:nowrap}
.tab.active,.tab:hover{color:rgb(2 132 199);border-color:rgb(2 132 199)}
.dark .tab.active,.dark .tab:hover{color:rgb(56 189 248);border-color:rgb(56 189 248)}
.feed li{position:relative;padding-left:1.5rem;padding-bottom:.75rem}
.feed li::before{content:"";position:absolute;left:.4rem;top:.35rem;width:.5rem;height:.5rem;border-radius:9999px;background:rgb(14 165 233)}
.feed li::after{content:"";position:absolute;left:.62rem;top:1rem;bottom:0;width:1px;background:rgb(226 232 240)}
.dark .feed li::after{background:rgb(30 41 59)}
.feed li:last-child::after{display:none}

.flatpickr-calendar{font-size:.85rem}
.dark .flatpickr-calendar{background:rgb(15 23 42);color:rgb(226 232 240);border-color:rgb(51 65 85);box-shadow:0 8px 30px rgb(0 0 0/.5)}
.dark .flatpickr-months,.dark .flatpickr-weekdays,.dark span.flatpickr-weekday,.dark .flatpickr-month,.dark .flatpickr-current-month input.cur-year{background:rgb(15 23 42);color:rgb(226 232 240)}
.dark .flatpickr-day{color:rgb(226 232 240)}.dark .flatpickr-day:hover{background:rgb(30 41 59)}
.dark .flatpickr-day.prevMonthDay,.dark .flatpickr-day.nextMonthDay{color:rgb(100 116 139)}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:rgb(2 132 199);border-color:rgb(2 132 199)}
.dark .flatpickr-calendar.arrowTop:after{border-bottom-color:rgb(15 23 42)}