*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--mu-navy:#1a2e5a;--mu-blue:#2563eb;--mu-light:#f0f4fb;--mu-border:#dde3f0;--text-main:#1e293b;--text-sub:#64748b;--radius:10px;--shadow:0 1px 4px #00000014;--theme-nav:#1a2e5a;--theme-hero-start:#1a2e5a;--theme-hero-end:#1e4080;--theme-accent:#2563eb;--green-bg:#dcfce7;--green-border:#16a34a;--green-text:#14532d;--green-icon:#16a34a;--amber-bg:#fef9c3;--amber-border:#d97706;--amber-text:#78350f;--amber-icon:#d97706;--red-bg:#fee2e2;--red-border:#dc2626;--red-text:#7f1d1d;--red-icon:#dc2626;--blue-bg:#dbeafe;--blue-border:#2563eb;--blue-text:#1e3a8a;--blue-icon:#2563eb}body.theme-green{--theme-nav:#14532d;--theme-hero-start:#14532d;--theme-hero-end:#166534;--theme-accent:#16a34a}body.theme-amber{--theme-nav:#7c2d12;--theme-hero-start:#78350f;--theme-hero-end:#92400e;--theme-accent:#d97706}body.theme-red{--theme-nav:#7f1d1d;--theme-hero-start:#7f1d1d;--theme-hero-end:#991b1b;--theme-accent:#dc2626}body.theme-blue{--theme-nav:#1a2e5a;--theme-hero-start:#1a2e5a;--theme-hero-end:#1e4080;--theme-accent:#2563eb}body{background:var(--mu-light);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}a{color:inherit;text-decoration:none}.navbar{background:var(--theme-nav);z-index:100;transition:background .7s;position:sticky;top:0;box-shadow:0 2px 8px #0000002e}.nav-inner{align-items:center;gap:32px;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-logo{width:40px;height:40px}.nav-brand-text{flex-direction:column;line-height:1.1;display:flex}.nav-brand-name{color:#fff;letter-spacing:.01em;font-size:15px;font-weight:700}.nav-brand-sub{color:#93afd4;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:400}.nav-links{gap:4px;margin-left:16px;list-style:none;display:flex}.nav-link{color:#c0ceea;border-radius:6px;padding:6px 12px;font-size:14px;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1f}.nav-avatar{margin-left:auto}.avatar-circle{background:var(--mu-blue);color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.hero{background:linear-gradient(135deg, var(--theme-hero-start) 0%, var(--theme-hero-end) 100%);color:#fff;padding:40px 24px;transition:background .7s}.hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1200px;margin:0 auto;display:flex}.hero-welcome{color:#93afd4;margin-bottom:4px;font-size:14px}.hero-name{letter-spacing:-.02em;font-size:30px;font-weight:700}.hero-sub{color:#93afd4;margin-top:6px;font-size:14px}.hero-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-card{border-radius:var(--radius);text-align:center;background:#ffffff1a;border:1px solid #ffffff26;min-width:110px;padding:16px 24px}.stat-value{letter-spacing:-.02em;font-size:28px;font-weight:700;display:block}.stat-label{color:#93afd4;margin-top:4px;font-size:12px;line-height:1.3;display:block}.content-grid{grid-template-columns:1fr 340px;gap:24px;max-width:1200px;margin:32px auto;padding:0 24px;display:grid}@media (width<=900px){.content-grid{grid-template-columns:1fr}}.section{margin-bottom:24px}.section-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:15px;font-weight:600}.announcement-banner{border-radius:var(--radius);border-left:4px solid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:0 14px;margin-bottom:24px;padding:16px 20px;display:grid;position:relative}.banner-icon-wrap{grid-row:1/3;align-items:flex-start;padding-top:2px;display:flex}.banner-icon{font-size:20px}.banner-body{grid-column:2}.banner-text{font-size:15px;font-weight:500;line-height:1.5}.banner-meta{opacity:.7;margin-top:6px;font-size:12px}.banner-badge{opacity:.7;grid-column:2;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:500;display:flex}.aws-badge{color:#232f3e;letter-spacing:.08em;background:#f90;border-radius:3px;padding:2px 5px;font-family:Arial Black,Arial,sans-serif;font-size:9px;font-weight:900;line-height:1;display:inline-block}.badge-divider{opacity:.4}.banner-green{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text)}.banner-amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber-text)}.banner-red{background:var(--red-bg);border-color:var(--red-border);color:var(--red-text)}.banner-blue{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-text)}.quick-links-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-link-card{border:1px solid var(--mu-border);border-radius:var(--radius);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:box-shadow .15s,border-color .15s,transform .1s;display:flex}.quick-link-card:hover{border-color:var(--mu-blue);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb1f}.ql-icon{font-size:26px}.ql-label{color:var(--text-main);font-size:13px;font-weight:500}.events-list{flex-direction:column;gap:8px;list-style:none;display:flex}.event-item{border:1px solid var(--mu-border);border-radius:var(--radius);background:#fff;align-items:center;gap:16px;padding:14px 16px;display:flex}.event-date{flex-direction:column;align-items:center;min-width:40px;display:flex}.event-day{color:var(--mu-blue);font-size:22px;font-weight:700;line-height:1}.event-month{color:var(--text-sub);letter-spacing:.06em;font-size:10px;font-weight:600}.event-name{font-size:14px;font-weight:500}.event-detail{color:var(--text-sub);margin-top:2px;font-size:12px}.units-list{flex-direction:column;gap:8px;list-style:none;display:flex}.unit-item{border:1px solid var(--mu-border);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.unit-code{color:var(--mu-blue);background:var(--blue-bg);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.unit-name{color:var(--text-main);font-size:13px}.footer{background:var(--mu-navy);color:#93afd4;margin-top:auto;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:24px;font-size:13px;display:flex}.footer-links a{color:#93afd4;transition:color .15s}.footer-links a:hover{color:#fff}.demo-bar{justify-content:center;padding:0 0 12px;display:flex}.demo-toggle{color:#f59e0b;cursor:pointer;letter-spacing:.05em;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:20px;padding:6px 18px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.demo-toggle:hover{background:#f59e0b33;border-color:#f59e0b99}.demo-panel{background:#0f1e3a;border-top:1px solid #ffffff14;padding:24px}.demo-panel-inner{flex-direction:column;gap:16px;max-width:780px;margin:0 auto;display:flex}.demo-title{color:#fff;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.demo-se-tag{color:#f59e0b;letter-spacing:.04em;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.demo-label{color:#93afd4;white-space:nowrap;font-size:12px}.demo-input-row{align-items:center;gap:12px;display:flex}.demo-input{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:9px 14px;font-size:14px;transition:border-color .15s}.demo-input:focus{border-color:var(--mu-blue)}.demo-input::placeholder{color:#ffffff40}.demo-presets-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .15s,transform .1s}.preset-btn:hover{opacity:.85;transform:translateY(-1px)}.preset-green{background:var(--green-bg);color:var(--green-text)}.preset-amber{background:var(--amber-bg);color:var(--amber-text)}.preset-red{background:var(--red-bg);color:var(--red-text)}.preset-blue{background:var(--blue-bg);color:var(--blue-text)}.demo-action-row{align-items:center;gap:16px;display:flex}.demo-push-btn{background:var(--mu-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.demo-push-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.demo-push-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-status{color:#4ade80;min-height:20px;font-size:13px}.demo-status.error{color:#f87171}.sync-steps{flex-direction:column;gap:8px;margin-top:4px;display:none}.sync-steps.visible{display:flex}.sync-step{color:#fff6;align-items:center;gap:10px;font-size:13px;transition:color .3s;display:flex}.sync-step.active{color:#93c5fd}.sync-step.done{color:#4ade80}.sync-step.error{color:#f87171}.step-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.step-spinner{border:2px solid #93c5fd4d;border-top-color:#93c5fd;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}