:root{
  --ink:#1b2530; --muted:#667382; --line:#d6dde5; --panel:#ffffff; --soft:#f4f7fa;
  --navy:#1f3346; --blue:#245f8f; --blue2:#eaf2f8; --grey:#e9eef3; --shadow:0 16px 42px rgba(31,51,70,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#eef3f7 0,#f8fafc 46%,#e9eef3 100%);color:var(--ink)}
a{text-decoration:none;color:inherit}.top-line{height:6px;background:linear-gradient(90deg,#1f3346,#245f8f,#8aa8bf)}.page-shell{width:100%;min-height:100vh;padding:22px clamp(14px,3vw,42px)}
.gov-header{max-width:1580px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.brand-row{display:flex;align-items:center;gap:18px}.main-logo{width:78px;height:78px;object-fit:contain;background:#fff;border:1px solid #e1e7ee;padding:6px}.province,.section-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:900;font-size:.74rem}.gov-header h1{margin:0;font-size:clamp(1.45rem,2.4vw,2.5rem);line-height:1.08}.subtitle{margin:8px 0 0;color:var(--muted);font-size:1rem}.header-meta{text-align:right;color:#445364}.header-meta b{display:block;color:var(--navy);font-size:1.02rem}.header-meta span{display:block;margin-top:5px;font-size:.9rem;color:var(--muted)}
.hero-government{max-width:1580px;margin:0 auto 18px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:stretch;background:linear-gradient(110deg,#22384d 0%,#315b80 62%,#e8eef4 62%,#f8fafc 100%);border:1px solid #cbd6df;box-shadow:var(--shadow)}
.hero-text{padding:34px 36px;color:#fff}.hero-text .section-kicker{color:#cde0ef}.hero-text h2{font-size:clamp(1.65rem,3vw,3rem);line-height:1.08;margin:0 0 12px;max-width:850px}.hero-text p:last-child{max-width:760px;color:#e9f2f8;line-height:1.65;margin:0}.service-summary{display:grid;gap:12px;padding:24px;align-content:center}.service-summary div{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:14px}.service-summary b{display:grid;place-items:center;height:44px;background:var(--navy);color:#fff}.service-summary span{font-weight:900;color:#283746}
.content-grid{max-width:1580px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.form-panel,.tracking-panel,.info-panel,.notice{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-panel{padding:24px}.tracking-panel,.info-panel{padding:22px;margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;gap:16px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.panel-title h3,.side-title h3,.info-panel h3{margin:0;font-size:1.35rem}.panel-title small{color:var(--muted);font-weight:700}.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:20px}.tab-btn{border:0;border-right:1px solid var(--line);background:#f4f7fa;color:#3b4a5a;padding:16px 12px;font-size:1rem;font-weight:900;cursor:pointer}.tab-btn:last-child{border-right:0}.tab-btn.active{background:#245f8f;color:#fff}.tab{display:none}.tab.active{display:block}.form-heading{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;margin:0 0 18px;padding:16px;background:#f8fafc;border-left:5px solid var(--blue);border-top:1px solid #e1e7ee;border-right:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee}.num-box{height:50px;display:grid;place-items:center;background:#1f3346;color:#fff;font-weight:950}.form-heading h3{margin:0;font-size:1.28rem}.form-heading p{margin:5px 0 0;color:var(--muted);line-height:1.55}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.field{grid-column:span 6;display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:900;font-size:.92rem;color:#24303b}.req{color:#b42318}input,select,textarea{width:100%;border:1px solid #cbd5df;background:#fff;padding:13px 14px;font-size:1rem;outline:none;transition:.18s;color:#18232e}textarea{min-height:136px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#245f8f;box-shadow:0 0 0 3px rgba(36,95,143,.13)}.actions,.track-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.primary-btn,.secondary-btn{border:0;padding:14px 20px;font-size:1rem;font-weight:950;cursor:pointer}.primary-btn{background:#245f8f;color:#fff;min-width:250px}.primary-btn:hover,.secondary-btn:hover{filter:brightness(.94)}.secondary-btn{background:#1f3346;color:#fff}.track-form input{flex:1;min-width:0}.notice{margin:15px auto;max-width:1580px;padding:14px 16px}.notice.success{background:#eef8ff;border-color:#b7d7ed;color:#164567}.notice.error,.error{background:#fff1f0;border-color:#ffd2cf;color:#842029}.side-text{color:var(--muted);line-height:1.55}.info-panel ul{margin:12px 0 18px;padding-left:20px;color:#4b5a69;line-height:1.65}.admin-link{display:block;text-align:center;background:#edf3f8;border:1px solid #cbdbe8;color:#1f3346;font-weight:900;padding:13px}.footer{max-width:1580px;margin:0 auto;text-align:center;color:#6d7885;font-size:.88rem;padding:22px 0 8px}
.admin-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#f4f7fa}.sidebar{background:#1f3346;color:#fff;padding:24px}.brand{display:flex;gap:12px;align-items:center}.logo{width:62px;height:62px;object-fit:contain;background:#fff;padding:5px}.sidebar a{display:block;padding:13px 15px;margin:7px 0;color:#e8eeee}.sidebar a:hover{background:rgba(255,255,255,.13)}.content{padding:24px;overflow:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.05)}.stat b{font-size:1.8rem}.table-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.table-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf0ef;vertical-align:top}th{background:#f6f8f7;font-size:.88rem}.badge{display:inline-block;padding:6px 9px;background:#eef2f0;font-weight:800;font-size:.78rem}.row-actions a{color:#245f8f;font-weight:800}.detail{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.kv{display:grid;grid-template-columns:190px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0ef}
@media(max-width:1050px){.hero-government,.content-grid{grid-template-columns:1fr}.service-summary{grid-template-columns:repeat(3,1fr);padding:18px}.hero-government{background:linear-gradient(110deg,#22384d,#315b80)}.service-summary div{background:rgba(255,255,255,.96)}}
@media(max-width:760px){.page-shell{padding:14px}.gov-header{flex-direction:column;align-items:flex-start;padding:16px}.brand-row{align-items:flex-start}.main-logo{width:64px;height:64px}.header-meta{text-align:left}.hero-text{padding:24px 20px}.service-summary{grid-template-columns:1fr}.form-panel,.tracking-panel,.info-panel{padding:16px}.panel-title{display:block}.tabs{grid-template-columns:1fr}.tab-btn{border-right:0;border-bottom:1px solid var(--line)}.tab-btn:last-child{border-bottom:0}.form-heading{grid-template-columns:1fr}.num-box{width:54px}.field{grid-column:1/-1}.primary-btn,.secondary-btn{width:100%}.admin-shell{grid-template-columns:1fr}.sidebar nav{display:flex;gap:8px;overflow:auto}.sidebar a{white-space:nowrap}.cards{grid-template-columns:1fr}.content{padding:14px}table{font-size:.9rem}th:nth-child(3),td:nth-child(3){display:none}.kv{grid-template-columns:1fr}}
