.theme-toggle{

    position:fixed;

    top:18px;

    left:18px;

    right:auto;

    z-index:10000001;

    width:44px;

    height:44px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    line-height:1;

    transition:transform .2s, box-shadow .2s, background .2s;
}

[data-theme="dark"] .theme-toggle{

    background:rgba(255,255,255,.12);

    color:#fdcb6e;

    border:1px solid rgba(255,255,255,.14);

    box-shadow:0 4px 18px rgba(0,0,0,.35);
}

[data-theme="light"] .theme-toggle{

    background:#fff;

    color:#636e72;

    border:1px solid rgba(0,0,0,.1);

    box-shadow:0 4px 18px rgba(0,0,0,.12);
}

.theme-toggle:hover{

    transform:scale(1.06);
}

html[data-theme="light"] body{

    background:#eef1f5 !important;

    color:#2d3436 !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .title,
html[data-theme="light"] .hero h1{

    color:#2d3436 !important;
}

html[data-theme="light"] .page-head p,
html[data-theme="light"] .hero p,
html[data-theme="light"] .note,
html[data-theme="light"] .info-list,
html[data-theme="light"] .info,
html[data-theme="light"] label,
html[data-theme="light"] .empty,
html[data-theme="light"] .muted-note{

    color:#4a5568 !important;
}

html[data-theme="light"] .meta-line,
html[data-theme="light"] .blocked-meta{

    color:#374151 !important;

    font-size:13px !important;
}

html[data-theme="light"] .meta-line strong,
html[data-theme="light"] .info-box h3{

    color:#111827 !important;

    font-weight:700 !important;
}

html[data-theme="light"] .box,
html[data-theme="light"] .card,
html[data-theme="light"] .hero,
html[data-theme="light"] .page-wrap .card,
html[data-theme="light"] .delete-modal-box,
html[data-theme="light"] .confirm-modal-box{

    background:rgba(255,255,255,.98) !important;

    border:1px solid rgba(0,0,0,.08) !important;

    box-shadow:0 8px 28px rgba(0,0,0,.08) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .search{

    background:#fff !important;

    color:#2d3436 !important;

    border:1px solid rgba(0,0,0,.12) !important;
}

html[data-theme="light"] input::placeholder{

    color:rgba(45,52,54,.4) !important;
}

html[data-theme="light"] .info-box,
html[data-theme="light"] .link-box,
html[data-theme="light"] .json-wrap{

    background:#f8f9fa !important;

    border:1px solid rgba(0,0,0,.08) !important;
}

html[data-theme="light"] .json-wrap pre{

    color:#2d3436 !important;
}

html[data-theme="light"] .link,
html[data-theme="light"] .stats,
html[data-theme="light"] .clicks,
html[data-theme="light"] .number{

    color:#00695c !important;

    font-weight:600 !important;
}

html[data-theme="light"] .country{

    color:#2d3436 !important;
}

html[data-theme="light"] .example-tag{

    background:rgba(0,168,150,.1) !important;

    color:#00856f !important;

    border-color:rgba(0,168,150,.22) !important;
}

html[data-theme="light"] .nav-divider{

    background:rgba(0,0,0,.08) !important;
}

html[data-theme="light"] .logout-link{

    color:rgba(45,52,54,.45) !important;
}

html[data-theme="light"] table{

    background:#fff !important;
}

html[data-theme="light"] th{

    background:#f1f3f5 !important;

    color:#2d3436 !important;
}

html[data-theme="light"] td{

    border-top-color:#e9ecef !important;

    color:#2d3436 !important;
}

html[data-theme="light"] tr:hover{

    background:#f8f9fa !important;
}

html[data-theme="light"] .count-badge,
html[data-theme="light"] .note code{

    background:#eef1f5 !important;

    color:#2d3436 !important;
}

html[data-theme="light"] .delete-modal,
html[data-theme="light"] .confirm-modal{

    background:rgba(15,23,42,.35) !important;
}

html[data-theme="light"] #notificationPanel{

    background:rgba(255,255,255,.98) !important;

    border:1px solid rgba(0,0,0,.08) !important;

    box-shadow:0 12px 40px rgba(0,0,0,.12) !important;
}

html[data-theme="light"] #notificationPanel > div:first-child{

    color:#2d3436 !important;
}

html[data-theme="light"] #emptyNotifications{

    color:rgba(45,52,54,.5) !important;
}

html[data-theme="light"] .notification-filter-btn.is-active{

    box-shadow:0 0 0 2px rgba(0,0,0,.08) !important;
}

html[data-theme="light"] .card:hover{

    box-shadow:0 12px 32px rgba(0,0,0,.12) !important;
}

html[data-theme="light"] .btn.export-csv{

    background:#e0a800 !important;

    color:#fff !important;

    font-weight:700 !important;
}

html[data-theme="light"] .btn.export-txt{

    background:#00b894 !important;

    color:#fff !important;

    font-weight:700 !important;
}

html[data-theme="light"] h1{

    color:#111827 !important;
}

html[data-theme="light"] .search::placeholder{

    color:#6b7280 !important;
}

html[data-theme="light"] .expired-badge{

    background:#fde8e8 !important;

    color:#c0392b !important;
}

html[data-theme="light"] .page-breadcrumb,
html[data-theme="light"] .page-breadcrumb span{

    color:#6b7280 !important;
}

html[data-theme="light"] .page-breadcrumb a{

    color:#00856f !important;
}