*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:#1a1a2e;background:#ffffff;min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:#e9cf94;color:#111b3f}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.option-card:focus-visible{outline:2px solid #b9862f;outline-offset:2px}.brand-bar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #ece4cd;padding:12px 24px}.brand-mark{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-icon{width:70px;height:70px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px -8px #1e2a5e8c;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.brand-icon img{width:100%;height:100%;object-fit:fill;transition:transform .25s ease}.brand-icon:hover{transform:translateY(-3px);box-shadow:0 10px 22px -8px #1e2a5e59}.brand-icon:hover img{transform:scale(1.04)}.brand-text strong{display:block;font-family:Playfair Display,serif;font-size:15.5px;font-weight:800;color:#031254;letter-spacing:.2px;white-space:nowrap;white-space:normal;word-break:break-word;flex-wrap:wrap}.brand-text span{font-size:10px;color:#a3894f;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;white-space:normal;word-break:break-word;flex-wrap:wrap}@media (max-width: 322.98px){.brand-text strong{font-size:13px;letter-spacing:normal}.brand-text span{font-size:8px;letter-spacing:normal}}.brand-bar-spacer{flex:1}.brand-menu-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#031254;color:#ecc98a;border:none;cursor:pointer;flex-shrink:0;font-size:15px}.layout{margin-top:65px;display:flex;min-height:100vh;position:relative}.sidebar{width:264px;flex-shrink:0;background:#ffffff;padding:35px 20px 10px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;z-index:40;border-right:1px solid #f0e9d6}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ecdca4;border-radius:10px}.nav-eyebrow{font-size:9.5px;letter-spacing:2px;color:#c2b384;text-transform:uppercase;font-weight:700;margin:6px 10px 12px;white-space:nowrap}.nav-list{list-style:none;margin-bottom:4px}.nav-item{margin-bottom:4px;border-radius:10px;overflow:hidden}.nav-row{display:flex;align-items:center;gap:11px;padding:10.5px 12px;font-size:13px;color:#6b6450;cursor:pointer;border-radius:10px;white-space:nowrap;transition:background .18s ease,color .18s ease}.nav-row:hover{background:#fbf3dd;color:#031254}.nav-icon{width:17px;text-align:center;font-size:14px;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;font-size:9px;font-weight:800;background:#d4af6e;color:#031254;padding:2.5px 7px;border-radius:20px;flex-shrink:0}.chevron{margin-left:auto;font-size:8px;color:#c2b384;transition:transform .2s ease;flex-shrink:0}.nav-item.is-active>.nav-row{background:#031254;color:#eecf9c;font-weight:700}.nav-item.is-active>.nav-row .nav-icon{color:#d4af6e}details.nav-item summary{list-style:none;cursor:pointer}details.nav-item summary::-webkit-details-marker{display:none}details.nav-item[open]>summary{background:#fbf3dd;color:#031254;border-radius:10px 10px 0 0}details.nav-item[open]>summary .chevron{transform:rotate(90deg);color:#031254}.submenu{list-style:none;padding:4px 6px 10px 38px}.submenu li{font-size:12px;color:#8a8266;padding:7px 10px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu li:before{content:"\2014";margin-right:6px;color:#d4af6e;font-size:9px}.submenu li:hover{background:#fdf6e6;color:#031254}.submenu li.active{color:#031254;font-weight:700}.sidebar-divider{height:1px;background:#f0e9d6;margin:14px 0}.new-app-btn{background:#031254;color:#eecf9c;border:none;width:100%;padding:12px;border-radius:10px;font-size:12.5px;font-weight:800;cursor:pointer;margin-bottom:10px;letter-spacing:.3px;transition:transform .15s,box-shadow .15s;white-space:nowrap;overflow:hidden}.new-app-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px #1e2a5e66}.sidebar-footer-note{font-size:9px;color:#c2b995;text-align:center;letter-spacing:.6px;margin-top:8px;white-space:nowrap;overflow:hidden}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(12,19,48,.45);z-index:35;opacity:0;pointer-events:none;transition:opacity .25s ease}.topbar{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border-bottom:1px solid #f2ead3;padding:16px 32px;flex-wrap:wrap;gap:12px;position:sticky;top:65px;z-index:20}.topbar-links{display:flex;gap:28px;font-size:13.5px;color:#6a6c76}.topbar-links a{text-decoration:none;color:#6a6c76;padding-bottom:4px;position:relative;font-weight:500}.topbar-links a.active{color:#031254;font-weight:700}.topbar-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;background:#d4af6e;border-radius:2px}.topbar-right{display:flex;align-items:center;gap:14px}.btn-emergency{background:#031254;color:#fff;border:none;padding:10px 20px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;box-shadow:0 8px 18px -10px #1e2a5e80}.btn-emergency:before{content:"\2691";color:#d4af6e}.btn-emergency:hover{transform:translateY(-1px)}.avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#ddd;flex-shrink:0;border:2px solid #d4af6e;padding:2px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 1000px){.brand-menu-toggle{display:flex}.sidebar{position:fixed;top:65px;left:0;height:calc(100vh - 65px);width:280px;transform:translate(-100%);transition:transform .28s ease;z-index:45;box-shadow:8px 0 30px -14px #1e2a5e40}.layout.sidebar-open .sidebar{transform:translate(0)}.layout.sidebar-open .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}.topbar{top:65px}.topbar-links{display:none}.main{padding:32px 22px 16px}}.btnmenudiv{display:flex;align-items:center;justify-content:center;gap:5px}@media (max-width: 720.98px){.sidebar{padding:70px 20px 10px}}@media (max-width: 720px){.brand-bar{padding:10px 16px}.main{padding:26px 16px 14px}.brand-mark{display:block}.btnmenudiv{display:flex;align-items:center;justify-content:flex-end;gap:5px}.page-header h1{font-size:24px}.form-footer{flex-direction:column-reverse;align-items:stretch}.topbar{padding:12px 16px}}@media (max-width: 400px){.brand-icon{width:60px;height:60px;font-size:15px}.page-header h1{font-size:21px}.eyebrow{font-size:9.5px;padding:5px 13px}.section-title h2{font-size:16px}.form-card{padding:20px 14px}}.content-area{flex:1;min-width:0;display:flex;flex-direction:column;background:#ffffff}.main{flex:1;padding:44px 36px 20px;background:#ffffff}.page-header{text-align:center;margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2.6px;color:#a3894f;font-weight:700;text-transform:uppercase;margin-bottom:14px;padding:6px 17px;border:1px solid #e6d3a0;border-radius:30px;background:#fffdf7}.eyebrow:before,.eyebrow:after{content:"\25c6";font-size:8px;color:#d4af6e}.page-header h1{font-family:Playfair Display,serif;font-size:34px;color:#031254;font-weight:800;margin-bottom:9px;letter-spacing:-.4px}.page-header p{font-size:13.5px;color:#90929c;max-width:470px;margin:0 auto;line-height:1.6}.stepper{display:flex;align-items:flex-start;justify-content:center;max-width:780px;margin:0 auto 30px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;width:112px}.step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:13.5px;font-weight:700;background:#faf8f2;color:#b3b5c0;border:1.5px solid #ebe6d5}.step.active .step-circle{background:#031254;color:#ecc98a;border-color:#031254;box-shadow:0 0 0 5px #d4af6e29}.step-label{font-size:10px;letter-spacing:.5px;color:#b3b5c0;text-transform:uppercase;text-align:center}.step.active .step-label{color:#031254;font-weight:700}.step-line{flex:1;height:2px;background:#ece6d5;margin-top:17px;max-width:86px;border-radius:2px}.form-card{max-width:780px;margin:0 auto;background:#ffffff;border-radius:4px;padding:40px 46px;border:1px solid #f2ead3;box-shadow:0 26px 60px -28px #1e2a5e24;position:relative}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4af6e,#ffe9c3 50%,#d4af6e);border-radius:18px 18px 0 0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.section-title.not-first{margin-top:10px;padding-top:15px;border-top:1px dashed #ece6d5}.section-icon{width:36px;height:36px;border-radius:10px;background:#031254;color:#ecc98a;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.section-title h2{font-family:Playfair Display,serif;font-size:19px;color:#031254;font-weight:700}.section-title .count-chip{margin-left:auto;font-size:10.5px;color:#a3894f;background:#fffdf7;border:1px solid #ecdca4;padding:4px 11px;border-radius:20px;font-weight:700;white-space:nowrap}.form-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.form-group{flex:1;min-width:210px}.form-group label{display:block;font-size:13px;font-weight:700;color:#031254;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1.5px solid #e8e5d9;border-radius:9px;padding:12px 14px;font-size:13px;color:#2a2b33;font-family:inherit;outline:none;background:#fffffe;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#d4af6e;box-shadow:0 0 0 4px #d4af6e24;background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#b7b9c1}.form-group textarea{resize:vertical;min-height:58px}.form-group select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8"><path d="M1 1l5 5 5-5" stroke="%231e2a5e" stroke-width="1.6" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.helper-text{font-size:12.5px;color:#85878f;margin-bottom:14px}.option-grid{display:grid;grid-template-columns:1fr}.option-card{display:flex;align-items:center;gap:12px;border:1.5px solid #e8e5d9;border-radius:10px;padding:10px 16px;font-size:13px;color:#2a2b33;cursor:pointer;font-weight:500;transition:all .16s ease;background:#fffffe}.option-card:hover{border-color:#d4af6e;background:#fffdf7;transform:translateY(-1px)}.option-card.selected{border-color:#d4af6e;background:#fdf6e6}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #d3d4dc;flex-shrink:0;position:relative;transition:border-color .15s}.option-card.selected .radio-dot{border-color:#d4af6e}.option-card.selected .radio-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#d4af6e}.note-box{display:flex;gap:12px;background:#fffdf7;border:1px solid #ecdca4;border-radius:12px;padding:15px 17px;margin-top:24px;font-size:12px;color:#6b5a2f;line-height:1.65}.note-box .note-icon{flex-shrink:0;color:#c9a25e;font-size:15px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:22px;border-top:1px dashed #ece6d5;gap:12px;flex-wrap:wrap}.link-btn{background:none;border:none;font-size:13px;font-weight:700;color:#2a2b33;cursor:pointer}.link-btn:hover{color:#031254}.btn-primary{background:#031254;color:#fff;border:none;padding:14px 26px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:9px;box-shadow:0 12px 24px -12px #1e2a5e80;transition:transform .15s,box-shadow .15s}.btn-primary span{color:#d4af6e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #1e2a5e8c}.page-footer{text-align:center;font-size:10.5px;color:#b3ac95;letter-spacing:.6px;padding:22px 0 30px;background:#ffffff}@media (max-width: 720px){.page-header h1{font-size:24px}.form-card{padding:24px 18px;border-radius:14px}.form-row{flex-direction:column;gap:13px}.option-grid{grid-template-columns:1fr}.btn-primary,.link-btn{width:100%;justify-content:center;text-align:center}.stepper{max-width:100%}.step{width:64px}.step-label{font-size:7.5px}}@media (max-width: 400px){.page-header h1{font-size:21px}.eyebrow{font-size:9.5px;padding:5px 13px}.section-title h2{font-size:16px}.form-card{padding:20px 14px}}@media (max-width: 721.98px){.main{padding:90px 36px 20px}}@media (max-width: 509px){.main{padding:90px 5px 20px}}.option-card-wrapper{width:100%;margin-bottom:18px}.option-details{margin-top:15px;padding:18px;border:1px solid #dfe6ef;border-radius:12px;background:#f8fbff;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-box{display:block;border:1.5px dashed #cfd8e3;border-radius:8px;padding:10px 14px;background:#fafcff;cursor:pointer;transition:.3s;width:100%;overflow:hidden}.upload-box:hover{border-color:#355caa;background:#f4f8ff}.upload-content{display:flex;align-items:center;gap:12px;width:100%}.upload-icon{width:42px;height:42px;border-radius:50%;background:#ffe8e8;color:#9d0010;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.upload-text{flex:1;min-width:0}.upload-text h6{margin:0;font-size:14px;font-weight:600;word-break:break-word}.upload-text p{margin:2px 0 0;font-size:12px;color:#777;word-break:break-word}.upload-btn{border:none;background:#031254;color:#fff;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:.3s;flex-shrink:0}.upload-btn:hover{background:#284b96}@media (max-width: 768px){.upload-content{gap:10px}.upload-icon{width:38px;height:38px;font-size:16px}.upload-text h6{font-size:13px}.upload-text p{font-size:11px}.upload-btn{padding:6px 12px;font-size:12px}}@media (max-width: 576px){.upload-content{flex-direction:column;align-items:flex-start;text-align:left}.upload-icon{margin-bottom:4px}.upload-btn{width:100%;margin-top:8px}}body:has(app-e-police-login) .layout{display:block!important;padding-left:0!important;margin-left:0!important}body:has(app-e-police-login) .sidebar,body:has(app-e-police-login) .sidebar-backdrop{display:none!important}body:has(app-e-police-login) .login-page-container{width:100vw;display:flex;justify-content:center;align-items:center;min-height:80vh}.wrap{max-width:1180px;margin:0 auto}#TableBox .panel-header{background:linear-gradient(135deg,#0a1445 0%,#131f5c 55%,#0a1445 100%);border-radius:14px 14px 0 0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;border:1px solid #c9a35d;border-bottom:none}#TableBox .panel-header:before{content:"";position:absolute;top:-60%;right:-8%;width:320px;height:320px;background:radial-gradient(circle,rgba(201,163,93,.25) 0%,transparent 70%);pointer-events:none}#TableBox .panel-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#c9a35d 20%,#f1d9a4 50%,#c9a35d 80%,transparent)}#TableBox .header-left{display:flex;align-items:center;gap:18px;position:relative;z-index:1}#TableBox .header-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#c9a35d,#a67f3e);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #c9a35d59,inset 0 1px 1px #fff6;flex-shrink:0}#TableBox .header-icon i{color:#0a1445;font-size:17px}#TableBox .header-title{font-family:Playfair Display,serif;font-weight:800;font-size:26px;color:#fff;letter-spacing:.3px}#TableBox .header-sub{font-family:Marcellus,serif;font-size:12.5px;letter-spacing:2.2px;text-transform:uppercase;color:#c9a35d;margin-top:4px}#TableBox .header-count{position:relative;z-index:1;background:rgba(201,163,93,.14);border:1px solid rgba(201,163,93,.5);color:#f1d9a4;font-size:13px;letter-spacing:1px;padding:9px 18px;border-radius:999px;display:flex;align-items:center;gap:8px;white-space:nowrap}#TableBox .header-count i{color:#c9a35d;font-size:12px}#TableBox .table-card{max-height:500px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9a35d #f7f0dd}#TableBox .table-card::-webkit-scrollbar{width:6px}#TableBox .table-card::-webkit-scrollbar-track{background:#f7f0dd}#TableBox .table-card::-webkit-scrollbar-thumb{background:#c9a35d;border-radius:999px}#TableBox .table-card::-webkit-scrollbar-thumb:hover{background:#a67f3e}#TableBox table{width:100%;border-collapse:collapse;table-layout:fixed}#TableBox thead tr{background:#fbf3df}#TableBox thead th{text-align:left;padding:16px 20px;font-family:Marcellus,serif;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#6b5a30;border-bottom:1.5px solid #c9a35d;border-right:1px solid #ecdfb8;white-space:normal;word-break:break-word;flex-wrap:wrap}#TableBox thead th:last-child{border-right:none}#TableBox thead th i{margin-right:8px;color:#c9a35d}#TableBox thead th.actions-col,#TableBox thead th.status-col{text-align:center}#TableBox tbody tr{border-bottom:1px solid #f0e6cc;transition:background .25s ease}#TableBox tbody tr:last-child{border-bottom:none}#TableBox tbody tr:hover{background:linear-gradient(90deg,rgba(201,163,93,.08),rgba(201,163,93,.02))}#TableBox tbody td{padding:16px 20px;font-size:14px;color:#1c2340;vertical-align:middle;border-right:1px solid #f4ecd6;white-space:normal;word-break:break-word;flex-wrap:wrap}#TableBox tbody td:last-child{border-right:none}#TableBox .app-id{color:#0a1445;font-weight:600;letter-spacing:.4px;display:inline-flex;align-items:center;gap:10px}#TableBox .app-id .id-chip{background:#0a1445;color:#e9c98a;font-size:11px;font-family:Inter,sans-serif;font-weight:700;padding:3px 9px;border-radius:6px;letter-spacing:.5px}#TableBox .applicant-name{display:flex;align-items:center;gap:12px}#TableBox .avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#142058,#0a1445);border:1.5px solid #c9a35d;display:flex;align-items:center;justify-content:center;color:#e9c98a;font-family:Playfair Display,serif;font-weight:700;font-size:14px;flex-shrink:0}#TableBox .name-text{font-weight:600;color:#14204f}#TableBox .name-sub{font-size:12px;color:#9c8a5e;margin-top:2px}#TableBox .status-cell{text-align:center}#TableBox .status{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px 6px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid transparent;min-width:112px}#TableBox .status i{font-size:8px}#TableBox .status.approved{background:#eaf7ee;color:#1e7a3d;border-color:#bfe6cc}#TableBox .status.pending{background:#fdf3e3;color:#a86a12;border-color:#f2ddac}#TableBox .status.review{background:#eaf0fb;color:#1d4ea8;border-color:#c4d7f5}#TableBox .status.rejected{background:#fbeaea;color:#b3261e;border-color:#f2c6c4}#TableBox .actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}#TableBox .btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:8px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;letter-spacing:.2px;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}#TableBox .btn i{font-size:11px}#TableBox .btn:active{transform:translateY(1px) scale(.98)}#TableBox .btn-fill{background:linear-gradient(135deg,#c9a35d,#a67f3e);color:#0a1445;box-shadow:0 6px 14px -4px #a67f3e8c}#TableBox .btn-fill:hover{box-shadow:0 8px 20px -4px #a67f3eb3;transform:translateY(-1px)}#TableBox .btn-view{background:#ffffff;color:#0a1445;border-color:#d8c691}#TableBox .btn-view:hover{background:#0a1445;color:#e9c98a;border-color:#0a1445;transform:translateY(-1px)}@media (max-width: 780px){#TableBox .panel-header{padding:22px 20px;flex-wrap:wrap}#TableBox .header-title{font-size:20px}#TableBox thead{display:none}#TableBox table,#TableBox tbody,#TableBox tr,#TableBox td{display:block;width:100%}#TableBox tbody tr{background:#fffdf8;border:1px solid #eeddad;border-radius:14px;margin:14px 16px;padding:6px 4px;box-shadow:0 6px 16px -8px #0a144533}#TableBox tbody td{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #f0e6cc;border-right:none}#TableBox tbody td:last-child{border-bottom:none}#TableBox tbody td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a99a6f;margin-right:14px;margin-bottom:5px}#TableBox .actions{justify-content:flex-end}#TableBox .table-card{border-radius:0 0 18px 18px}}