.ant-pagination {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px
}

.ant-pagination .ant-pagination-total-text {
    margin-right:12px
}

.ant-pagination .ant-pagination-options {
    margin-left:12px
}

.ant-table-wrapper .ant-table,.ant-table-wrapper .ant-table-container,.ant-table-wrapper .ant-table-cell {
    border-left:none!important;
    border-right:none!important
}

.ant-table-wrapper .ant-table-thead>tr>th {
    border-left:none!important;
    border-right:none!important
}

.ant-table-wrapper .ant-table-tbody>tr>td {
    border-left:none!important;
    border-right:none!important
}

.mt5 {
    margin-top:5px!important
}

.mt10 {
    margin-top:10px!important
}

.mt15 {
    margin-top:15px!important
}

.mt20 {
    margin-top:20px!important
}

.mt30 {
    margin-top:30px!important
}

.mr5 {
    margin-right:5px!important
}

.mr10 {
    margin-right:10px!important
}

.mr15 {
    margin-right:15px!important
}

.mr20 {
    margin-right:20px!important
}

.mb5 {
    margin-bottom:5px!important
}

.mb8 {
    margin-bottom:8px!important
}

.mb10 {
    margin-bottom:10px!important
}

.mb15 {
    margin-bottom:15px!important
}

.mb20 {
    margin-bottom:20px!important
}

.mb30 {
    margin-bottom:30px!important
}

.ml5 {
    margin-left:5px!important
}

.ml10 {
    margin-left:10px!important
}

.ml15 {
    margin-left:15px!important
}

.ml20 {
    margin-left:20px!important
}

.pt5 {
    padding-top:5px!important
}

.pt10 {
    padding-top:10px!important
}

.pt15 {
    padding-top:15px!important
}

.pt20 {
    padding-top:20px!important
}

.pr5 {
    padding-right:5px!important
}

.pr10 {
    padding-right:10px!important
}

.pr15 {
    padding-right:15px!important
}

.pr20 {
    padding-right:20px!important
}

.pb5 {
    padding-bottom:5px!important
}

.pb10 {
    padding-bottom:10px!important
}

.pb15 {
    padding-bottom:15px!important
}

.pb20 {
    padding-bottom:20px!important
}

.pl5 {
    padding-left:5px!important
}

.pl10 {
    padding-left:10px!important
}

.pl15 {
    padding-left:15px!important
}

.pl20 {
    padding-left:20px!important
}

.flex {
    display:flex!important
}

.flex-center {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important
}

.flex-between {
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important
}

.flex-col {
    flex-direction:column!important
}

.fr {
    float:right!important
}

.fl {
    float:left!important
}

.block {
    display:block!important
}

.inline-block {
    display:inline-block!important
}

.hidden {
    display:none!important
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden
}

.pointer {
    cursor:pointer!important
}

.w-full {
    width:100%!important
}

.h-full {
    height:100%!important
}

.ant-btn {
    border-radius:4px!important;
    font-size:14px!important;
    font-weight:400!important;
    box-shadow:0 2px 4px #00000014!important;
    transition:all .3s ease!important
}

.ant-btn-primary {
    background:#6366F1!important;
    border-color:#6366F1!important;
    color:#fff!important;
    box-shadow:0 2px 6px rgba(99,102,241,.30)!important
}

.ant-btn-primary:hover {
    background:#818CF8!important;
    border-color:#818CF8!important;
    box-shadow:0 4px 10px rgba(99,102,241,.40)!important
}

.ant-btn-primary:active {
    background:#4338CA!important;
    border-color:#4338CA!important
}

.ant-btn-success,.ant-btn[type=button].btn-success {
    background:#34D399!important;
    border-color:#34D399!important;
    color:#fff!important;
    box-shadow:0 2px 4px rgba(52,211,153,.30)!important
}

.ant-btn-success:hover {
    background:#5FE3B8!important;
    border-color:#5FE3B8!important;
    box-shadow:0 4px 8px rgba(52,211,153,.40)!important
}

.ant-btn-warning,.ant-btn[type=button].btn-warning {
    background:#FBBF24!important;
    border-color:#FBBF24!important;
    color:#fff!important;
    box-shadow:0 2px 4px rgba(251,191,36,.30)!important
}

.ant-btn-warning:hover {
    background:#FCD34D!important;
    border-color:#FCD34D!important
}

.ant-btn-dangerous,.ant-btn-danger {
    background:#F87171!important;
    border-color:#F87171!important;
    color:#fff!important;
    box-shadow:0 2px 4px rgba(248,113,113,.30)!important
}

.ant-btn-dangerous:hover,.ant-btn-danger:hover {
    background:#FA9292!important;
    border-color:#FA9292!important
}

.ant-btn-default {
    background:#fff!important;
    border-color:#D9DDE8!important;
    color:#4B5568!important;
    box-shadow:0 2px 4px #0000000d!important
}

.ant-btn-default:hover {
    border-color:#6366F1!important;
    color:#6366F1!important
}

.ant-btn-disabled,.ant-btn[disabled] {
    background:#f5f5f5!important;
    border-color:#d9d9d9!important;
    color:#00000040!important;
    box-shadow:none!important;
    cursor:not-allowed!important
}

.ant-btn-group .ant-btn {
    box-shadow:none!important
}

.ant-btn-sm {
    height:28px!important;
    padding:0 12px!important;
    font-size:13px!important
}

.ant-btn-lg {
    height:40px!important;
    padding:0 20px!important;
    font-size:16px!important
}

.ant-btn-loading {
    opacity:.8!important
}

.btn-custom-cyan {
    background:#22D3EE!important;
    border-color:#22D3EE!important;
    color:#fff!important;
    box-shadow:0 2px 4px rgba(34,211,238,.30)!important
}

.btn-custom-cyan:hover {
    background:#67E8F9!important;
    border-color:#67E8F9!important
}

.btn-custom-purple {
    background:#6366F1!important;
    border-color:#6366F1!important;
    color:#fff!important;
    box-shadow:0 2px 4px rgba(99,102,241,.30)!important
}

.btn-custom-purple:hover {
    background:#818CF8!important;
    border-color:#818CF8!important
}

* {
    box-sizing:border-box
}

html {
    width:100%;
    margin:0;
    padding:0
}

:root {
    --bg-primary: #F4F6FB;
    --bg-secondary: #ffffff;
    --bg-tertiary: #F7F8FC;
    --bg-card: #ffffff;
    --bg-hover: rgba(99,102,241,0.08);
    --bg-sidebar: #FFFFFF;
    --text-primary: #262626;
    --text-secondary: #595959;
    --text-tertiary: #8c8c8c;
    --text-inverse: #ffffff;
    --border-primary: #E5E8F0;
    --border-secondary: #D9DDE8;
    --border-light: #EFF1F8;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);
    --shadow-md: 0 2px 12px rgba(15, 23, 42, .08);
    --shadow-lg: 0 4px 20px rgba(15, 23, 42, .12);
    --accent-primary: #6366F1;
    --accent-success: #34D399;
    --accent-warning: #FBBF24;
    --accent-danger: #F87171;
    font-family:-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    line-height:1.5;
    font-weight:400;
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

[data-theme=dark] {
    --bg-primary: #0B1020;
    --bg-secondary: #151C2E;
    --bg-tertiary: #1B2440;
    --bg-card: #151C2E;
    --bg-hover: rgba(99,102,241,0.12);
    --bg-sidebar: #0E1428;
    --text-primary: #E7EAF6;
    --text-secondary: #8B93B8;
    --text-tertiary: #5B6480;
    --text-inverse: #0B1020;
    --border-primary: rgba(99,102,241,0.14);
    --border-secondary: rgba(99,102,241,0.22);
    --border-light: rgba(99,102,241,0.08);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);
    --shadow-md: 0 2px 12px rgba(0, 0, 0, .4);
    --shadow-lg: 0 4px 20px rgba(0, 0, 0, .5);
    --accent-primary: #818CF8;
    --accent-success: #34D399;
    --accent-warning: #FBBF24;
    --accent-danger: #F87171
}

a {
    font-weight:500;
    color:var(--accent-primary);
    text-decoration:inherit
}

a:hover {
    color:var(--accent-primary);
    opacity:.8
}

body {
    margin:0;
    padding:0;
    width:100%;
    min-height:100vh;
    overflow-x:hidden;
    font-family:-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:var(--bg-primary);
    color:var(--text-primary);
    transition:background .3s ease,color .3s ease
}

h1 {
    font-size:3.2em;
    line-height:1.1
}

button {
    border-radius:8px;
    border:none!important;
    padding:.6em 1.2em;
    font-size:1em;
    font-weight:500;
    font-family:inherit;
    cursor:pointer;
    transition:all .25s;
    outline:none!important;
    box-shadow:none!important
}

button:hover,button:focus,button:focus-visible,button:active {
    outline:none!important;
    box-shadow:none!important;
    border:none!important
}

.ant-btn {
    border:none!important;
    outline:none!important;
    box-shadow:none!important
}

.ant-btn:hover,.ant-btn:focus,.ant-btn:active,.ant-btn-primary:hover,.ant-btn-primary:focus,.ant-btn-primary:active,.ant-btn-dangerous:hover,.ant-btn-dangerous:focus,.ant-btn-dangerous:active {
    border:none!important;
    outline:none!important;
    box-shadow:none!important
}

.ant-layout,.ant-layout-has-sider {
    background:var(--bg-primary)!important;
    transition:background .3s ease
}

.ant-layout-sider,.ant-layout-sider-dark,.ant-layout-sider-light,.ant-layout-sider-children {
    background:var(--bg-sidebar)!important;
    border:none!important;
    box-shadow:none!important
}

.ant-layout-header {
    background:var(--bg-sidebar)!important;
    border-bottom:none!important
}

.ant-layout-footer {
    background:var(--bg-primary)!important
}

.ant-menu,.ant-menu-dark,.ant-menu-inline,.ant-menu-root {
    background:transparent!important;
    border:none!important
}

html,body,#root {
    background:var(--bg-sidebar)!important;
    transition:background .3s ease;
    min-height:100%
}

html {
    height:100%
}

body {
    min-height:100%
}

.ant-layout-sider {
    border-right:none!important
}

.ant-layout-header {
    border-bottom:none!important
}

::-webkit-scrollbar {
    width:6px;
    height:6px
}

::-webkit-scrollbar-track {
    background:var(--bg-tertiary);
    border-radius:3px
}

::-webkit-scrollbar-thumb {
    background:var(--border-secondary);
    border-radius:3px
}

::-webkit-scrollbar-thumb:hover {
    background:var(--text-tertiary)
}

.ant-layout-sider ::-webkit-scrollbar-track,.ant-menu ::-webkit-scrollbar-track {
    background:transparent
}

.ant-layout-sider ::-webkit-scrollbar-thumb,.ant-menu ::-webkit-scrollbar-thumb {
    background:rgba(99,102,241,.30)
}

.ant-layout-sider ::-webkit-scrollbar-thumb:hover,.ant-menu ::-webkit-scrollbar-thumb:hover {
    background:rgba(99,102,241,.50)
}

.custom-tabs .ant-tabs-nav {
    margin-bottom:0!important
}

.custom-tabs .ant-tabs-tab {
    color:var(--text-secondary)!important;
    background:var(--bg-card)!important;
    border:1px solid var(--border-secondary)!important;
    padding:10px 14px!important;
    margin:0 4px!important;
    border-radius:6px!important;
    transition:all .3s ease!important;
    font-weight:500!important;
    font-size:13px!important;
    box-shadow:var(--shadow-sm)!important
}

.custom-tabs .ant-tabs-tab:hover,.custom-tabs .ant-tabs-tab-active {
    color:var(--accent-primary)!important;
    border-color:var(--accent-primary)!important;
    background:var(--bg-hover)!important;
    box-shadow:0 2px 6px rgba(99,102,241,.18)!important
}

.custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
    color:var(--accent-primary)!important;
    font-weight:500!important
}

.custom-tabs .ant-tabs-ink-bar {
    display:none!important
}

.custom-tabs .ant-tabs-nav:before {
    border-bottom:none!important
}

.control-tabs-wrapper .ant-tabs-content-holder {
    overflow-y:visible!important;
    flex:1;
    min-height:0
}

.control-tabs-wrapper .ant-tabs-content {
    min-height:auto
}

.control-tabs-wrapper .ant-tabs-tabpane {
    overflow-y:visible
}

[data-theme=dark] .ant-card {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-card-head {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-card-body {
    background:var(--bg-card)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-card-head-title {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-card-small>.ant-card-head {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-card-small>.ant-card-body {
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-modal-content {
    background:var(--bg-secondary)!important;
    border:1px solid var(--border-primary)!important
}

[data-theme=dark] .ant-modal-header {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-modal-title,[data-theme=dark] .ant-modal-body {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-modal-footer {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-input {
    background:#1B2440!important;
    border-color:rgba(99,102,241,.22)!important;
    color:#E7EAF6!important
}

[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input-focused {
    border-color:#818CF8!important
}

[data-theme=dark] .ant-input::placeholder {
    color:#5B6480!important
}

[data-theme=dark] .ant-input-affix-wrapper {
    background:#1B2440!important;
    border-color:rgba(99,102,241,.22)!important;
    color:#E7EAF6!important
}

[data-theme=dark] .ant-input-affix-wrapper .ant-input {
    background:transparent!important;
    color:#E7EAF6!important
}

[data-theme=dark] .ant-input-affix-wrapper .ant-input-suffix,[data-theme=dark] .ant-input-affix-wrapper .ant-input-prefix,[data-theme=dark] .ant-input-clear-icon {
    color:#5B6480!important
}

[data-theme=dark] .ant-input-clear-icon:hover {
    color:#E7EAF6!important
}

[data-theme=dark] .ant-select-selector {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-select-dropdown {
    background:var(--bg-secondary)!important;
    border:1px solid var(--border-primary)!important
}

[data-theme=dark] .ant-select-item {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-select-item-option-active,[data-theme=dark] .ant-select-item-option-selected {
    background:var(--bg-hover)!important
}

[data-theme=dark] .ant-table {
    background:var(--bg-card)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-table-container,[data-theme=dark] .ant-table-content {
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-table-thead>tr>th {
    background:var(--bg-tertiary)!important;
    color:var(--text-primary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-table-tbody>tr>td {
    background:var(--bg-card)!important;
    color:var(--text-primary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-table-tbody>tr:hover>td {
    background:var(--bg-hover)!important
}

[data-theme=dark] .ant-table-placeholder {
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-table-placeholder .ant-table-cell {
    background:var(--bg-card)!important;
    color:var(--text-tertiary)!important
}

[data-theme=dark] .ant-table-cell-row-hover {
    background:var(--bg-hover)!important
}

[data-theme=dark] .ant-table-wrapper .ant-table-cell-fix-left,[data-theme=dark] .ant-table-wrapper .ant-table-cell-fix-right {
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-tabs-tab {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-tabs-tab-active .ant-tabs-tab-btn {
    color:var(--accent-primary)!important
}

[data-theme=dark] .ant-tabs-ink-bar {
    background:var(--accent-primary)!important
}

[data-theme=dark] .ant-pagination-item {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-pagination-item a {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-pagination-item-active {
    background:var(--accent-primary)!important;
    border-color:var(--accent-primary)!important
}

[data-theme=dark] .ant-pagination-item-active a {
    color:#fff!important
}

[data-theme=dark] .ant-pagination-prev,[data-theme=dark] .ant-pagination-next,[data-theme=dark] .ant-pagination-jump-prev,[data-theme=dark] .ant-pagination-jump-next {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-pagination-prev .ant-pagination-item-link,[data-theme=dark] .ant-pagination-next .ant-pagination-item-link {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-pagination-options {
    background:transparent!important
}

[data-theme=dark] .ant-pagination-options .ant-select-selector {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-pagination-total-text {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-tooltip-inner {
    background:var(--bg-tertiary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-popover-inner {
    background:var(--bg-secondary)!important
}

[data-theme=dark] .ant-popover-title {
    color:var(--text-primary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-popover-inner-content {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-dropdown-menu {
    background:var(--bg-secondary)!important;
    border:1px solid var(--border-primary)!important
}

[data-theme=dark] .ant-dropdown-menu-item {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-dropdown-menu-item:hover {
    background:var(--bg-hover)!important
}

[data-theme=dark] .ant-message-notice-content {
    background:var(--bg-secondary)!important;
    color:var(--text-primary)!important;
    border:1px solid var(--border-primary)!important
}

[data-theme=dark] .ant-notification-notice {
    background:var(--bg-secondary)!important;
    border:1px solid var(--border-primary)!important
}

[data-theme=dark] .ant-notification-notice-message {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-notification-notice-description {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-tag {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-divider {
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-badge-count {
    box-shadow:0 0 0 1px var(--bg-secondary)!important
}

[data-theme=dark] .page-container {
    background:var(--bg-primary)!important
}

[data-theme=dark] .card-container {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .device-list-item {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .device-list-item:hover {
    background:var(--bg-hover)!important
}

[data-theme=dark] .device-list-item.selected {
    background:var(--bg-hover)!important;
    border-color:var(--accent-primary)!important
}

[data-theme=dark] .device-list-container {
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .content-card,[data-theme=dark] .header-section,[data-theme=dark] .sidebar-panel {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .device-icon-box,[data-theme=dark] .action-button-area {
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .empty-state {
    background:var(--bg-card)!important;
    color:var(--text-tertiary)!important
}

[data-theme=dark] .stats-section {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .control-panel-section {
    background:var(--bg-card)!important
}

[data-theme=dark] .device-info-panel {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-descriptions {
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-descriptions-item-label {
    color:var(--text-tertiary)!important;
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .ant-descriptions-item-content {
    color:var(--text-primary)!important;
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-descriptions-bordered .ant-descriptions-item-label,[data-theme=dark] .ant-descriptions-bordered .ant-descriptions-item-content {
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-switch {
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .ant-switch-checked,[data-theme=dark] .ant-slider-track {
    background:var(--accent-primary)!important
}

[data-theme=dark] .ant-slider-rail {
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .ant-slider-handle {
    border-color:var(--accent-primary)!important;
    background:var(--bg-card)!important
}

[data-theme=dark] .ant-input-number {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-upload-list-item {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-upload-list-item-name {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-spin-text {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-checkbox-inner {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-secondary)!important
}

[data-theme=dark] .ant-checkbox-checked .ant-checkbox-inner {
    background:var(--accent-primary)!important;
    border-color:var(--accent-primary)!important
}

[data-theme=dark] .warning-box {
    background:rgba(251,191,36,.12)!important;
    border-color:rgba(251,191,36,.35)!important
}

[data-theme=dark] .error-box {
    background:rgba(248,113,113,.12)!important;
    border-color:rgba(248,113,113,.35)!important
}

[data-theme=dark] .ant-popconfirm-message-title {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-image-preview-operations {
    background:#0009!important
}

[data-theme=dark] .ant-empty-description {
    color:var(--text-tertiary)!important
}

@keyframes loading {
0% {
        background-position:200% 0
    }

to {
        background-position:-200% 0
    }

}

[data-theme=dark] .ant-progress-text {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-input-textarea textarea {
    background:var(--bg-tertiary)!important;
    border-color:var(--border-primary)!important;
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-form-item-label>label {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-breadcrumb-link,[data-theme=dark] .ant-breadcrumb-separator {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-alert {
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-alert-message {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-alert-description {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-timeline-item-content {
    color:var(--text-primary)!important
}

[data-theme=dark] .ant-collapse {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-collapse-header {
    color:var(--text-primary)!important;
    background:var(--bg-tertiary)!important
}

[data-theme=dark] .ant-collapse-content {
    background:var(--bg-card)!important;
    border-color:var(--border-primary)!important
}

[data-theme=dark] .ant-statistic-title {
    color:var(--text-secondary)!important
}

[data-theme=dark] .ant-statistic-content {
    color:var(--text-primary)!important
}

#root {
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
    min-height:100vh;
    display:flex;
    flex-direction:column
}

.logo {
    height:6em;
    padding:1.5em;
    will-change:filter;
    transition:filter .3s
}

.logo:hover {
    filter:drop-shadow(0 0 2em #646cffaa)
}

.logo.react:hover {
    filter:drop-shadow(0 0 2em #61dafbaa)
}

@keyframes logo-spin {
0% {
        transform:rotate(0)
    }

to {
        transform:rotate(360deg)
    }

}

@media (prefers-reduced-motion: no-preference) {
a:nth-of-type(2) .logo {
        animation:logo-spin infinite 20s linear
    }

}

.card {
    padding:2em
}

.read-the-docs {
    color:#888
}

.dark-modal.ant-modal .ant-modal-content {
    padding:0!important
}

.dark-modal.ant-modal .ant-modal-content .ant-modal-header {
    background:inherit!important;
    border-bottom:none!important;
    padding:20px 24px 12px!important;
    margin:0!important
}

.dark-modal.ant-modal .ant-modal-content .ant-modal-title {
    font-size:16px!important;
    font-weight:600!important;
    line-height:22px!important
}

.dark-modal.ant-modal .ant-modal-content .ant-modal-close {
    top:20px!important;
    right:20px!important;
    width:22px!important;
    height:22px!important;
    line-height:22px!important
}

.dark-modal.ant-modal .ant-modal-content .ant-modal-body {
    background:inherit!important;
    padding:8px 24px 24px!important
}

.dark-modal.ant-modal .ant-modal-content .ant-modal-footer {
    background:inherit!important;
    padding:12px 24px!important;
    margin:0!important
}

.ant-layout-content {
    background:var(--bg-primary)!important;
    position:relative
}

.ant-layout-content:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:transparent;
    pointer-events:none;
    z-index:0
}

.ant-layout-content>* {
    position:relative;
    z-index:1
}

[data-theme=dark] .ant-layout-content:before {
    background:transparent
}

.ant-card {
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    border:1px solid #E5E8F0!important;
    box-shadow:0 2px 16px rgba(15,23,42,.06)!important;
    transition:all .3s ease!important
}

.ant-card:hover {
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 4px 20px rgba(99,102,241,.12)!important
}

.ant-card-head {
    background:transparent!important;
    border-bottom:1px solid var(--border-primary)!important
}

.ant-card-body {
    background:transparent!important
}

[data-theme=dark] .ant-card {
    background:rgba(21,28,46,.82)!important;
    border:1px solid rgba(99,102,241,.14)!important;
    box-shadow:0 2px 16px rgba(0,0,0,.35)!important
}

[data-theme=dark] .ant-card:hover {
    background:rgba(21,28,46,.92)!important;
    box-shadow:0 4px 20px rgba(0,0,0,.45)!important
}

.ant-pagination {
    background:rgba(255,255,255,.7)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    padding:8px 16px!important;
    border-radius:8px!important;
    border:1px solid #E5E8F0!important
}

[data-theme=dark] .ant-pagination {
    background:rgba(21,28,46,.7)!important;
    border:1px solid rgba(99,102,241,.12)!important
}

.ant-menu-dark .ant-menu-item-selected,.ant-menu-dark>.ant-menu .ant-menu-item-selected {
    background:rgba(99,102,241,.18)!important;
    color:#A5B4FC!important
}

.ant-menu-dark .ant-menu-item-selected::after,.ant-menu-dark>.ant-menu .ant-menu-item-selected::after,.ant-menu.ant-menu-dark .ant-menu-item-selected::after,.ant-menu-inline.ant-menu-dark .ant-menu-item-selected::after {
    border-right-color:#6366F1!important;
    border-inline-end-color:#6366F1!important
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .anticon,.ant-menu-dark>.ant-menu .ant-menu-item-selected .ant-menu-item-icon {
    color:#A5B4FC!important
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-title-content {
    color:#A5B4FC!important
}