:root{color:#1c2945;background:#f2f5fb}body{background:radial-gradient(ellipse at 10% 20%,#e7edf9 0,transparent 48%),#f3f6fb}header{background:white;border-bottom:1px solid #dce4f1;padding:0 24px}.header-inner{width:100%;max-width:1132px;margin:auto;display:flex;align-items:center;gap:24px;min-height:108px}.official-logo{width:228px;height:112px;object-fit:contain;display:block}.header-caption{font-size:10px;letter-spacing:1.6px;line-height:1.7;color:#52627f;border-left:1px solid #dce3ee;padding-left:24px}.header-caption span{display:block;font-size:12px;letter-spacing:.1px;color:#263e70;margin-top:6px}.local{color:#38518a;font-size:11px;border:1px solid #dce4f1;padding:9px 14px;border-radius:30px;margin-left:auto}main{max-width:1180px;padding-top:28px}.intro{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#102657,#294b9a);padding:38px 42px;color:white;box-shadow:0 12px 30px #1c357418}.intro:after{content:"";position:absolute;width:290px;height:290px;right:-130px;top:-140px;border:50px solid #ffffff08;border-radius:50%;pointer-events:none}.intro .eyebrow{color:#b8cbf2;font-size:10px;letter-spacing:2.4px}.intro h1{font-family:inherit;font-weight:650;font-size:30px;line-height:1.3;letter-spacing:-.4px;max-width:700px;margin:18px 0 22px}.hero-rule{width:45px;height:3px;background:#b9c8eb;margin-bottom:21px}.hero-meta{display:flex;gap:32px;font-size:11px;letter-spacing:1px;font-weight:650}.hero-meta small{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:#bacbec;margin-top:6px}.card{border-color:#dfe6f2;box-shadow:0 8px 28px #20376d06;border-radius:18px}#gate{max-width:570px;margin:30px auto;padding:30px 34px;border-top:3px solid #3a59a4}#gate h2{color:#172e60;font-size:23px}#gateText{color:#62718b;font-size:14px}.icon{background:#eaf0fc;color:#3656a3;border-radius:12px;width:44px;height:44px;text-align:center;font-size:27px;line-height:44px;margin-bottom:18px}input{border-color:#d6dfed;background:#fbfcff;color:#25385d}input:focus{outline-color:#7296df}label{color:#334d78}input::file-selector-button{border:0;border-radius:5px;padding:8px 10px;background:#e8eefb;color:#274d98;cursor:pointer;margin-right:12px}button{background:#294c9d;min-height:40px;transition:background .15s,box-shadow .15s}button:hover{background:#203e83;box-shadow:0 3px 12px #1b3d8a14}#loadButton{width:100%;min-height:48px;margin-top:8px}.quiet{color:#3b5893;background:transparent}.quiet:hover{background:#eaf0fc}.hint{color:#72819b}.periods{color:#526786;font-size:12px}.stats{gap:14px}.stat{background:white;border:1px solid #dde5f3;border-radius:14px;border-left:3px solid #5475be;padding:20px}.stat strong{color:#203d7c;font-size:29px}.stat small{color:#687b99}.searchbox label{font-size:14px}.searchbox input{background:#f6f8fc}.filters button{background:#edf1f8;color:#526783}.filters button.active{background:#294d9f}.person{color:#263d66;border-color:#dde5f2}.person:hover{background:#f1f5fc;box-shadow:none}.person.selected{background:#eaf0fc;border-color:#6385ca}.person small{color:#71829c}.badge{background:#e8effc;color:#315aa4}.badge.aidh{background:#edf2f7;color:#536986}.detail h2{font-family:inherit;font-weight:650;font-size:25px;color:#1c3565;letter-spacing:-.4px}.eyebrow{color:#7083a5}.identity{background:#f6f8fc;border-radius:12px;padding:16px}.identity dt{color:#71809a}.identity dd{color:#314669}.payroll{border-color:#e0e6f2}.payroll h3{color:#24457f}.payroll h3 small{color:#7184a2;line-height:1.6}.money>div,.breakdown-grid>div{background:#f2f5fb;color:#607394;padding:15px;border:1px solid #e6ecf6}.money b,.breakdown-grid b{color:#233f77;font-variant-numeric:tabular-nums}.money .net,.breakdown-grid .net{background:#e4ecfc;border-color:#d8e4fb}.net b{color:#173b86}.sian-breakdown-title{color:#425e91}.breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.breakdown-grid b{font-size:17px}.plaza{border-top:1px solid #e5ebf5;padding:20px 0}.plaza h4{color:#2c4778;font-size:13px}.plaza p{color:#6a7c98;line-height:1.7}.plaza .amounts{color:#506889;background:#f7f9fd;border-radius:8px;padding:10px;margin-top:10px;overflow-wrap:anywhere}.placeholder{color:#7a8ba7}.placeholder h2{font-size:21px}.placeholder span{color:#9eb0d0}footer{color:#7082a1;border-top:1px solid #dce4f1;padding-top:22px;line-height:1.7}#offline{font-size:10px;max-width:560px;margin:12px auto 0}#error{color:#ae3948}
@media(max-width:720px){header{padding:0 16px}.header-inner{min-height:90px;gap:12px}.official-logo{width:180px;height:94px}.header-caption{font-size:8px;letter-spacing:1px;padding-left:13px}.header-caption span{font-size:10px}.local{display:none}main{padding:18px 14px}.intro{padding:26px 24px;border-radius:18px}.intro h1{font-size:22px;line-height:1.38;margin-top:15px}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-meta{gap:25px}.hero-rule{margin-bottom:16px}#gate{padding:25px 22px;margin-top:20px}.stats{gap:8px}.stat{padding:14px 9px;border-left-width:2px}.stat strong{font-size:24px}.stat small{font-size:10px}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{padding:20px 17px}.detail h2{font-size:23px}.breakdown-grid>div{padding:12px 10px}.breakdown-grid b{font-size:16px}.toolbar{gap:8px}.periods{font-size:11px}.identity{padding:12px;gap:12px}.identity dd{font-size:12px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:12px}.back{width:100%;text-align:left;background:#edf2fc;margin-bottom:18px}.person{padding:16px}footer{margin-top:28px}}
@media(max-width:350px){.official-logo{width:155px}.header-caption{font-size:7px}.intro h1{font-size:20px}.breakdown-grid{grid-template-columns:1fr}}