:root{--bg-page: #eaedf1;--bg-container: #ffffff;--border-outer: #768a9f;--border-inner: #b5c3d2;--header-bg-top: #22374d;--header-bg-bottom: #142332;--bar-primary: #335577;--accent-orange: #c86800;--accent-blue: #134d85;--text-main: #1f1f1f;--link-color: #0b4994;--link-hover: #b32400;--code-bg: #edf2f7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.5;padding:24px 12px 36px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover);text-decoration:none}.window-container{width:100%;max-width:680px;background:var(--bg-container);border:1px solid var(--border-outer);box-shadow:0 4px 20px #0000001f;margin:0 auto}.window-titlebar{background:linear-gradient(180deg,var(--header-bg-top) 0%,var(--header-bg-bottom) 100%);color:#fff;padding:10px 14px 9px;border-bottom:2px solid var(--accent-orange);display:flex;align-items:center;gap:10px}.window-logo{display:inline-flex;text-decoration:none;line-height:0}.window-logo-svg{width:32px;height:32px;flex-shrink:0}.window-titles{flex:1}.window-titles h1{font-size:18px;font-weight:700;line-height:1.1;color:#fff}.window-tagline{font-size:11px;color:#cfddec;margin-top:1px}.header-tools{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;position:relative}.lang-dropdown-wrapper{position:relative}.lang-dropdown-btn{background:#1a2c3f;border:1px solid #45688e;color:#e2ecf7;font-size:11px;font-family:inherit;padding:3px 8px;cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;gap:6px;line-height:1.2}.lang-dropdown-btn:hover{background:#243c55;color:#ffea9f}.lang-dropdown-btn .arrow{font-size:8px;color:#9cbcdb}.lang-dropdown-menu{display:none;position:absolute;right:0;top:100%;margin-top:3px;background:#1b2a38;border:1px solid #4a6c8e;box-shadow:0 4px 12px #00000080;z-index:100;min-width:95px}.lang-dropdown-menu.active{display:block}.lang-option{display:block;width:100%;text-align:left;background:none;border:none;color:#cfddec;padding:5px 9px;font-size:11px;font-family:inherit;cursor:pointer}.lang-option:hover{background:#2f4963;color:#ffea9f}.lang-option.selected{background:#0d1a24;color:#ffea9f;font-weight:700}.lang-icon-img{width:12px;height:12px;display:block;flex-shrink:0}.lang-notice{font-size:10.5px;color:#3a2900;background:#ffea79;border:1px solid #d49c00;padding:2px 6px;border-radius:2px;white-space:nowrap;display:none;font-weight:600;box-shadow:0 1px 3px #0000004d;line-height:1.2;align-items:center;gap:5px}.notice-icon-img{width:13px;height:11px;display:block;flex-shrink:0}nav#main-nav{background-color:var(--bar-primary);border-bottom:1px solid #1f3347;display:flex;flex-wrap:wrap}nav#main-nav a{color:#fff;text-decoration:none;font-size:11.5px;font-weight:700;padding:4px 10px;border-right:1px solid #263e57;border-left:1px solid #44688e;background:linear-gradient(180deg,#406388,#2f4b6a)}nav#main-nav a:first-child{border-left:none}nav#main-nav a:hover{background:linear-gradient(180deg,#4f759e,#38587c);color:#ffea9f}nav#main-nav a.active{background:#fff;color:var(--accent-blue);border-bottom:1px solid #ffffff;margin-bottom:-1px}.window-content{padding:12px 14px}.box{border:1px solid var(--border-inner);margin-bottom:12px;background:#fff}.box:last-child{margin-bottom:0}.box-header{background:linear-gradient(180deg,#375677,#29425d);color:#fff;font-weight:700;font-size:11.5px;padding:4px 8px;border-bottom:1px solid var(--border-inner);display:flex;justify-content:space-between;align-items:center}.box-body{padding:10px 12px}.project-card{border:1px solid var(--border-inner);background:#fafbfc;margin-bottom:10px}.project-card:last-child{margin-bottom:0}.project-card-header{background:#eaf0f6;padding:5px 8px;border-bottom:1px solid var(--border-inner);display:flex;align-items:center;justify-content:space-between}.project-title-link{font-weight:700;font-size:13px;color:var(--accent-blue);text-decoration:none;display:flex;align-items:center;gap:6px}.project-title-link:hover{text-decoration:underline;color:var(--link-hover)}.project-card-body{padding:10px;display:flex;gap:12px}@media (max-width: 580px){.project-card-body{flex-direction:column}}.project-thumb{width:130px;flex-shrink:0}.project-thumb img{width:100%;height:auto;display:block;border:1px solid #142332}.project-details{flex:1;min-width:0}.project-desc{font-size:12px;line-height:1.5;color:#2b2b2b;margin-bottom:8px}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 5px;border-radius:2px;line-height:1.3;vertical-align:middle;font-family:monospace}.badge-active{background:#287a3e;color:#fff}.badge-tag{background:#375370;color:#fff}.project-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.btn-open{display:inline-flex;align-items:center;background:linear-gradient(180deg,#2e6d38,#205027);color:#fff!important;font-weight:700;font-size:11.5px;padding:5px 10px;border:1px solid #153a1a;border-radius:2px;text-decoration:none!important}.btn-open:hover{background:linear-gradient(180deg,#378043,#255c2e);color:#ffea9f!important}.btn-sublink{display:inline-flex;align-items:center;background:#edf3f8;border:1px solid var(--border-inner);color:#244366!important;font-size:11px;padding:4px 8px;border-radius:2px;text-decoration:none!important;font-weight:500}.btn-sublink:hover{background:#d8e5f2;color:#0b4994!important}.status-table{width:100%;border-collapse:collapse;font-size:11.5px}.status-table th,.status-table td{padding:3px 6px;border-bottom:1px dotted #c8d2dc;text-align:left}.status-table th{width:32%;color:#455d77;background:#f4f7fa;font-weight:400}.status-indicator{color:#1a7a2a;font-weight:700}.window-statusbar{background:#22374d;color:#cfdbe6;border-top:1px solid #142332;padding:8px 14px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.window-statusbar a{color:#f0f5fa}