:root{
      --bg:#f4f7fb;--card:#ffffff;--text:#102027;--muted:#667085;--line:#e3e9f2;
      --brand:#0f766e;--brand2:#115e59;--brand3:#14b8a6;--danger:#dc2626;--warn:#d97706;--ok:#15803d;
      --ink:#0b1720;--soft:#f8fafc;--gold:#c9972f;--shadow:0 18px 48px rgba(16,32,39,.10);--shadow2:0 8px 22px rgba(16,32,39,.07);--radius:18px;--nav-h:78px;
    }
@media(prefers-color-scheme:dark){
  :root{--bg:#081316;--card:#102025;--text:#e8f3f1;--muted:#9fb2ad;--line:#20343a;--brand:#2dd4bf;--brand2:#99f6e4;--brand3:#22c55e;--ink:#f8fafc;--soft:#0d1b20;--shadow:0 18px 48px rgba(0,0,0,.34);--shadow2:0 8px 24px rgba(0,0,0,.26)}
}
html[data-theme="dark"]{--bg:#081316;--card:#102025;--text:#e8f3f1;--muted:#9fb2ad;--line:#20343a;--brand:#2dd4bf;--brand2:#99f6e4;--brand3:#22c55e;--ink:#f8fafc;--soft:#0d1b20;--shadow:0 18px 48px rgba(0,0,0,.34);--shadow2:0 8px 24px rgba(0,0,0,.26);color-scheme:dark}
html[data-theme="light"]{--bg:#f4f7fb;--card:#ffffff;--text:#102027;--muted:#667085;--line:#e3e9f2;--brand:#0f766e;--brand2:#115e59;--brand3:#14b8a6;--ink:#0b1720;--soft:#f8fafc;--shadow:0 18px 48px rgba(16,32,39,.10);--shadow2:0 8px 22px rgba(16,32,39,.07);color-scheme:light}
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html{min-width:320px;color-scheme:light dark}
    body{margin:0;background:linear-gradient(180deg,#eefdf8 0,#f5f7fb 230px,#f4f7fb 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));overflow-x:hidden}
@media(prefers-color-scheme:dark){body{background:linear-gradient(180deg,#09221f 0,#081316 260px,#071013 100%)}}
html[data-theme="dark"] body{background:linear-gradient(180deg,#09221f 0,#081316 260px,#071013 100%)}
html[data-theme="light"] body{background:linear-gradient(180deg,#eefdf8 0,#f5f7fb 230px,#f4f7fb 100%)}
    button,input,select,textarea{font:inherit}
    button{border:0;cursor:pointer}
    .svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
    .app{width:min(100%,1180px);margin:auto;min-height:100vh}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.86);backdrop-filter:blur(18px);padding:12px max(14px,env(safe-area-inset-left)) 12px max(14px,env(safe-area-inset-left));border-bottom:1px solid rgba(226,232,240,.86)}
@media(prefers-color-scheme:dark){.topbar{background:rgba(8,19,22,.82);border-bottom-color:rgba(32,52,58,.92)}}
html[data-theme="dark"] .topbar{background:rgba(8,19,22,.82);border-bottom-color:rgba(32,52,58,.92)}
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,1180px);margin:auto}
    .brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:40px;height:40px;flex:0 0 40px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand3));color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 28px rgba(15,118,110,.30);border:1px solid rgba(255,255,255,.55)}
    .brand h1{font-size:17px;margin:0;line-height:1}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}
    .pill{padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ecfdf5,#fff);color:var(--brand2);font-weight:850;font-size:12px;border:1px solid #bbf7d0;white-space:nowrap;box-shadow:var(--shadow2)}
@media(prefers-color-scheme:dark){.pill{background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(16,32,37,.92));border-color:rgba(45,212,191,.24)}}
html[data-theme="dark"] .pill{background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(16,32,37,.92));border-color:rgba(45,212,191,.24)}
    main{padding:14px clamp(12px,2.4vw,22px) 20px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,253,245,.92));border:1px solid rgba(187,247,208,.9);border-radius:26px;padding:clamp(18px,3.2vw,28px);box-shadow:var(--shadow);margin-bottom:16px}
@media(prefers-color-scheme:dark){.hero{background:linear-gradient(135deg,rgba(16,32,37,.96),rgba(10,41,38,.88));border-color:rgba(45,212,191,.22)}}
html[data-theme="dark"] .hero{background:linear-gradient(135deg,rgba(16,32,37,.96),rgba(10,41,38,.88));border-color:rgba(45,212,191,.22)}
    .hero::before{content:"";position:absolute;inset:-80px auto auto -60px;width:230px;height:230px;background:radial-gradient(circle,rgba(20,184,166,.20),transparent 68%);pointer-events:none}.hero::after{content:"";position:absolute;right:-85px;bottom:-110px;width:260px;height:260px;background:radial-gradient(circle,rgba(201,151,47,.16),transparent 70%);pointer-events:none}.hero>*{position:relative}
    .hero h2{margin:0 0 8px;font-size:clamp(22px,3vw,34px);line-height:1.08}.hero p{margin:0;color:var(--muted);line-height:1.55;max-width:850px}.hero-actions{display:grid;grid-template-columns:repeat(3,max-content);gap:10px;margin-top:16px}
    .grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
    .card{position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow2)}
@media(prefers-color-scheme:dark){.card{background:rgba(16,32,37,.92);border-color:rgba(32,52,58,.96)}}
html[data-theme="dark"] .card{background:rgba(16,32,37,.92);border-color:rgba(32,52,58,.96)}
    .stat::before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--brand),var(--brand3),var(--gold));opacity:.75}
    .card h3{margin:0}
    .chart-card{display:grid;gap:10px;align-content:start;min-height:250px}.chart-card canvas{width:100%;height:220px;display:block}.trend-card canvas{height:260px}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.legend-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px rgba(15,118,110,.08)}.legend-dot.c0{background:#15803d}.legend-dot.c1{background:#0f766e}.legend-dot.c2{background:#dc2626}.legend-dot.c3{background:#d97706}
    .stat small{display:block;color:var(--muted);font-weight:700;font-size:12px}.stat strong{display:block;margin-top:6px;font-size:clamp(19px,2.4vw,22px);line-height:1.15;overflow-wrap:anywhere}.stat .hint{font-size:12px;margin-top:6px;color:var(--muted)}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 0 12px}.section-head h3{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.section-head select{min-width:min(320px,100%)}
    .icon{width:18px;height:18px;display:inline-block;flex:0 0 18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.btn .icon{width:17px;height:17px}.tab .icon{width:22px;height:22px;margin:0 auto 3px;filter:drop-shadow(0 5px 10px rgba(15,118,110,.10))}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 14px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand3));color:white;font-weight:850;box-shadow:0 12px 24px rgba(15,118,110,.22);text-align:center;line-height:1.15;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:active{transform:translateY(1px) scale(.99)}
    @media(hover:hover){.btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,118,110,.24)}.card:hover{box-shadow:0 16px 40px rgba(16,32,39,.10)}}
    .btn.secondary{background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow2)}.btn.danger{background:#fee2e2;color:#991b1b;box-shadow:none}.btn.warn{background:#fff7ed;color:#9a3412;box-shadow:none}.btn.small{min-height:36px;padding:8px 10px;border-radius:12px;font-size:12px}
@media(prefers-color-scheme:dark){.btn.secondary{background:linear-gradient(180deg,#13262c,#0f1e23)}.btn.danger{background:#3f1518;color:#fecaca}.btn.warn{background:#3b2712;color:#fed7aa}}
html[data-theme="dark"] .btn.secondary{background:linear-gradient(180deg,#13262c,#0f1e23)}html[data-theme="dark"] .btn.danger{background:#3f1518;color:#fecaca}html[data-theme="dark"] .btn.warn{background:#3b2712;color:#fed7aa}
    .form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;margin:0 0 6px;color:#344054;font-weight:750;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px 13px;outline:none;color:var(--text);box-shadow:inset 0 1px 0 rgba(16,32,39,.02)}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(15,118,110,.10)}
@media(prefers-color-scheme:dark){.field label{color:#cbdad7}.field input,.field select,.field textarea{background:#0b181c;color:var(--text);border-color:var(--line)}.field input::placeholder,.field textarea::placeholder{color:#6f8580}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #0b181c inset}}
html[data-theme="dark"] .field label{color:#cbdad7}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0b181c;color:var(--text);border-color:var(--line)}html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#6f8580}
    .tabs{position:fixed;bottom:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(22px);border-top:1px solid rgba(226,232,240,.95);padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:var(--nav-h);box-shadow:0 -18px 44px rgba(16,32,39,.10)}.tab{min-width:0;min-height:56px;padding:7px 4px;border-radius:16px;color:var(--muted);background:transparent;font-size:11px;font-weight:850;line-height:1.1}.tab.active{background:linear-gradient(135deg,#ecfdf5,#f7fee7);color:var(--brand2);box-shadow:inset 0 0 0 1px rgba(187,247,208,.8)}
@media(prefers-color-scheme:dark){.tabs{background:rgba(8,19,22,.88);border-top-color:rgba(32,52,58,.96)}.tab.active{background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(34,197,94,.10));box-shadow:inset 0 0 0 1px rgba(45,212,191,.20)}}
html[data-theme="dark"] .tabs{background:rgba(8,19,22,.88);border-top-color:rgba(32,52,58,.96)}html[data-theme="dark"] .tab.active{background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(34,197,94,.10));box-shadow:inset 0 0 0 1px rgba(45,212,191,.20)}
    .view{display:none}.view.active{display:block}.list{display:grid;gap:10px}.project-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.project-title{font-weight:900;font-size:16px;overflow-wrap:anywhere}.project-meta{color:var(--muted);font-size:12px;margin-top:3px;line-height:1.5;overflow-wrap:anywhere}.project-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:800;margin:3px 4px 0 0;max-width:100%;overflow-wrap:anywhere}.tag.ok{background:#dcfce7;color:#166534}.tag.warn{background:#fef3c7;color:#92400e}.tag.bad{background:#fee2e2;color:#991b1b}.tag.blue{background:#e0f2fe;color:#075985}
    .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2)}.table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}.table th{background:#f8fafc;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:0}.amount-in{color:var(--ok);font-weight:900}.amount-out{color:var(--danger);font-weight:900}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px;background:#fff}.notice{padding:12px 14px;border-radius:18px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:13px;line-height:1.5}.success{padding:12px 14px;border-radius:18px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:13px;line-height:1.5}.danger-note{padding:12px 14px;border-radius:18px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:13px;line-height:1.5}.mt-12{margin-top:12px}.mb-12{margin-bottom:12px}.card-title{margin:0}.note-spaced{margin-top:8px}.summary-title{margin:0 0 12px}
@media(prefers-color-scheme:dark){.table{background:#102025}.table th{background:#0b181c;color:#9fb2ad}.empty{background:#102025}.notice{background:#332810;border-color:#7c5a16;color:#fde68a}.success{background:#0f2b20;border-color:#1f6b46;color:#bbf7d0}.danger-note{background:#35171a;border-color:#7f1d1d;color:#fecaca}}
html[data-theme="dark"] .table{background:#102025}html[data-theme="dark"] .table th{background:#0b181c;color:#9fb2ad}html[data-theme="dark"] .empty{background:#102025}html[data-theme="dark"] .notice{background:#332810;border-color:#7c5a16;color:#fde68a}html[data-theme="dark"] .success{background:#0f2b20;border-color:#1f6b46;color:#bbf7d0}html[data-theme="dark"] .danger-note{background:#35171a;border-color:#7f1d1d;color:#fecaca}
    .modal-backdrop{position:fixed;inset:0;background:rgba(16,32,39,.35);display:none;align-items:flex-end;z-index:100;padding:12px}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:24px 24px 18px 18px;padding:16px;max-width:720px;width:100%;max-height:min(88vh,720px);overflow:auto;margin:auto;box-shadow:0 30px 80px rgba(16,32,39,.22)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-head h3{margin:0}.close{width:38px;height:38px;border-radius:14px;background:#f2f4f7;color:#344054;font-weight:900;display:grid;place-items:center}
    .lock{position:relative;min-height:100vh;display:grid;place-items:center;padding:20px;overflow:hidden}.lock::before{content:"";position:absolute;inset:auto auto -110px -90px;width:260px;height:260px;background:radial-gradient(circle,rgba(20,184,166,.20),transparent 70%);pointer-events:none}.lock::after{content:"";position:absolute;inset:-130px -100px auto auto;width:300px;height:300px;background:radial-gradient(circle,rgba(201,151,47,.14),transparent 72%);pointer-events:none}.lock-card{position:relative;z-index:1;width:min(440px,100%);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.lock-card .logo{width:58px;height:58px;border-radius:20px;margin-bottom:14px}.lock-card h1{margin:0 0 8px;font-size:26px}.lock-card p{margin:0 0 18px;color:var(--muted)}
@media(prefers-color-scheme:dark){.lock-card{background:linear-gradient(145deg,rgba(16,32,37,.96),rgba(9,24,28,.94));border-color:rgba(45,212,191,.18);box-shadow:0 28px 80px rgba(0,0,0,.44)}.lock-card .logo{box-shadow:0 18px 42px rgba(45,212,191,.28);border-color:rgba(255,255,255,.20)}.lock::before{background:radial-gradient(circle,rgba(45,212,191,.18),transparent 70%)}.lock::after{background:radial-gradient(circle,rgba(34,197,94,.12),transparent 72%)}}
html[data-theme="dark"] .lock-card{background:linear-gradient(145deg,rgba(16,32,37,.96),rgba(9,24,28,.94));border-color:rgba(45,212,191,.18);box-shadow:0 28px 80px rgba(0,0,0,.44)}
    .toast{position:fixed;left:14px;right:14px;bottom:92px;z-index:200;background:#102027;color:#fff;border-radius:18px;padding:13px 15px;box-shadow:0 16px 40px rgba(0,0,0,.22);display:none}.toast.show{display:block}
    #lockScreen,#app{display:none}
    @media(min-width:1100px){body{padding-bottom:0}.tabs{position:sticky;bottom:auto;top:70px;width:min(100% - 36px,1180px);margin:0 auto 8px;border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);padding:8px;min-height:auto}.tab{min-height:44px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px}.tab .icon{width:17px;height:17px;margin:0}.modal-backdrop{align-items:center}.toast{left:auto;right:22px;bottom:22px;width:360px}.project-card{grid-template-columns:minmax(0,1fr) 230px}}
    @media(max-width:1099px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding-top:calc(10px + env(safe-area-inset-top))}.hero-actions{grid-template-columns:repeat(3,1fr)}.hero-actions .btn{width:100%}.tabs{box-shadow:0 -14px 34px rgba(16,32,39,.10)}}
    @media(max-width:760px){body{--nav-h:82px}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;margin:20px 0 10px}.section-head .btn,.section-head select{width:100%}.hero-actions{grid-template-columns:1fr}.card{padding:14px}.pill{display:none}.project-card{grid-template-columns:1fr}.project-actions{justify-content:stretch}.project-actions .btn{flex:1 1 96px}.brand p{max-width:210px}.modal-backdrop{padding:10px 10px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}.modal{margin:0;border-radius:24px 24px 16px 16px;max-height:86vh}.toast{bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom))}}
    @media(max-width:640px){.table-wrap{overflow:visible;border:0;border-radius:0}.table{min-width:0;border-collapse:separate;border-spacing:0 10px;background:transparent}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.table td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;border:0;padding:6px 4px;font-size:13px}.table td::before{content:attr(data-label);color:var(--muted);font-weight:800;font-size:12px}.table td:last-child{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}.table td:last-child::before{display:none}.table td:last-child .btn{flex:1 1 88px}.hero{border-radius:20px}.lock{padding:14px}.lock-card{border-radius:24px;padding:18px}}
    @media(max-width:380px){.tab{font-size:10px}.tab span{font-size:19px}.brand h1{font-size:16px}.brand p{max-width:180px}.table td{grid-template-columns:92px minmax(0,1fr)}.btn{padding-left:10px;padding-right:10px}}
    @media(print){.tabs,.topbar,.hero-actions,.btn,.modal-backdrop{display:none!important}body{background:white;padding:0}.card,.hero{box-shadow:none;border:1px solid #ddd}}

html[data-theme="dark"] .modal{background:#102025;border:1px solid rgba(45,212,191,.18);box-shadow:0 30px 80px rgba(0,0,0,.46)}
html[data-theme="dark"] .close{background:#0b181c;color:#cbdad7}
html[data-theme="dark"] .tag{background:#172a31;color:#cbdad7}
html[data-theme="dark"] .tag.ok{background:#0f2b20;color:#bbf7d0}
html[data-theme="dark"] .tag.warn{background:#332810;color:#fde68a}
html[data-theme="dark"] .tag.bad{background:#35171a;color:#fecaca}
html[data-theme="dark"] .tag.blue{background:#10283a;color:#bae6fd}

html[data-theme="light"] .topbar{background:rgba(248,250,252,.86);border-bottom-color:rgba(226,232,240,.86)}
html[data-theme="light"] .pill{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#bbf7d0;color:#115e59}
html[data-theme="light"] .hero{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,253,245,.92));border-color:rgba(187,247,208,.9)}
html[data-theme="light"] .card,html[data-theme="light"] .lock-card{background:rgba(255,255,255,.94);border-color:rgba(226,232,240,.95);box-shadow:var(--shadow2)}
html[data-theme="light"] .btn.secondary{background:linear-gradient(180deg,#fff,#f8fafc);color:#102027;border-color:#e3e9f2}
html[data-theme="light"] .btn.danger{background:#fee2e2;color:#991b1b}
html[data-theme="light"] .btn.warn{background:#fff7ed;color:#9a3412}
html[data-theme="light"] .field label{color:#344054}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{background:#fff;color:#102027;border-color:#e3e9f2}
html[data-theme="light"] .tabs{background:rgba(255,255,255,.92);border-top-color:rgba(226,232,240,.95)}
html[data-theme="light"] .tab.active{background:linear-gradient(135deg,#ecfdf5,#f7fee7);color:#115e59;box-shadow:inset 0 0 0 1px rgba(187,247,208,.8)}
html[data-theme="light"] .table{background:#fff}
html[data-theme="light"] .table th{background:#f8fafc;color:#475467}
html[data-theme="light"] .empty{background:#fff}
html[data-theme="light"] .notice{background:#fffbeb;border-color:#fde68a;color:#92400e}
html[data-theme="light"] .success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
html[data-theme="light"] .danger-note{background:#fef2f2;border-color:#fecaca;color:#991b1b}
html[data-theme="light"] .modal{background:#fff;border:0}
html[data-theme="light"] .close{background:#f2f4f7;color:#344054}
html[data-theme="light"] .tag{background:#f2f4f7;color:#475467}
html[data-theme="light"] .tag.ok{background:#dcfce7;color:#166534}
html[data-theme="light"] .tag.warn{background:#fef3c7;color:#92400e}
html[data-theme="light"] .tag.bad{background:#fee2e2;color:#991b1b}
html[data-theme="light"] .tag.blue{background:#e0f2fe;color:#075985}