html{scroll-behavior:smooth}body{min-width:320px}.top.wrap{max-width:1600px}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:0 auto;align-items:start}.main-content.wrap{max-width:none;min-width:0;width:100%;padding:28px 24px 40px}.sidebar{position:sticky;top:20px;margin:28px 0 0 20px;padding:18px 12px;background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 4px 16px #20304a08}.sidebar-title{padding:8px 12px 16px;font-size:12px;font-weight:700;color:#8290a5;letter-spacing:.12em}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar a{display:block;padding:12px 13px;border-radius:10px;color:#40516b;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.sidebar a:hover,.sidebar a:focus-visible{color:#1d5bb2;background:#edf4ff}.sidebar-note{font-size:11px;color:#a4afbd;padding:20px 12px 4px}.main-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content .card{min-width:0}.main-content section,.main-content .hero{scroll-margin-top:24px}.main-content .table{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.main-content table{min-width:730px}.main-content .table td{overflow-wrap:anywhere}.main-content .table td:last-child{min-width:180px}.main-content details{max-width:100%}.main-content details summary{cursor:pointer;color:#2566c4;font-size:12px;margin-top:7px}.main-content details pre{max-width:min(55vw,620px);max-height:320px;overflow:auto;background:#f7f9fc;padding:12px;border-radius:8px}.sync-ok{font-size:12px;color:#168357;white-space:nowrap}.sync-missing{font-size:12px;color:#b35b37}.hint{line-height:1.6}.main-content button{min-height:38px}.main-content input,.main-content select,.main-content textarea{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #79a9f0;outline-offset:2px}
@media(max-width:1180px){.app-layout{display:block}.sidebar{position:sticky;z-index:10;top:0;margin:0;border-radius:0;border-left:0;border-right:0;padding:6px 14px;box-shadow:0 5px 15px #20304a0d}.sidebar-title,.sidebar-note{display:none}.sidebar nav{flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:thin}.sidebar a{padding:10px 14px}.main-content.wrap{padding:24px 18px 40px}.main-content section,.main-content .hero{scroll-margin-top:72px}}
@media(max-width:800px){.main-content .grid{grid-template-columns:1fr}.main-content .hero{padding:28px}.main-content .hero-stat{display:none}.main-content .card{padding:20px}.main-content table{min-width:680px}}
@media(max-width:520px){header .top{padding-top:13px;padding-bottom:13px}.top strong{font-size:16px}.top small{font-size:11px}.main-content.wrap{padding:16px 12px 32px}.main-content .hero{padding:24px 20px;border-radius:13px}.main-content .hero h1{font-size:24px}.main-content .hero p{font-size:13px}.main-content .card{padding:16px;border-radius:12px}.main-content .section-head{align-items:flex-start;gap:8px}.main-content .section-head h2{font-size:17px}.main-content .row{grid-template-columns:1fr;gap:0}.main-content .table{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}.main-content table{min-width:650px}.main-content .inline{flex-wrap:wrap}.main-content .inline input{min-width:140px;flex:1}.main-content details pre{max-width:72vw}.login{margin:36px auto}.sidebar a{font-size:13px;padding:10px 12px}}