@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--brand-red:#b5000b;--brand-blue:#003d7a;--brand-gold:#f6c445;--text-muted:#6b7280}body{background-color:#f8f9fa;font-family:Inter,sans-serif}#content{min-height:70vh}.custom-navbar{background:var(--brand-red)}.nav-link.active{background-color:rgba(255,255,255,.2)}.nav-link:hover{background-color:rgba(255,255,255,.1)}.container{max-width:1320px!important}.banner-custom{color:#fff;background-color:transparent;background-image:linear-gradient(135deg,rgba(181,0,11,.8) 0%,rgba(0,61,122,.8) 100%),url(https://sotc.haiphong.gov.vn/wp-content/uploads/2025/07/banner-header.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:20px 0;position:relative}.banner-custom:before{content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.banner-content{z-index:2;position:relative}.logo-section{align-items:center;gap:15px;display:flex}.logo-placeholder{width:80px;height:80px;color:var(--brand-red);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.banner-text h1{text-transform:uppercase;margin:0;font-size:24px;font-weight:700}.banner-text p{opacity:.9;margin:5px 0 0;font-size:16px}.card{border:none;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header{color:#fff;padding:15px 20px;font-size:16px;font-weight:600;background:var(--brand-red)!important}.form-control{border:1px solid #e0e6ed;border-radius:8px;padding:12px 15px;font-size:14px}.form-control:focus{border-color:var(--brand-red);box-shadow:0 0 0 .2rem rgba(181,0,11,.25)}.form-label{color:#374151;margin-bottom:8px;font-weight:600}.btn-danger{background-color:var(--brand-red);border-color:var(--brand-red);border-radius:8px;padding:12px 30px;font-weight:600}.btn-danger:hover{background-color:#a00009;border-color:#a00009}.btn-outline-primary{border-color:var(--brand-blue);color:var(--brand-blue);border-radius:8px;padding:10px 20px}.btn-outline-primary:hover{background-color:var(--brand-blue);border-color:var(--brand-blue)}.custom-file-upload{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.file-name{color:var(--text-muted);font-size:14px;font-style:italic}.invisible-file{opacity:0;width:0;height:0;margin:0;padding:0;position:absolute}.success-wrap{max-width:560px;margin:40px auto;padding:0 12px}.success-card{background:#fff;border:0;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.12)}.success-top{background:linear-gradient(135deg,var(--brand-red),var(--brand-blue));text-align:center;color:#fff;padding:28px 20px}.success-badge{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:12px;display:inline-flex}.success-badge i{color:#fff;font-size:40px}.success-title{letter-spacing:.2px;margin:0;font-size:20px;font-weight:800}.success-body{padding:22px}.kv{margin:0 0 10px;font-size:15px}.kv b{color:#111}.code{color:var(--brand-red);background:#fff6f6;border:1px dashed #f2b3b3;border-radius:8px;padding:4px 10px;font-weight:800}.hint{color:var(--text-muted);margin:6px 0 18px}.btn-back{background:var(--brand-red);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn-back:hover{opacity:.92;color:#fff;text-decoration:none}.search-card{background:#fff;border:none;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.pakn-row{background:#fff;border-bottom:1px solid #e9f0f8;border-radius:12px;align-items:flex-start;gap:20px;min-height:100px;margin-bottom:30px;padding:25px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pakn-row:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.pakn-row:last-child{border-bottom:none}.pakn-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.pakn-name{color:#374151;font-weight:600}.pakn-time{color:#9ca3af}.pakn-status{color:#10b981;background:#ecfdf5;border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600}.pakn-status.pending{color:#f59e0b;background:#fffbeb}.pakn-status.processing{color:var(--brand-blue);background:#eff6ff}.pakn-title{color:#1f2937;margin:8px 0;font-size:18px;font-weight:700;line-height:1.4}.pakn-content{color:#374151;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.pakn-img{background:linear-gradient(135deg,var(--brand-red),var(--brand-blue));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.pakn-img i{color:#fff;font-size:32px}.pakn-info{flex:1}.pakn-row a{text-decoration:none;transition:color .2s}.pakn-row a:hover .pakn-title{color:var(--brand-red)!important}.code-badge{background:linear-gradient(135deg,var(--brand-red),var(--brand-blue));color:#fff;border-radius:20px;margin-left:10px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.empty-state i{color:#d1d5db;margin-bottom:20px;font-size:64px}.empty-state h4{color:#6b7280;margin-bottom:10px}.empty-state p{color:#9ca3af}footer{color:#cbd5e0!important;background:#2d3748!important}footer .text-primary{color:var(--brand-blue)!important}footer .text-danger{color:var(--brand-red)!important}@media (max-width:768px){.pakn-row{flex-direction:column;gap:15px}.pakn-img{align-self:center;width:60px;height:60px}.pakn-img i{font-size:24px}.banner-text h1{font-size:20px}.logo-placeholder{width:60px;height:60px;font-size:18px}.search-card{padding:20px}}