:root{--color-bg:#eef4f8;--color-heading:#102033;--color-text:#243447;--color-muted:#5f6f82;--color-subtle:#8291a5;--color-border:#d9e2ec;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--color-bg)}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}p,dl,dd{margin:0}#root{min-height:100vh}.home-page{background:#f5f7fb;min-height:100vh;padding:20px 36px 28px}.home-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.home-header h1{color:#0b2143;margin:0;font-size:28px;font-weight:800;line-height:1.2}.home-header p{color:#566b8d;margin-top:8px;font-size:17px;line-height:1.4}.license{color:#b45c00;justify-items:end;gap:4px;font-size:14px;display:grid}.license strong{color:#a35200;background:#ffefb9;border-radius:999px;padding:4px 14px;font-weight:800}.summary-grid{grid-template-columns:repeat(3,minmax(210px,390px));gap:18px;margin-top:30px;display:grid}.summary-card{background:#fff;border:1px solid #dae4f0;border-radius:20px;align-items:center;gap:16px;min-height:92px;padding:20px;display:flex;box-shadow:0 2px 8px #0f23460d}.summary-icon{border-radius:20px;place-items:center;width:50px;height:50px;display:grid}.summary-card span{color:#40557a;font-size:14px;display:block}.summary-card strong{color:#0b2143;margin-top:4px;font-size:28px;line-height:1;display:block}.summary-card[data-tone=blue] .summary-icon{color:#245f99;background:#e9eff6}.summary-card[data-tone=amber] .summary-icon{color:#e48a08;background:#fff6e1}.summary-card[data-tone=green] .summary-icon{color:#08986d;background:#e5fbf1}.projects-panel{background:#fff;border:1px solid #dbe4f1;border-radius:22px;margin-top:28px;overflow:hidden;box-shadow:0 3px 10px #14274e0f}.tabs{align-items:center;gap:18px;padding:18px 20px 2px;display:flex}button{font:inherit;cursor:pointer;border:0}.tab{color:#263d61;background:0 0;border-radius:15px;min-height:36px;padding:0 16px;font-size:15px;font-weight:700}.tab.active{color:#fff;background:#225b96}.project-toolbar{border-bottom:1px solid #e5edf6;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 20px;display:flex}.project-toolbar h2{color:#0b2143;margin:0;font-size:22px;line-height:1.2}.toolbar-actions{align-items:center;gap:14px;display:flex}.search-box{color:#8ca0bd;background:#fff;border:1px solid #dbe5f1;border-radius:14px;align-items:center;gap:10px;width:300px;height:46px;padding:0 14px;display:flex}.search-box input{color:#0b2143;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.search-box input::placeholder{color:#94a5be}.new-project{color:#fff;white-space:nowrap;background:#225b96;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:16px;font-weight:800;display:inline-flex}.project-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:18px;padding:20px;display:grid}.project-card{background:#fff;border:1.5px solid;border-radius:18px;min-height:180px;padding:18px 20px}.project-card[data-border=amber]{border-color:#ffc47a}.project-card[data-border=red]{border-color:#ffb5bd}.project-card[data-border=green]{border-color:#7de2b6}.project-card[data-border=blue]{border-color:#a8cbff}.project-main,.project-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-mark{color:#fff;background:#225b96;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:850;display:grid}.project-card[data-border=red] .project-mark,.project-card[data-border=green] .project-mark{background:#0c97b5}.project-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.tag{white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.tag[data-tone=blue]{color:#0d5ee8;background:#f1f7ff;border-color:#a8cfff}.tag[data-tone=cyan]{color:#007ca7;background:#edfdff;border-color:#8eeaff}.tag[data-tone=red]{color:#c9161d;background:#fff2f2;border-color:#ffb1b1}.tag[data-tone=green]{color:#008f62;background:#edfff7;border-color:#7ee0b9}.project-card h3{color:#0b2143;min-height:44px;margin:14px 0 0;font-size:16px;line-height:1.45}.project-card p,.project-footer span{color:#8a9ab4;font-size:15px}.project-card p{margin-top:8px}.project-footer{margin-top:12px}.project-footer button{color:#d2dce9;background:0 0;place-items:center;width:28px;height:28px;display:grid}@media (width<=1200px){.home-page{padding:20px}.summary-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.home-page{padding:14px}.home-header,.project-toolbar{display:grid}.license{justify-items:start}.summary-grid,.project-grid{grid-template-columns:1fr}.tabs{padding-inline:16px;overflow-x:auto}.tab{white-space:nowrap;flex:none}.toolbar-actions{grid-template-columns:1fr;display:grid}.search-box{width:100%}.project-grid,.project-toolbar{padding:16px}.project-main{align-items:flex-start}.project-card h3{min-height:0}}