:root{--navy:#062b63;--blue:#1268d8;--blue2:#3f8cff;--ink:#12233f;--muted:#718096;--canvas:#f4f7fb;--white:#fff;--line:#e4eaf2;--ok:#11835b;--warn:#b96c10;--shadow:0 12px 32px rgba(8,44,92,.08)}
*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif}main[hidden]{display:none!important}#app{max-width:1440px;padding:0 36px 48px}
.login-shell{background:linear-gradient(135deg,#eff5ff 0%,#f8fbff 45%,#eaf2ff 100%);position:relative;overflow:hidden}.login-shell:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;bottom:-240px;background:linear-gradient(135deg,#0d63d7,#74aaff);opacity:.12}.login-card{position:relative;z-index:1;width:min(440px,100%);padding:44px 42px;border:0;border-radius:22px;box-shadow:0 24px 70px rgba(21,72,140,.15)}.login-logo{width:300px;max-width:100%;margin:0 auto 22px}.login-card h1{color:var(--navy);font-size:28px;letter-spacing:.02em}.login-card p{margin:0 0 25px}.login-card label{color:#53637a}.login-card input{border-color:#d8e2ef;box-shadow:inset 0 1px 2px #0a377008}.login-card button{background:linear-gradient(90deg,var(--navy),var(--blue));box-shadow:0 8px 18px rgba(18,104,216,.22)}
header{min-height:92px;margin:0 -36px;padding:18px 36px;background:var(--white);border:0;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(9,40,82,.03)}.brand-lockup{gap:20px}.brand-lockup img{width:172px}.brand-lockup h1{font-size:21px;color:var(--navy);font-weight:700}.user{color:var(--navy);font-weight:600}.ghost{border-color:#d5e0ed;color:var(--navy);background:#f6f9fd}
nav{gap:4px;margin:0 -36px;padding:12px 36px;background:#fff;border-bottom:1px solid var(--line)}nav button{padding:10px 18px;color:#718096;border-radius:8px;font-weight:600}nav button:hover{background:#edf4ff;color:var(--blue)}nav button.active{background:#e7f0ff;color:var(--navy)}
.hero{margin-top:26px;padding:28px 32px;border-radius:18px;background:linear-gradient(120deg,var(--navy),#0b4c9f 62%,#1775e1);box-shadow:var(--shadow)}.hero h2{font-size:29px;letter-spacing:.01em}.hero-stat strong{font-size:44px}.cards{gap:18px;margin:20px 0}.cards article,.panel,.notice{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.cards article{padding:22px;background:var(--white)}.cards article h3{color:var(--navy);font-size:17px}.cards article p{font-size:13px;line-height:1.7}.panel{padding:24px;background:var(--white)}.panel h2{font-size:19px;color:var(--navy);padding-bottom:13px;border-bottom:1px solid var(--line)}.line,.payment{padding:17px 0;border-bottom-color:#edf1f6}.line strong,.payment h3{color:var(--navy)}.line span,.payment p{font-size:13px;color:var(--muted)}.badge{border:1px solid transparent;font-weight:600}.badge.pending,.badge.pending_confirmations,.badge.pending_review,.badge.pending_approval{background:#fff5e5;color:var(--warn);border-color:#ffe0ad}.badge.partial{background:#edf3ff;color:#3468b2;border-color:#cfdef9}.badge.applied,.badge.paid{background:#e9f8f1;color:var(--ok);border-color:#c7ebdc}.notice{background:#fffaf0;border-color:#f4dfb5;color:#79551d;padding:17px 20px}
.grid-form button,.mini{background:var(--navy)}.grid-form button:hover,.mini:hover{background:var(--blue)}.grid-form textarea:focus,.grid-form input:focus,.grid-form select:focus,.login-card input:focus{outline:3px solid #dbeaff;border-color:var(--blue)}
@media(max-width:720px){#app{padding:0 16px 34px}header{margin:0 -16px;padding:15px 16px;min-height:78px}.brand-lockup{gap:10px}.brand-lockup img{width:112px}.brand-lockup h1{font-size:16px}.user{font-size:12px}.user .ghost{padding:8px 10px}nav{margin:0 -16px;padding:10px 16px;overflow-x:auto}.hero{padding:22px;margin-top:18px}.hero h2{font-size:23px}.cards{gap:12px}.panel{padding:18px}.login-card{padding:34px 25px}.login-logo{width:250px}}