*{box-sizing:border-box}:root{--blue:#063b7c;--blue2:#064a91;--darkblue:#123f78;--yellow:#ffca05;--bg:#f5f8fb;--muted:#91a0ad;--border:#e1e7ec}body{background:var(--bg);color:#1f2933;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.screen{min-height:100vh;display:none}.screen.active{display:block}.portal-top{color:#777;background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:62px;padding:0 8%;font-size:12px;display:flex}.portal-brand{color:#1c3659;font-size:18px;font-weight:800}.portal-nav{align-items:center;gap:28px;display:flex}.portal-nav .active{color:#fff;background:#27628e;border-radius:5px;padding:9px 15px}.hero-title{color:#fff;background:#2c4476;border-bottom:3px solid #e4bd32;padding:34px 17%}.hero-title small{color:#ddd}.hero-title h1{color:#ffd229;margin:5px 0;font-size:25px}.portal-welcome{text-align:center;background:#f7f8fa;padding:55px 20px 65px}.portal-welcome h2{max-width:760px;margin:auto;font-size:23px}.portal-welcome p{color:#aaa}.btn-blue{color:#fff;background:#2c6494;border:0;border-radius:4px;padding:11px 24px;font-weight:700}.btn-yellow{color:#624e00;background:#ffd000;border:0;border-radius:4px;padding:10px 22px;font-weight:700}.split-banners{color:#fff;text-align:center;grid-template-columns:1fr 1fr;display:grid}.split-banners>div{background:#27a0bb;padding:28px}.split-banners>div:nth-child(2){background:#07317b}.ranking{text-align:center;background:#fff;padding:35px}.payment{color:#fff;text-align:center;background:#3d709e;padding:36px}.notices{background:#f6f7f8;padding:35px 18%}.notice{background:#fff;justify-content:space-between;align-items:center;margin:10px 0;padding:18px;display:flex;box-shadow:0 2px 7px #00000008}.support{background:#fff;padding:35px 18%}.support-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.support-card{border:1px solid #eee;padding:18px;box-shadow:0 2px 7px #00000008}.site-footer{color:#fff;background:#285b89;min-height:240px;padding:42px 16%}.dipp-header{background:#fff;border-bottom:1px solid #e7ebef;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.dipp-logo{color:#0b416f;align-items:center;gap:10px;font-weight:800;display:flex}.logo-box{color:#ffd100;background:#084782;border-radius:10px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.header-actions{align-items:center;gap:12px;display:flex}.header-pill{color:#fff;background:#06457e;border:0;border-radius:25px;padding:12px 25px;font-weight:700}.login-wrap{max-width:940px;margin:210px auto 80px;padding:0 20px}.login-card{background:#fff;border-radius:20px;grid-template-columns:43% 57%;display:grid;overflow:hidden;box-shadow:0 10px 35px #123f7814}.login-left{color:#fff;text-align:center;background:linear-gradient(150deg,#1673c6,#064487);padding:48px 35px;position:relative;overflow:hidden}.login-left:before,.login-left:after{content:"";background:#ffffff0d;border-radius:50%;position:absolute}.login-left:before{width:270px;height:270px;top:-80px;right:-100px}.login-left:after{width:300px;height:300px;bottom:-160px;left:-170px}.cap-icon{background:#ffac08;border-radius:50%;place-items:center;width:115px;height:115px;margin:0 auto 28px;font-size:55px;display:grid}.login-left h1{margin:0;font-size:31px}.login-left .gold{color:#ffc000;background:#ffffff20;border:1px solid #ffffff35;border-radius:20px;margin:20px 0;padding:8px 15px;display:inline-block}.login-right{padding:55px 48px}.badge{color:#12557f;background:#e9f3ff;border-radius:20px;padding:7px 13px;font-size:11px;font-weight:800;display:inline-block}.login-right h2{color:#075078;margin:16px 0 5px;font-size:27px}.login-right p{color:#7d8c99}.field{margin:26px 0 16px}.field label{color:#124a6d;margin-bottom:9px;font-weight:700;display:block}.field input{border:2px solid #d7e1e7;border-radius:13px;outline:none;width:100%;height:52px;padding:0 16px}.field input:focus{border-color:#1974b6}.login-btn{color:#fff;background:#06457e;border:0;border-radius:13px;width:100%;height:55px;font-size:16px;font-weight:800}.recover{text-align:center;color:#4183a6;margin-top:20px;font-weight:600}.create-box{text-align:center;background:#fff;border-radius:18px;margin-top:22px;padding:34px;box-shadow:0 8px 30px #123f7808}.create-box h3{color:#0d4d6f;margin:0 0 8px}.create-box p{color:#8796a3}.create-box button{color:#7a4d00;background:#ffac08;border:0;border-radius:25px;padding:15px 45px;font-weight:800}.dashboard{background:#f4f8fb}.dash-main{max-width:1100px;margin:auto;padding:25px 25px 100px}.profile-hero{color:#fff;background:#07427f;border-radius:20px;padding:30px 35px 25px;position:relative;overflow:hidden}.profile-hero:after{content:"";background:#ffffff08;border-radius:50%;width:300px;height:300px;position:absolute;top:-130px;right:-100px}.id-card{color:#111;background:radial-gradient(circle at 88% 7%,#ffffff47 0 2px,#0000 3px),linear-gradient(135deg,#ffd91b 0%,#ffd200 50%,#ffc800 100%);border:1px solid #ffffff8c;border-radius:25px;width:620px;max-width:92%;min-height:270px;margin:0 auto 20px;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 30px #001f4d4d}.id-card:before{content:"";opacity:.48;background-image:radial-gradient(circle,#1f5b893d 1.3px,#0000 1.7px),repeating-linear-gradient(0deg,#0000 0 28px,#e2a60029 29px 30px);background-size:28px 28px,100% 30px;position:absolute;inset:0}.id-card:after{content:"";background:repeating-linear-gradient(-20deg,#fff0 0 13px,#eea60061 13px 20px,#fff0 20px 31px);border-radius:60px;width:390px;height:120px;position:absolute;top:-35px;right:-80px;transform:rotate(-10deg)}.id-brand{z-index:2;color:#06447e;align-items:center;gap:11px;display:flex;position:absolute;top:25px;left:28px}.id-brand-logo{justify-content:center;align-items:center;width:83px;height:83px;display:flex}.id-brand-logo img{object-fit:contain;width:100%;height:100%}.id-brand-copy strong{letter-spacing:-1.8px;font-size:39px;font-weight:950;line-height:.9;display:block}.id-divider{display:none}.id-photo{z-index:4;color:#0000;background:#fff;border:0;border-radius:11px;width:112px;height:139px;padding:6px;font-size:0;display:block;position:absolute;top:20px;right:23px;overflow:hidden;box-shadow:0 7px 16px #0000002e}.id-photo img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.id-info{z-index:5;margin:0;position:absolute;bottom:22px;left:29px;right:155px}.id-label{color:#676b5f;letter-spacing:1.1px;margin-top:7px;font-size:10px;font-weight:600;line-height:1}.id-value{color:#11151b;margin:3px 0 0;font-size:19px;font-weight:900;line-height:1.05}.id-value:first-of-type{font-size:25px}@media (width<=700px){.id-card{border-radius:18px;max-width:100%;min-height:185px}.id-brand{gap:7px;top:16px;left:17px}.id-brand-logo{width:52px;height:52px}.id-brand-copy{border-left-width:2px;min-height:45px;padding-left:7px}.id-brand-copy strong{font-size:24px}.id-brand-copy small{margin-top:4px;font-size:5px}.id-photo{border-radius:8px;width:76px;height:94px;padding:4px;top:13px;right:14px}.id-info{bottom:14px;left:17px;right:103px}.id-label{letter-spacing:.7px;margin-top:4px;font-size:6.5px}.id-value{margin-top:2px;font-size:10px}.id-value:first-of-type{font-size:13px}}.welcome{z-index:1;position:relative}.welcome small{color:#cbdcf0}.welcome h2{margin:5px 0 13px;font-size:21px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{color:#e3edf7;background:#ffffff12;border:1px solid #ffffff25;border-radius:18px;padding:7px 12px;font-size:11px}.indices{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.index{text-align:center;background:#ffffff0d;border:1px solid #ffffff1e;border-radius:10px;padding:11px}.index b{color:#ffbf28;font-size:22px;display:block}.index span{color:#cbd9e8;font-size:9px}.section-title{align-items:center;gap:10px;margin:27px 0 14px;font-weight:800;display:flex}.section-title:after{content:"";background:#dce4ea;flex:1;height:1px}.dot{background:#20a54a;border-radius:3px;width:10px;height:10px}.dot.blue{background:#0b5eb7}.dot.purple{background:#7441bb}.dot.red{background:#d83c4b}.cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cards.three{grid-template-columns:repeat(3,1fr)}.service{background:#fff;border:1px solid #e1e7ec;border-radius:16px;min-height:160px;padding:17px;transition:all .15s}.service:hover{transform:translateY(-2px);box-shadow:0 8px 22px #123f7812}.icon{color:#fff;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:13px;font-size:19px;display:grid}.green{background:#25a64b}.cyan{background:#1ba2b7}.purple{background:#7342c4}.black{background:#343b42}.orange{background:#f7941d}.teal{background:#2dc8a6}.pink{background:#e64291}.redbg{background:#e9444d}.service h3{margin:0 0 14px;font-size:14px}.service p{color:#a0acb6;margin:0;font-size:11px;line-height:1.45}.dash-footer{color:#fff;background:#063c7c;min-height:260px;padding:45px 6%}.page-wrap{max-width:1100px;margin:auto;padding:28px 25px 100px}.page-head{background:#fff;border:1px solid #e4e9ed;border-radius:16px;margin-bottom:24px;padding:22px 25px}.breadcrumb{color:#81909d;margin-bottom:22px;font-size:12px}.page-head h1{margin:0 0 8px;font-size:22px}.page-head p{color:#8996a0;margin:0}.enroll-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.enroll-card{background:#fff;border:1px solid #e2e8ed;border-radius:16px;min-height:150px;padding:20px}.enroll-card .icon{margin-bottom:12px}.enroll-card h3{margin:0 0 15px;font-size:14px}.enroll-card p{color:#a0acb6;font-size:11px}.student-box{background:#fff;border:1px solid #e1e7ec;border-radius:18px;grid-template-columns:190px 1fr 170px;align-items:start;gap:28px;padding:28px;display:grid}.student-photo{background:#fff;border:5px solid #fff;border-radius:15px;height:220px;display:block;position:relative;overflow:hidden;box-shadow:0 3px 12px #0002}.info-row{margin-bottom:15px}.info-row label{color:#7d8790;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.info-value{background:#f6f8fa;border-left:3px solid #1684c6;border-radius:7px;padding:12px;font-size:13px;font-weight:700}.info-value.account{color:#1f76a9;background:#bfe2ff}.qr{text-align:center;color:#5f6f7b;background:#fbfcfd;border:1px dashed #d3dce3;border-radius:12px;justify-content:center;align-items:center;min-height:210px;padding:14px;display:flex}.qr img{box-sizing:border-box;background:#fff;width:150px;height:150px;margin:8px auto 6px;padding:8px;display:block}.qr small{color:#8a98a3;font-size:10px}.table-title{color:#fff;text-align:center;background:#08719e;border-radius:7px 7px 0 0;margin-top:28px;padding:8px;font-weight:800}.data-table{border-collapse:collapse;background:#fff;width:100%;font-size:11px}.data-table th{color:#fff;text-align:left;background:#08678f;border:1px solid #dbe4e9;padding:9px}.data-table td{border:1px solid #dbe4e9;padding:9px}.data-table td:not(:first-child){color:#123f78}.lab-table{margin-bottom:20px}.history-card{background:#fff;border:1px solid #e2e8ed;border-radius:16px;overflow:hidden}.history-title{color:#123f78;padding:20px;font-size:18px;font-weight:800}.history-table{border-collapse:collapse;width:100%}.history-table th{color:#fff;text-align:left;background:#06457e;padding:12px;font-size:12px}.history-table td{border-bottom:1px solid #e5ebef;padding:12px;font-size:12px;color:#123f78!important}.history-table tr:hover td{background:#f5f9fd}.back{color:#0b5483;background:#fff;border:0;border-radius:8px;margin-bottom:15px;padding:10px 15px}@media (width<=800px){.portal-nav{display:none}.portal-top{padding:0 20px}.login-wrap{margin-top:80px}.login-card{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:35px 25px}.cards,.cards.three,.enroll-grid{grid-template-columns:repeat(2,1fr)}.student-box{grid-template-columns:1fr}.id-card{width:100%;max-width:100%;min-height:220px}.id-divider{left:145px}.id-photo{width:90px;height:110px}}@media (width<=520px){.cards,.cards.three,.enroll-grid,.indices{grid-template-columns:1fr}.dash-main,.page-wrap{padding-left:14px;padding-right:14px}.profile-hero{padding:18px}.id-card{min-height:190px;padding:18px}.id-brand{font-size:20px}.id-divider{height:42px;left:125px}.id-photo{width:72px;height:90px;top:15px;right:15px}.id-info{margin-top:35px}.id-value{font-size:17px}.student-box{padding:18px}}.history-page{padding-bottom:0}.history-official{color:#425466;background:#f8fbfe;border:1px solid #e2e9ef;border-left:4px solid #3985d8;border-radius:12px;margin:18px 0;padding:18px 20px}.history-official .official-row{align-items:center;gap:14px;display:flex}.history-official .official-icon{color:#1670c5;background:#eef7ff;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.history-official h3{color:#263746;margin:0 0 6px;font-size:14px}.history-official p{color:#71808d;margin:0;font-size:11px;line-height:1.55}.history-official button{color:#3376a8;background:#fff;border:1px solid #dce5eb;border-radius:7px;margin-top:12px;padding:8px 12px;font-size:11px;font-weight:700}.student-history-card{background:#fff;border:1px solid #e2e8ed;border-radius:15px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 7px #1737540f}.student-history-title{color:#fff;background:linear-gradient(90deg,#0874d1,#0861b7);align-items:center;gap:10px;padding:13px 18px;font-size:16px;font-weight:800;display:flex}.student-history-body{grid-template-columns:130px 1fr;gap:24px;padding:20px 34px 18px;display:grid}.history-student-photo{object-fit:contain;object-position:center;background:#fff;border:3px solid #fff;border-radius:9px;width:100px;height:124px;box-shadow:0 2px 10px #00000029}.student-history-info{grid-template-columns:1fr 1fr;gap:16px 40px;display:grid}.h-info label{color:#737d85;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.h-info label:first-letter{color:#69757d}.h-info .h-value{color:#202b34;font-size:12px;font-weight:500}.h-info.full{grid-column:1/-1}.history-indexes{grid-column:2;gap:12px;margin-top:0;display:grid}.history-index{background:linear-gradient(100deg,#f4f5f6,#e9edf1);border-left:4px solid #2dae61;border-radius:12px;padding:14px 16px}.history-index.period{border-left-color:#0875c9}.history-index span{color:#7a858d;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.history-index strong{color:#202b34;font-size:21px}.history-tabs{background:#fff;border:1px solid #e2e8ed;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:10px;display:grid;box-shadow:0 2px 7px #1737540a}.history-tab{color:#6d747a;background:#fff;border:0;border-radius:7px;padding:12px 10px;font-size:12px;font-weight:700}.history-tab.active{color:#fff;background:linear-gradient(90deg,#0875d1,#0861b7);box-shadow:0 2px 5px #0053a033}.history-table-card{background:#fff;border:1px solid #e2e8ed;border-radius:15px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 7px #1737540f}.history-table-heading{color:#fff;text-align:center;background:linear-gradient(90deg,#0875d1,#0861b7);padding:13px 18px;font-size:15px;font-weight:800}.history-reference-table{border-collapse:collapse;table-layout:fixed;background:#fff;width:100%}.history-reference-table th{color:#fff;text-align:left;text-transform:uppercase;background:#076b91;border-right:1px solid #ffffff8c;padding:10px 8px;font-size:11px;font-weight:800}.history-reference-table td{background:#fff;border:1px solid #e0e6ea;padding:10px 9px;font-size:12px;color:#273b67!important}.history-reference-table td:nth-child(2){font-weight:500;color:#273b67!important}.history-reference-table tbody tr:hover td{background:#f6faff}.history-reference-table th:first-child{width:10%}.history-reference-table th:nth-child(2){width:29%}.history-reference-table th:nth-child(3){width:8%}.history-reference-table th:nth-child(4){width:13%}.history-reference-table th:nth-child(5){width:9%}.history-reference-table th:nth-child(6){width:10%}.history-reference-table th:nth-child(7){width:14%}.history-reference-table th:nth-child(8){width:7%}.history-pagination{background:#fafbfd;justify-content:flex-end;gap:7px;padding:12px 12px 14px;display:flex}.history-page-btn{color:#1872bd;background:#fff;border:1px solid #e0e6eb;border-radius:6px;min-width:36px;height:36px;font-weight:700}.history-page-btn.active{color:#fff;background:#0875d1;border-color:#0875d1;box-shadow:0 2px 5px #0050a033}.history-footer{color:#a9bdd2;background:#063b7c;min-height:285px;margin:18px 0 0;padding:34px 28px 22px}.history-footer .footer-brand{color:#fff;font-size:16px;font-weight:800}.history-footer p{margin:15px 0 28px;font-size:11px}.history-footer-grid{grid-template-columns:1fr 1fr;gap:40px;font-size:11px;line-height:1.8;display:grid}.history-footer-grid strong{color:#6f8dab;letter-spacing:.7px;margin-bottom:5px;font-size:9px;display:block}.history-footer-grid .gold{color:#d5aa35}.history-footer-bottom{color:#7793ad;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:28px;padding-top:18px;font-size:9px;display:flex}@media (width<=700px){.student-history-body{grid-template-columns:120px 1fr;gap:18px;padding:18px 22px}.student-history-info{grid-template-columns:1fr;gap:14px}.h-info.full{grid-column:auto}.history-indexes{grid-column:2}.history-reference-table{min-width:720px}.history-table-card{overflow-x:auto}.history-reference-table th,.history-reference-table td{padding:10px 8px;font-size:11px}.history-table-heading{position:sticky;left:0}.history-footer{margin-top:18px;padding:32px 22px 20px}.history-footer-grid{gap:25px}}@media (width<=520px){.history-official .official-row{align-items:flex-start}.student-history-body{grid-template-columns:100px 1fr;gap:14px;padding:16px}.history-student-photo{width:90px;height:112px}.student-history-title{font-size:14px}.history-indexes{grid-column:1/-1}.history-tabs{margin-bottom:14px}.history-footer-grid{grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.history-footer-bottom{font-size:8px}}.grades-toast{z-index:99999;opacity:0;pointer-events:none;background:#fff;border-left:4px solid #ef5350;border-radius:10px;align-items:flex-start;gap:13px;width:min(390px,100vw - 32px);min-height:86px;padding:16px 38px 16px 15px;transition:opacity .22s,transform .22s;display:flex;position:fixed;top:16px;right:24px;transform:translateY(-12px);box-shadow:0 8px 25px #00000029}.grades-toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.grades-toast-icon{color:#ef5350;border:2px solid #ef5350;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:17px;font-weight:800;line-height:1;display:flex}.grades-toast-title{color:#263238;margin:0 0 4px;font-size:15px;font-weight:700}.grades-toast-message{color:#7d8790;margin:0;font-size:14px;line-height:1.35}.grades-toast-close{color:#9aa2a8;cursor:pointer;background:0 0;border:0;padding:2px 5px;font-size:19px;line-height:1;position:absolute;top:10px;right:12px}@media (width<=600px){.grades-toast{width:calc(100vw - 24px);top:12px;right:12px}}.breadcrumb-home{font:inherit;color:#66717a;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.breadcrumb-home:hover{color:#1769aa;text-decoration:underline}.header-profile{color:#33404a;align-items:center;gap:8px;font-weight:600;display:flex}.header-profile img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 1px 5px #0002}.id-photo{overflow:hidden}.id-photo img{object-fit:cover;width:100%;height:100%;display:block}.student-photo{overflow:hidden}.student-photo img{object-fit:contain;object-position:center;background:#fff;width:100%;height:100%;display:block}.unah-crest{color:#174b80;box-sizing:border-box;text-align:center;background:#ffd80059;border:3px solid #174b80;border-radius:48% 48% 42% 42%;flex-direction:column;justify-content:flex-start;align-items:center;width:82px;height:105px;padding-top:7px;font-family:Arial,sans-serif;display:flex;box-shadow:inset 0 0 0 2px #174b8038}.crest-sun{font-size:25px;font-weight:700;line-height:22px}.crest-text{letter-spacing:.35px;margin-top:1px;font-size:6px;font-weight:900}.crest-building{border:2px solid #174b80;width:39px;height:25px;margin-top:7px;font-size:13px;line-height:21px}.crest-year{margin-top:auto;margin-bottom:7px;font-size:8px;font-weight:900}.id-brand-copy{display:none!important}.id-brand{top:27px!important;left:31px!important}@media (width<=700px){.unah-crest{border-width:2px;width:52px;height:67px;padding-top:4px}.crest-sun{font-size:16px;line-height:15px}.crest-text{font-size:4px}.crest-building{border-width:1px;width:25px;height:16px;margin-top:4px;font-size:8px;line-height:13px}.crest-year{margin-bottom:4px;font-size:5px}.id-brand{top:16px!important;left:17px!important}}.id-brand-copy{border-left:3px solid #174b80;flex-direction:column;justify-content:center;min-height:70px;padding-left:12px;display:flex!important}.id-brand-copy strong{letter-spacing:-1.8px;color:#07508d;font-size:39px;font-weight:950;line-height:.9;display:block}.id-brand-copy small{letter-spacing:.2px;color:#17466b;margin-top:7px;font-size:7px;font-weight:700;line-height:1.15;display:block}@media (width<=700px){.id-brand-copy{border-left-width:2px;min-height:45px;padding-left:7px;display:flex!important}.id-brand-copy strong{font-size:24px}.id-brand-copy small{margin-top:4px;font-size:5px}}.id-brand.no-crest,.id-brand .no-crest{border-left:0!important;margin-left:0!important;padding-left:0!important}.id-brand{left:31px!important}.id-brand-copy.no-crest{border-left:0!important;padding-left:0!important}.id-card-reference{aspect-ratio:602/319!important;background:0 0!important;border:0!important;border-radius:18px!important;width:620px!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 auto 20px!important;padding:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 30px #001f4d4d!important}.id-card-reference:before,.id-card-reference:after{content:none!important;display:none!important}.id-card-reference-image{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}@media (width<=700px){.id-card-reference{border-radius:14px!important;width:100%!important;max-width:100%!important;margin-bottom:16px!important}}.history-table td,.history-table td *{color:#123f78!important}.id-card-new{background-color:#fbd634;border-radius:18px;width:520px;max-width:100%;height:320px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.id-bg-crosses{opacity:.15;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000 48%,#dfa212 48% 52%,#0000 52%),linear-gradient(#0000 48%,#dfa212 48% 52%,#0000 52%);background-position:20px 20px;background-size:40px 40px;position:absolute;inset:0}.id-bg-shapes{pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ef9a16' opacity='0.8' transform='rotate(20 100 100)'%3E%3Crect x='120' y='0' width='30' height='100' rx='15' /%3E%3Crect x='70' y='-20' width='30' height='120' rx='15' /%3E%3Crect x='170' y='20' width='30' height='80' rx='15' /%3E%3C/g%3E%3C/svg%3E") 100% 0/cover no-repeat;width:300px;height:200px;position:absolute;top:-20px;right:-20px}.id-card-new .id-brand{z-index:2;align-items:center;gap:15px;display:flex;position:absolute;top:30px;left:30px}.id-card-new .unah-seal{mix-blend-mode:multiply;height:65px}.id-card-new .id-divider{background:#174c79;width:2px;height:50px}.id-card-new .id-brand-copy{flex-direction:column;display:flex}.id-card-new .id-brand-copy strong{color:#174c79;letter-spacing:-1px;font-size:34px;font-weight:900;line-height:1}.id-card-new .id-brand-copy small{color:#174c79;letter-spacing:.5px;margin-top:3px;font-size:9px;font-weight:700;line-height:1.1}.id-card-new .id-photo{z-index:2;background:#fff;border-radius:8px;width:110px;height:145px;padding:4px;position:absolute;top:30px;right:30px;box-shadow:0 4px 15px #0000001a}.id-card-new .id-photo img{object-fit:cover;border-radius:4px;width:100%;height:100%}.id-card-new .id-info{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:25px;left:30px}.id-card-new .id-group{flex-direction:column;gap:1px;display:flex}.id-card-new .id-label{color:#7b6d3b;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.id-card-new .id-value{color:#1a1a1a;font-size:24px;font-weight:900;line-height:1}.id-card-new .id-value.name{font-size:19px;font-weight:800}@media (width<=600px){.id-card-new{width:100%;min-height:280px}.id-card-new .id-brand{top:25px;left:20px}.id-card-new .id-brand-copy strong{font-size:28px}.id-card-new .unah-seal{height:50px}.id-card-new .id-divider{height:40px}.id-card-new .id-photo{width:90px;height:120px;top:25px;right:20px}.id-card-new .id-info{bottom:20px;left:20px}.id-card-new .id-value{font-size:20px}.id-card-new .id-value.name{font-size:16px}}