:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color:#172033;background:#eef2f7}
html,body{min-height:100%;margin:0;padding:0}
html{background:#eef2f7;scroll-behavior:smooth}
body.xacc-standalone-body{min-width:320px;background:#eef2f7;color:#172033;line-height:1.5;overflow-x:hidden}
body.xacc-standalone-body *{box-sizing:border-box}
body.xacc-standalone-body a{color:#174f86}
body.xacc-standalone-body button,body.xacc-standalone-body input,body.xacc-standalone-body select,body.xacc-standalone-body textarea{font:inherit}
body.xacc-standalone-body button:focus-visible,body.xacc-standalone-body a:focus-visible,body.xacc-standalone-body input:focus-visible,body.xacc-standalone-body select:focus-visible,body.xacc-standalone-body textarea:focus-visible{outline:3px solid rgba(36,114,180,.28);outline-offset:2px}
.xacc-skip-link{position:fixed;left:14px;top:-100px;z-index:100000;padding:10px 14px;border-radius:8px;background:#fff;color:#0e2038!important;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.2)}
.xacc-skip-link:focus{top:14px}
.xacc-app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}
.xacc-app-topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:68px;padding:10px clamp(14px,2.2vw,34px);border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,#091a2f,#102b4c 58%,#163d65);color:#fff;box-shadow:0 8px 26px rgba(9,26,47,.2)}
.xacc-app-brand{display:inline-flex;align-items:center;gap:11px;color:#fff!important;text-decoration:none;min-width:0}
.xacc-app-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(233,189,103,.5);border-radius:12px;background:rgba(255,255,255,.08);color:#e9bd67;font-size:23px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.xacc-app-brand>span:last-child{display:grid;min-width:0}
.xacc-app-brand strong{overflow:hidden;color:#fff;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.xacc-app-brand small{overflow:hidden;color:#b9c7d7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.xacc-app-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.xacc-app-nav a,.xacc-app-user{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:8px;color:#dce7f3!important;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.xacc-app-nav a:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff!important}
.xacc-app-user{color:#f3cf8b!important}
.xacc-app-nav .xacc-app-logout{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.06)}
.xacc-app-main{flex:1 0 auto;width:100%;max-width:none;margin:0;padding:clamp(10px,1.45vw,22px);background:radial-gradient(circle at top right,rgba(23,79,134,.08),transparent 32%),#eef2f7}
.xacc-app-main>.xacc-app,.xacc-app-main>.xacc-dashboard,.xacc-app-main>.xacc-login-panel,.xacc-app-main>.xacc-notice{width:100%;max-width:none;margin:0}
.xacc-app-footer{display:flex;justify-content:space-between;gap:20px;width:100%;padding:13px clamp(16px,2.2vw,34px);border-top:1px solid #d8e0e9;background:#fff;color:#667588;font-size:11px}
body.xacc-standalone-body code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
@media(min-width:1500px){.xacc-app-main{padding-left:28px;padding-right:28px}}
@media(max-width:1040px){.xacc-app-topbar{position:relative;align-items:flex-start;flex-direction:column}.xacc-app-nav{justify-content:flex-start;width:100%}}
@media(max-width:620px){.xacc-app-main{padding:8px}.xacc-app-topbar{padding:9px 10px}.xacc-app-nav{gap:3px}.xacc-app-nav a,.xacc-app-user{padding:6px 7px;font-size:11px}.xacc-app-footer{padding:12px;flex-direction:column;gap:3px}}
@media print{.xacc-app-topbar,.xacc-app-footer,.xacc-skip-link{display:none!important}.xacc-app-main{padding:0;background:#fff}}
