html[data-theme="light"]{
    color-scheme:light;
    --deep-space:#eef5fb;
    --bg:#eef5fb;
    --glass:rgba(255,255,255,.68);
    --glass-white:rgba(255,255,255,.68);
    --border:rgba(18,38,63,.13);
    --border-white:rgba(18,38,63,.13);
}
html[data-theme="dark"]{color-scheme:dark;}
html[data-theme="light"] body,
body.light-theme{
    background:
        radial-gradient(circle at 14% 10%,rgba(14,165,233,.18),transparent 32%),
        radial-gradient(circle at 92% 4%,rgba(48,209,88,.12),transparent 28%),
        linear-gradient(180deg,#f9fcff 0%,#eef5fb 52%,#e6eef7 100%) !important;
    color:#132033 !important;
}
html[data-theme="light"] #space-canvas,
html[data-theme="light"] #canvas,
html[data-theme="light"] .space-bg{
    background:
        radial-gradient(circle at 14% 10%,rgba(14,165,233,.18),transparent 32%),
        radial-gradient(circle at 92% 4%,rgba(48,209,88,.12),transparent 28%),
        linear-gradient(180deg,#f9fcff 0%,#eef5fb 52%,#e6eef7 100%) !important;
}
html[data-theme="light"] .shooting-star{background:#1c6b9c!important;opacity:.16!important;}
html[data-theme="light"] a:not(.btn-action),
html[data-theme="light"] a:not(.btn-action):visited{color:#132033!important;}
html[data-theme="light"] .login-bar,
html[data-theme="light"] .quick-btn,
html[data-theme="light"] .dashboard-entry,
html[data-theme="light"] .kpi-panel,
html[data-theme="light"] .card-menu,
html[data-theme="light"] .card,
html[data-theme="light"] .sum-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .emp-card,
html[data-theme="light"] .izin-card,
html[data-theme="light"] .news-composer,
html[data-theme="light"] .news-card,
html[data-theme="light"] .org-card,
html[data-theme="light"] .gallery-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .data-card,
html[data-theme="light"] .video-card,
html[data-theme="light"] .schedule-card,
html[data-theme="light"] .schedule-item,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .glass,
html[data-theme="light"] .panel,
html[data-theme="light"] .container-card,
html[data-theme="light"] .theme-toggle{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(18,38,63,.23)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 18px 55px rgba(30,63,98,.09)!important;
}
html[data-theme="light"] .dashboard-entry,
html[data-theme="light"] .kpi-panel{
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(14,165,233,.08))!important;
    border-color:rgba(14,116,144,.28)!important;
}
html[data-theme="light"] .leaderboard-entry,
html[data-theme="light"] .dashboard-entry.leaderboard-entry{
    background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,214,10,.12))!important;
    border-color:rgba(180,132,0,.30)!important;
}
html[data-theme="light"] .quick-btn:hover,
html[data-theme="light"] .dashboard-entry:hover,
html[data-theme="light"] .card-menu:hover{
    border-color:rgba(18,38,63,.34)!important;
}
html[data-theme="light"] .quick-btn.report{border-color:rgba(22,163,74,.45)!important;}
html[data-theme="light"] .quick-btn.news{border-color:rgba(2,132,199,.45)!important;}
html[data-theme="light"] .quick-btn.data{border-color:rgba(202,138,4,.48)!important;}
html[data-theme="light"] .quick-btn.super{border-color:rgba(239,68,68,.50)!important;}
html[data-theme="light"] .quick-btn.report:hover{border-color:rgba(22,163,74,.68)!important;}
html[data-theme="light"] .quick-btn.news:hover{border-color:rgba(2,132,199,.68)!important;}
html[data-theme="light"] .quick-btn.data:hover{border-color:rgba(202,138,4,.72)!important;}
html[data-theme="light"] .quick-btn.super:hover{border-color:rgba(239,68,68,.74)!important;}
html[data-theme="light"] .card-menu:nth-child(1){border-color:rgba(15,118,110,.42)!important;}
html[data-theme="light"] .card-menu:nth-child(2){border-color:rgba(71,85,105,.36)!important;}
html[data-theme="light"] .card-menu:nth-child(3){border-color:rgba(10,132,255,.40)!important;}
html[data-theme="light"] .card-menu:nth-child(4){border-color:rgba(71,85,105,.36)!important;}
html[data-theme="light"] .card-menu:nth-child(5){border-color:rgba(22,163,74,.42)!important;}
html[data-theme="light"] .card-menu:nth-child(6){border-color:rgba(202,138,4,.42)!important;}
html[data-theme="light"] .card-menu:nth-child(1):hover{border-color:rgba(15,118,110,.66)!important;}
html[data-theme="light"] .card-menu:nth-child(2):hover{border-color:rgba(71,85,105,.58)!important;}
html[data-theme="light"] .card-menu:nth-child(3):hover{border-color:rgba(10,132,255,.64)!important;}
html[data-theme="light"] .card-menu:nth-child(4):hover{border-color:rgba(71,85,105,.58)!important;}
html[data-theme="light"] .card-menu:nth-child(5):hover{border-color:rgba(22,163,74,.66)!important;}
html[data-theme="light"] .card-menu:nth-child(6):hover{border-color:rgba(202,138,4,.66)!important;}
html[data-theme="light"] .dashboard-entry .dashboard-title{
    font-family:'Syncopate','Plus Jakarta Sans',sans-serif!important;
    font-size:.72rem!important;
    font-weight:700!important;
    letter-spacing:1.8px!important;
    text-transform:uppercase!important;
}
html[data-theme="light"] .login-name,
html[data-theme="light"] .main-clock,
html[data-theme="light"] .page-title,
html[data-theme="light"] .section-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .title,
html[data-theme="light"] .card-menu span,
html[data-theme="light"] .dashboard-title,
html[data-theme="light"] .kpi-value,
html[data-theme="light"] .emp-name,
html[data-theme="light"] .izin-name,
html[data-theme="light"] .news-title,
html[data-theme="light"] .news-author,
html[data-theme="light"] .schedule-title,
html[data-theme="light"] .schedule-name,
html[data-theme="light"] .theme-toggle{
    color:#132033!important;
    -webkit-text-fill-color:initial!important;
}
html[data-theme="light"] .login-label,
html[data-theme="light"] .main-date,
html[data-theme="light"] .location-box,
html[data-theme="light"] .dashboard-meta,
html[data-theme="light"] .kpi-label,
html[data-theme="light"] .speed-scale,
html[data-theme="light"] .muted,
html[data-theme="light"] .meta,
html[data-theme="light"] .sub,
html[data-theme="light"] .subtitle,
html[data-theme="light"] .card-title,
html[data-theme="light"] .emp-meta,
html[data-theme="light"] .izin-meta,
html[data-theme="light"] .news-meta,
html[data-theme="light"] .news-body,
html[data-theme="light"] .news-comment-body,
html[data-theme="light"] .schedule-sub,
html[data-theme="light"] .schedule-role,
html[data-theme="light"] .v-text{
    color:rgba(19,32,51,.56)!important;
}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .search-wrap,
html[data-theme="light"] .schedule-search,
html[data-theme="light"] .news-input,
html[data-theme="light"] .news-comment-input,
html[data-theme="light"] .filter-sel{
    background:rgba(255,255,255,.74)!important;
    border-color:rgba(18,38,63,.13)!important;
    color:#132033!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:rgba(19,32,51,.35)!important;}
html[data-theme="light"] select option{background:#f8fbff!important;color:#132033!important;}
html[data-theme="light"] .icon-box{
    color:#132033!important;
    background:rgba(255,255,255,.58)!important;
}
html[data-theme="light"] .icon-box i{color:#132033!important;}
html[data-theme="light"] .card-menu:nth-child(1) .icon-box i{color:#0f766e!important;}
html[data-theme="light"] .card-menu:nth-child(2) .icon-box i{color:#334155!important;}
html[data-theme="light"] .card-menu:nth-child(3) .icon-box i{color:#0a84ff!important;}
html[data-theme="light"] .quick-btn.report i{color:#16a34a!important;}
html[data-theme="light"] .quick-btn.news i{color:#0284c7!important;}
html[data-theme="light"] .quick-btn.data i{color:#ca8a04!important;}
html[data-theme="light"] .quick-btn.super i{color:#ef4444!important;}
html[data-theme="light"] .dashboard-icon i{color:#0f766e!important;}
html[data-theme="light"] .leaderboard-entry .dashboard-icon i{color:#eab308!important;}
html[data-theme="light"] .speedometer::after{background:rgba(246,250,255,.84)!important;border-color:rgba(18,38,63,.1)!important;}
html[data-theme="light"] .btn-action{
    color:#ef4444!important;
    -webkit-text-fill-color:#ef4444!important;
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(239,68,68,.10))!important;
    border-color:rgba(239,68,68,.24)!important;
}
html[data-theme="light"] .sum-val,
html[data-theme="light"] .c-white .sum-val,
html[data-theme="light"] .feature-ratio,
html[data-theme="light"] .emp-st-val,
html[data-theme="light"] .news-composer #news-composer-name,
html[data-theme="light"] [style*="color:white"]{
    color:#132033!important;
    -webkit-text-fill-color:#132033!important;
}
html[data-theme="light"] .sum-lbl,
html[data-theme="light"] .feature-name,
html[data-theme="light"] .feature-sub,
html[data-theme="light"] .emp-st-lbl,
html[data-theme="light"] .loading-state,
html[data-theme="light"] .empty-state,
html[data-theme="light"] #daily-summary,
html[data-theme="light"] [style*="rgba(255,255,255,.25)"],
html[data-theme="light"] [style*="rgba(255,255,255,.3)"],
html[data-theme="light"] [style*="rgba(255,255,255,.45)"],
html[data-theme="light"] [style*="rgba(255,255,255,.5)"],
html[data-theme="light"] [style*="rgba(255,255,255,.55)"],
html[data-theme="light"] [style*="rgba(255,255,255,.65)"]{
    color:rgba(19,32,51,.58)!important;
    -webkit-text-fill-color:rgba(19,32,51,.58)!important;
}
html[data-theme="light"] .toast{
    background:rgba(255,255,255,.94)!important;
    color:#132033!important;
    border-color:rgba(18,38,63,.14)!important;
}
html[data-theme="light"] .emp-card,
html[data-theme="light"] .izin-card,
html[data-theme="light"] .news-card,
html[data-theme="light"] .news-composer{
    color:#132033!important;
    -webkit-text-fill-color:initial!important;
}
html[data-theme="light"] .emp-card:hover{
    background:rgba(255,255,255,.86)!important;
    border-color:rgba(18,38,63,.18)!important;
}
html[data-theme="light"] .emp-av,
html[data-theme="light"] .news-avatar{
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(18,38,63,.08))!important;
    border-color:rgba(18,38,63,.14)!important;
    color:#132033!important;
}
html[data-theme="light"] .emp-st,
html[data-theme="light"] .izin-keterangan,
html[data-theme="light"] .workload-row,
html[data-theme="light"] .daily-top-item,
html[data-theme="light"] .news-comment-bubble,
html[data-theme="light"] .news-photo-row,
html[data-theme="light"] .news-preview,
html[data-theme="light"] .news-image{
    background:rgba(18,38,63,.045)!important;
    border-color:rgba(18,38,63,.09)!important;
}
html[data-theme="light"] .emp-arrow,
html[data-theme="light"] .search-wrap i,
html[data-theme="light"] .workload-title,
html[data-theme="light"] .workload-note,
html[data-theme="light"] .daily-top-title,
html[data-theme="light"] .news-author span,
html[data-theme="light"] .news-hint,
html[data-theme="light"] .news-photo-name,
html[data-theme="light"] .news-feed-title,
html[data-theme="light"] .news-comment-name span,
html[data-theme="light"] .izin-jenis,
html[data-theme="light"] .izin-keterangan,
html[data-theme="light"] .not-auth p{
    color:rgba(19,32,51,.58)!important;
    -webkit-text-fill-color:rgba(19,32,51,.58)!important;
}
html[data-theme="light"] .news-comment-name,
html[data-theme="light"] .news-photo-label,
html[data-theme="light"] .not-auth a{
    color:#132033!important;
    -webkit-text-fill-color:#132033!important;
}
html[data-theme="light"] .btn-lampiran{
    background:rgba(255,255,255,.70)!important;
    border-color:rgba(18,38,63,.13)!important;
    color:rgba(19,32,51,.72)!important;
    -webkit-text-fill-color:rgba(19,32,51,.72)!important;
}
html[data-theme="light"] .btn-approve{
    background:rgba(34,197,94,.13)!important;
    border-color:rgba(34,197,94,.24)!important;
    color:#15803d!important;
    -webkit-text-fill-color:#15803d!important;
}
html[data-theme="light"] .btn-reject,
html[data-theme="light"] .news-delete{
    background:rgba(239,68,68,.10)!important;
    border-color:rgba(239,68,68,.22)!important;
    color:#dc2626!important;
    -webkit-text-fill-color:#dc2626!important;
}
html[data-theme="light"] .news-submit,
html[data-theme="light"] .news-comment-send{
    color:#075985!important;
    -webkit-text-fill-color:#075985!important;
}
html[data-theme="light"] .news-comments{
    border-top-color:rgba(18,38,63,.09)!important;
}
html[data-theme="light"] .not-auth i{
    color:rgba(239,68,68,.55)!important;
}
html[data-theme="light"] .project-chip-admin{
    background:rgba(2,132,199,.10)!important;
    border-color:rgba(2,132,199,.22)!important;
    color:#0369a1!important;
    -webkit-text-fill-color:#0369a1!important;
}
html[data-theme="light"] .daily-top-text{
    color:rgba(19,32,51,.68)!important;
    -webkit-text-fill-color:rgba(19,32,51,.68)!important;
}
html[data-theme="light"] .daily-top-count{
    color:#0369a1!important;
    -webkit-text-fill-color:#0369a1!important;
}
html[data-theme="light"] .tabs{
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(18,38,63,.13)!important;
    box-shadow:0 18px 55px rgba(30,63,98,.08)!important;
}
html[data-theme="light"] .tab{
    color:rgba(19,32,51,.52)!important;
    -webkit-text-fill-color:rgba(19,32,51,.52)!important;
}
html[data-theme="light"] .tab.active{
    background:rgba(18,38,63,.10)!important;
    color:#132033!important;
    -webkit-text-fill-color:#132033!important;
    box-shadow:inset 0 0 0 1px rgba(18,38,63,.05)!important;
}
html[data-theme="light"] .tab i{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
}
.theme-floating-toggle{
    position:fixed;
    right:16px;
    bottom:16px;
    z-index:9999;
    width:44px;
    height:44px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(10,22,36,.72);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(18px);
    box-shadow:0 18px 50px rgba(0,0,0,.24);
}
html[data-theme="light"] .theme-floating-toggle{
    background:rgba(255,255,255,.74);
    color:#132033;
    border-color:rgba(18,38,63,.13);
    box-shadow:0 18px 55px rgba(30,63,98,.12);
}