/* PYTIC design system — shared by every customer-facing Blade page. */
@font-face{font-family:PyticArabic;src:url('../../fonts/Jf-flat/JF-Flat-regular.woff') format('woff');font-display:swap;unicode-range:U+0000-002F,U+003A-10FFFF}
@font-face{font-family:PyticArabic;src:local('Arial'),local('Segoe UI'),local('Tahoma');font-weight:100 900;font-style:normal;unicode-range:U+0030-0039,U+002B,U+002C,U+002D,U+002E,U+0025}
:root{--px-ink:#26235b;--px-muted:#6a7884;--px-accent:#a81e23;--px-accent-dark:#86181c;--px-bg:#f7f7fa;--px-line:#e7e6ed;--px-navy:#26235b;--px-radius:20px;--px-shadow:0 8px 32px #26235b08}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body.pytic-app{margin:0;background:var(--px-bg);color:var(--px-ink);font-family:PyticSans,PyticArabic,Arial,sans-serif;font-size:15px;line-height:1.8;overflow-x:hidden}
.pytic-app *{box-sizing:border-box}.pytic-app h1,.pytic-app h2,.pytic-app h3,.pytic-app h4,.pytic-app h5,.pytic-app h6,.pytic-app input,.pytic-app button,.pytic-app select{font-family:inherit}
.pytic-app h1,.pytic-app h2,.pytic-app h3{font-family:inherit;font-weight:500;line-height:1.5;color:var(--px-ink)}
.pytic-app a{color:var(--px-ink);text-decoration:none;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}
.pytic-app a:hover{color:var(--px-accent-dark)}
.pytic-app :focus-visible{outline:3px solid var(--px-accent);outline-offset:4px}.pytic-app a:focus-visible{outline:3px solid var(--px-accent);outline-offset:4px}
.pytic-app [hidden]{display:none!important}.pytic-app .container{width:calc(100% - 64px);max-width:1240px;margin-inline:auto}
.skip-link{position:fixed;top:-100px;inset-inline-start:24px;z-index:10000;padding:12px 20px;background:white;border-radius:12px}.skip-link:focus{top:12px}
#page-content{min-height:60vh}#page-content:focus{outline:0}.pytic-app main{margin-top:0;padding-bottom:64px;animation:px-enter .55s ease both}.pytic-app main.bg-white{background:transparent;overflow:visible}
.pytic-app .px-header{background:#fff;border-bottom:1px solid var(--px-line);padding:0;position:relative;z-index:20;min-height:0}
.px-header-inner{display:flex;align-items:center;gap:48px;min-height:96px}.px-brand{display:flex;align-items:center;flex-shrink:0}.px-brand img{width:128px;max-height:65px;object-fit:contain}.px-primary-nav{display:flex;gap:30px;align-items:center}.px-primary-nav a{font-size:14px;font-weight:700;padding:12px 0}.px-primary-nav a[aria-current=page]{color:var(--px-accent-dark)}.px-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:20px}.px-language{font-size:12px;border-inline-end:1px solid var(--px-line);padding-inline-end:18px}.px-login-link{font-size:13px}.px-wallet-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--px-line);background:#f8faf9;border-radius:12px;padding:9px 16px;font-weight:700}.px-wallet-chip small{color:var(--px-muted)}.px-status-dot{display:inline-block;width:7px;height:7px;background:#2e9575;border-radius:50%;flex-shrink:0}.px-announcement{display:flex;gap:12px;align-items:center;background:#fff1f2;border-radius:10px;padding:8px 16px;font-size:13px;margin-bottom:12px}
.pytic-app .px-account-nav{border:0;border-top:1px solid var(--px-line);margin:0;min-height:52px;border-radius:0;background:#fff}.px-account-nav .navbar-collapse{padding:0}.px-account-nav .nav>li>a{padding:17px 14px;font-size:12px;color:var(--px-muted);border:0;background:transparent}.px-account-nav .nav>li>a:hover,.px-account-nav .nav>li>a[aria-current=page]{background:#fff1f2;color:var(--px-accent-dark)}.px-account-nav .navbar-toggle{border:1px solid var(--px-line);border-radius:10px}.px-account-nav .icon-bar{background:var(--px-ink)}
.pytic-app .btn{border-radius:11px;font-size:14px;font-weight:700;line-height:1.6;padding:12px 22px;box-shadow:none;transition:background .2s,transform .2s,box-shadow .2s;border:1px solid transparent;height:auto;white-space:normal}.pytic-app .btn:hover{transform:translateY(-2px)}.pytic-app .btn:active{transform:translateY(0)}.pytic-app .btn-primary,.pytic-app .btn-primary-first{background:var(--px-accent);border-color:var(--px-accent);color:#ffffff}.pytic-app .btn-primary:hover,.pytic-app .btn-primary:focus{background:#bf3036;border-color:#bf3036;color:#fff;box-shadow:0 5px 16px #a81e232b}.pytic-app .btn-default,.pytic-app .btn-primary-second,.pytic-app .btn-second{background:#fff;color:var(--px-ink);border-color:var(--px-line)}.pytic-app .btn-default:hover{background:#edf1f4;color:var(--px-ink);opacity:1}.pytic-app .btn-success{background:#23765b;border-color:#23765b;color:white}.pytic-app .btn-danger{background:#bb3544;color:white}.pytic-app .btn-xs{padding:5px 9px;font-size:12px}.pytic-app .btn-sm{padding:8px 12px}.pytic-app .btn-lg{padding:14px 26px;font-size:15px}.pytic-app .btn[disabled],.pytic-app .btn.disabled{transform:none;opacity:.55;box-shadow:none}
.px-home{padding-top:32px}.px-hero{min-height:480px;border-radius:26px;background:var(--px-navy);display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden;padding:58px 54px;color:white}.px-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 12% 100%,#514d8166,transparent 60%);pointer-events:none}.px-hero-copy{position:relative;z-index:2}.px-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#d6d4e5;background:#ffffff09;border:1px solid #ffffff18;padding:6px 12px;border-radius:30px}.px-eyebrow .px-status-dot{background:#e6a4a9}.pytic-app .px-hero h1{font-size:48px;line-height:1.55;letter-spacing:-1.4px;color:white;margin:24px 0 16px}.px-hero h1 span{color:#f1b1b5}.px-hero-copy>p{color:#c4c2d8;font-size:15px;max-width:430px;line-height:2;margin-bottom:28px}.px-hero-actions{display:flex;align-items:center;gap:24px}.pytic-app .px-hero-link{color:#e4e2ef;font-size:13px}.px-hero-link span{margin-inline-start:8px}.px-hero-notes{display:flex;gap:24px;margin-top:34px;color:#bab8d1;font-size:11px}.px-hero-art{position:relative;direction:ltr;min-height:360px;align-self:center;perspective:1000px}.px-orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:375px;height:375px;left:25px;top:0}.px-orbit-two{width:470px;height:470px;left:-23px;top:-46px}.px-digital-card{position:absolute;width:270px;height:175px;border-radius:18px;padding:24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;overflow:hidden}.px-digital-card:after{content:'';width:180px;height:180px;border:1px solid #ffffff30;border-radius:50%;position:absolute;right:-85px;top:-55px;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff08}.px-card-back{top:34px;left:36px;transform:rotate(-15deg);background:linear-gradient(130deg,#514d81,#312d66);color:#e5eef2;animation:px-float-back 8s ease-in-out infinite}.px-card-back>span{font-size:10px;letter-spacing:2px}.px-card-back strong{font-size:16px;letter-spacing:1px;margin-top:auto}.px-card-back small{font-size:7px;letter-spacing:2px}.px-card-front{left:116px;top:139px;transform:rotate(10deg);background:linear-gradient(120deg,#c8464d,#a81e23);color:#ffffff;animation:px-float 7s ease-in-out infinite}.px-card-top,.px-card-bottom{display:flex;justify-content:space-between;align-items:center}.px-card-top b{font-family:Arial,sans-serif;letter-spacing:3px;font-size:16px}.px-card-top>span{font-size:25px;line-height:1}.px-chip{width:28px;height:22px;border-radius:5px;border:1px solid #ffffff50;background:linear-gradient(135deg,#fff7,#fff1);margin:15px 0}.px-card-front strong{font-size:22px;text-align:right;line-height:1.4}.px-card-bottom{font-size:8px;letter-spacing:1px;margin-top:auto}.px-float-label{position:absolute;left:15px;bottom:8px;background:#fff;box-shadow:0 10px 30px #0002;color:var(--px-ink);padding:12px 18px;border-radius:12px;font-size:12px;display:flex;gap:10px;align-items:center;transform:rotate(-3deg)}.px-float-label>span{background:#fff1f2;color:#a81e23;border-radius:7px;padding:2px 7px;font-size:18px}
.px-services{padding-top:54px;scroll-margin-top:24px}.px-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.px-kicker{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--px-accent-dark)}.px-section-heading h2{font-size:27px;margin:6px 0 0}.px-section-heading>p{font-size:13px;color:var(--px-muted);margin:0 0 5px}.pytic-app #myTabMD.px-service-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 36px;padding:0;border:0;list-style:none}.pytic-app #myTabMD.px-service-tabs:before,.pytic-app #myTabMD.px-service-tabs:after{display:none}.pytic-app #myTabMD.px-service-tabs>li{float:none;margin:0;min-width:0}.pytic-app #myTabMD.px-service-tabs>li>a{display:flex;align-items:center;gap:14px;margin:0;padding:21px 18px;border:1px solid var(--px-line);border-radius:15px;background:white;min-height:95px;color:var(--px-ink)}.pytic-app #myTabMD.px-service-tabs>li>a:hover{border-color:#df9fa2;background:#fffafb;transform:translateY(-3px)}.pytic-app #myTabMD.px-service-tabs>li.active>a{background:#fff1f2;border-color:#d58b8f;box-shadow:0 0 0 1px #a81e230a}.px-service-icon{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#f4f6f8;color:#526c7c;font-family:Arial,sans-serif;font-size:25px;flex-shrink:0}.active .px-service-icon{background:#f3d7da;color:#a81e23}.px-service-tabs strong{display:block;font-size:14px}.px-service-tabs small{display:block;color:var(--px-muted);font-size:10px;margin-top:3px}.px-service-arrow{margin-inline-start:auto;font-size:19px;color:var(--px-muted)}.px-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.px-catalog-heading h3{font-size:19px;margin:0}.px-search{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--px-line);border-radius:12px;padding:9px 14px;width:270px;color:var(--px-muted);font-size:22px}.px-search input{border:0;background:transparent;width:100%;font-size:12px;font-weight:400;color:var(--px-ink);outline:none;min-width:0}.px-search:focus-within{border-color:var(--px-accent);box-shadow:0 0 0 3px #a81e2317}.px-search input:focus-visible{outline:0}.px-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.px-provider-card{display:block;background:#fff;border:1px solid var(--px-line);border-radius:18px;padding:16px;box-shadow:var(--px-shadow);position:relative}.px-provider-card:hover{transform:translateY(-5px);border-color:#df9fa2;box-shadow:0 14px 30px #26235b0c}.px-provider-image{height:145px;background:#f7f9fa;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden}.px-provider-image img{max-height:110px;max-width:80%;object-fit:contain;transition:transform .3s}.px-provider-card:hover img{transform:scale(1.05)}.px-provider-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.px-provider-info h3{font-size:15px;margin:0}.px-provider-info>span{color:#8c9ba5}.px-provider-card>small{font-size:10px;color:var(--px-muted)}.px-empty{padding:40px;text-align:center;background:white;border:1px dashed var(--px-line);border-radius:15px;color:var(--px-muted);grid-column:1/-1}.px-help-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eaf0f1;border:1px solid #dce5e7;border-radius:18px;padding:30px 34px;margin-top:45px}.px-help-banner h2{font-size:23px;margin:5px 0 8px}.px-help-banner p{font-size:13px;color:var(--px-muted);margin:0}.px-help-banner .btn{flex-shrink:0}
/* Shared interior pages, account forms, receipts and purchase histories. */
.pytic-app .breadcrumb{background:transparent;border:0;margin:0;padding:25px 0;font-size:12px;color:var(--px-muted)}.pytic-app .breadcrumb>.active{color:var(--px-muted)}.pytic-app .breadcrumb a{color:var(--px-accent-dark)}.pytic-app .under_line_breadcrumb{border:0;padding:34px 0 25px;margin-bottom:20px;background:transparent}.under_line_breadcrumb h1{font-size:30px;margin:4px 0 5px}.under_line_breadcrumb p{font-size:13px;color:var(--px-muted);margin:0}.pytic-app .title_section{font-size:24px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--px-line);color:var(--px-ink)}.pytic-app main .col-md-9>.mg-b-60,.pytic-app main .col-lg-9>.mg-b-60{background:white;border:1px solid var(--px-line);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--px-shadow)}
.pytic-app .menu_admin{list-style:none;border:1px solid var(--px-line);border-radius:18px;background:white;padding:12px;width:100%;margin:0 0 24px;float:none;box-shadow:var(--px-shadow)}.pytic-app .menu_admin li{display:flex;align-items:center;gap:10px;padding:0;margin:3px 0;position:relative;border-radius:9px;transition:background .2s}.pytic-app .menu_admin li img{width:19px;height:19px;object-fit:contain;margin-inline-start:12px;opacity:.7;pointer-events:none}.pytic-app .menu_admin li a{font-size:12px;font-weight:400;margin:0;padding:11px 8px 11px 0;display:block;flex:1;color:var(--px-muted)}.pytic-app .menu_admin li:has(a[aria-current=page]),.pytic-app .menu_admin li:hover{background:#fff1f2}.pytic-app .menu_admin a[aria-current=page]{font-weight:700;color:var(--px-accent-dark)}
.pytic-app .form-control,.pytic-app .custome_input2,.pytic-app .custom_input2,.pytic-app .custom_input_modal{height:48px;background:#fbfcfd;border:1px solid #dfe6ea;border-radius:10px;color:var(--px-ink);box-shadow:none;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.pytic-app textarea.form-control{height:auto;min-height:120px;resize:vertical}.pytic-app select.form-control{padding-block:8px}.pytic-app .form-control:focus{border-color:var(--px-accent);box-shadow:0 0 0 3px #a81e2315;background:#fff;outline:0}.pytic-app .form-control[readonly],.pytic-app .form-control[disabled]{background:#f2f5f7;color:#5a6d7a}.pytic-app .form-group{margin-bottom:22px}.pytic-app .control-label{font-size:13px;color:#536674;padding-top:12px}.pytic-app input::placeholder{color:#89959e}.pytic-app input[type=checkbox],.pytic-app input[type=radio]{accent-color:var(--px-accent);width:16px;height:16px}.pytic-app .has-error .form-control{border-color:#c54857}.pytic-app .help-block{font-size:12px}.pytic-app .form-sign{background:white;border:1px solid var(--px-line);border-radius:24px;padding:40px;box-shadow:var(--px-shadow);margin-top:5px}.pytic-app .form-sign .mg-t-35{margin-top:24px}.pytic-app .login-label-color,.pytic-app .label-color{color:var(--px-accent-dark)}.px-form-intro{text-align:center;margin-bottom:30px}.px-form-intro h1{font-size:28px;margin:8px 0}.px-form-intro p{color:var(--px-muted);font-size:13px}.pytic-app .row.bg-white{border-radius:20px;background:white;border:1px solid var(--px-line);padding-top:28px}.pytic-app .img-profile img{border-radius:50%;border:5px solid #f1f5f7}.pytic-app .ibox-content{border-radius:14px;border-color:var(--px-line);padding:20px}.pytic-app a.add-branch,.pytic-app .add-branch{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;background:#edf2f5;color:#26235b;border:1px solid #dfe6ea;border-radius:12px;font-size:15px;font-weight:600;line-height:1.2;padding:10px 14px;margin:0;box-shadow:none;text-decoration:none}.pytic-app a.add-branch>span,.pytic-app .add-branch>span{position:static!important;right:auto!important;top:auto!important;margin:0!important;padding:0!important;background:transparent;color:inherit;font-size:inherit;line-height:inherit}.pytic-app a.add-branch>.add-branch-plus,.pytic-app .add-branch>.add-branch-plus{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#26235b;color:#fff;font-size:20px;font-weight:700;line-height:1}.pytic-app a.add-branch:hover,.pytic-app a.add-branch:focus{background:#e4ebf0;color:#26235b;text-decoration:none}.pytic-app .alert{border-radius:12px;font-size:13px;padding:15px 18px;border-width:1px}.pytic-app .alert-success{background:#eaf7f0;color:#246b51;border-color:#cde8dc}.pytic-app .alert-danger{background:#fff0f1;color:#a12c3f;border-color:#f2d5da}.pytic-app .alert-warning{background:#fff6e6;color:#855912;border-color:#f0e0be}
.pytic-app .card-item{background:white;border:1px solid var(--px-line);border-radius:18px;padding:16px;margin-bottom:24px;overflow:hidden;box-shadow:var(--px-shadow);transition:transform .25s,box-shadow .25s}.pytic-app .card-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #26235b10}.pytic-app .card-item__img{background:#f5f8fa;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center}.pytic-app .card-info h3{color:var(--px-ink);font-size:18px}.pytic-app .card-info h5{color:var(--px-muted)}
.pytic-app .panel,.pytic-app .billpay-card,.pytic-app .tt-card{background:white;border:1px solid var(--px-line);border-radius:20px;box-shadow:var(--px-shadow);overflow:hidden;margin-bottom:28px}.pytic-app .panel-heading,.pytic-app .billpay-card-head,.pytic-app .tt-card-head{background:#edf2f5!important;color:var(--px-ink)!important;border:0;border-bottom:1px solid var(--px-line);padding:24px 28px;border-radius:0}.pytic-app .panel-body,.pytic-app .billpay-card-body,.pytic-app .tt-card-body{padding:28px}.pytic-app .billpay-title,.pytic-app .tt-title{color:var(--px-ink);font-size:26px}.pytic-app .billpay-sub,.pytic-app .tt-sub{font-size:13px;color:var(--px-muted);margin-top:8px}.pytic-app .billpay-history-btn,.pytic-app .tt-history-btn{background:var(--px-navy);border-radius:10px;padding:10px 16px}.pytic-app .billpay-cat-card,.pytic-app .tt-op-card{border:1px solid var(--px-line);background:#fafcfd;border-radius:15px;padding:24px 16px;transition:transform .2s,background .2s,border-color .2s}.pytic-app .billpay-cat-card:hover,.pytic-app .tt-op-card:hover{background:#fff5f6;border-color:#df9fa2;transform:translateY(-4px)}.pytic-app .billpay-search,.pytic-app .tt-input{border:1px solid var(--px-line);border-radius:11px;min-height:48px}.pytic-app .billpay-cat-icon,.pytic-app .tt-op-icon{color:var(--px-accent-dark);background:#fff1f2;border:0;border-radius:14px}.pytic-app .tt-type.is-on{background:#fff1f2;border-color:var(--px-accent)}
.pytic-app .table{background:#fff;font-size:12px;margin-bottom:20px;max-width:100%}.pytic-app .table>thead>tr>th{background:#f4f7f9;color:#60727e;font-size:11px;font-weight:700;white-space:nowrap;padding:15px 13px;border-bottom:1px solid var(--px-line)}.pytic-app .table>tbody>tr>td,.pytic-app .table>tbody>tr>th{padding:16px 13px;border-color:#edf1f4;vertical-align:middle}.pytic-app .table-striped>tbody>tr:nth-of-type(odd){background:#fafcfd}.pytic-app .table>tbody>tr:hover{background:#fff8f9}.pytic-app .table-bordered,.pytic-app .table-bordered td,.pytic-app .table-bordered th{border-color:var(--px-line)}.px-table-scroll{overflow-x:auto;width:100%;border:1px solid var(--px-line);border-radius:12px;margin:18px 0;-webkit-overflow-scrolling:touch}.px-table-scroll>.table{margin:0;min-width:580px}.pytic-app .pagination>li>a,.pytic-app .pagination>li>span{border-color:var(--px-line);color:var(--px-ink);padding:9px 14px}.pytic-app .pagination>.active>span,.pytic-app .pagination>.active>a{background:var(--px-navy);color:white}.pytic-app .modal-content{border:1px solid var(--px-line);border-radius:20px;box-shadow:0 30px 100px #0003}.pytic-app .modal-header{padding:24px;border-bottom:1px solid var(--px-line);color:var(--px-ink)}.pytic-app .modal-title{font-size:23px;margin:0}.pytic-app .modal-body{padding:24px}.pytic-app .modal-footer{border-color:var(--px-line);padding:18px 24px}.pytic-app .modal-backdrop.in{opacity:.55}
.px-dashboard-welcome{margin-bottom:26px;padding:8px 0}.px-dashboard-welcome h2{font-size:28px;margin:8px 0}.px-dashboard-welcome p{font-size:14px;color:var(--px-muted)}.px-dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.px-balance-card,.px-quick-card{border-radius:18px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;border:1px solid var(--px-line)}.pytic-app .px-balance-card{background:var(--px-navy);color:#d2e3ec}.pytic-app .px-balance-card:hover{background:#39356e;color:#fff;transform:translateY(-3px)}.px-balance-card strong{font-family:Arial,sans-serif;font-size:34px;line-height:1.4;margin:24px 0}.px-balance-card small{font-family:PyticArabic,Arial,sans-serif;font-size:14px}.px-balance-card>span{font-size:12px}.px-quick-card{background:white}.px-quick-card:hover{transform:translateY(-3px);border-color:#df9fa2}.px-quick-card h3{font-size:18px;margin:16px 0 7px}.px-quick-card p{font-size:11px;color:var(--px-muted);margin-bottom:12px}.px-quick-card>span:last-child{font-size:11px;color:var(--px-accent-dark);margin-top:auto}
.pytic-app footer.px-footer{background:#fff;color:var(--px-ink);padding:45px 0 0;border-top:1px solid var(--px-line)}.px-footer-top{display:flex;gap:60px;padding-bottom:32px;align-items:flex-start}.px-footer-brand{max-width:270px;flex-shrink:0}.px-footer-brand img{max-width:110px;max-height:55px;object-fit:contain}.px-footer-brand p{color:var(--px-muted);font-size:12px;margin-top:16px}.px-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 35px;flex:1;padding-top:8px}.px-footer-links a{font-size:12px;color:var(--px-muted)}.px-footer-social h3{font-size:13px;margin:8px 0 15px}.pytic-app .social__list{display:flex;gap:9px;margin:0;padding:0;list-style:none}.pytic-app .social__list li{margin:0;padding:0}.pytic-app .social__list a{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid var(--px-line);border-radius:9px;background:#fafbfc}.pytic-app .social__list img{width:20px;height:20px;object-fit:contain}.px-footer-bottom{border-top:1px solid var(--px-line);padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--px-muted)}
@keyframes px-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes px-float{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-10px) rotate(8deg)}}@keyframes px-float-back{0%,100%{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(7px) rotate(-12deg)}}
@media(min-width:992px){.pytic-app .menu_admin{position:sticky;top:24px}.pytic-app main>.container>.row:has(.menu_admin){display:flex;align-items:flex-start}.pytic-app main>.container>.row:has(.menu_admin)>.col-md-3{position:sticky;top:24px}.pytic-app .px-account-nav .navbar-nav{display:flex;float:none}}
@media(max-width:1100px){.px-header-inner{gap:30px}.px-hero{padding:44px 36px;grid-template-columns:1.1fr 1fr}.pytic-app .px-hero h1{font-size:40px}.px-card-front{left:75px}.px-card-back{left:0}.px-orbit{left:-20px}.px-orbit-two{left:-65px}.px-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.px-dashboard-grid{grid-template-columns:1fr 1fr}.px-balance-card{grid-column:1/-1}.px-footer-top{gap:35px}}
@media(max-width:767px){.pytic-app .container{width:calc(100% - 32px)}.px-header-inner{min-height:80px;gap:16px;flex-wrap:wrap;padding-block:14px}.px-brand img{width:96px;max-height:48px}.px-primary-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--px-line);padding-top:9px;gap:30px}.px-primary-nav a{font-size:12px;padding:3px 0}.px-header-actions{gap:11px}.px-header-actions .btn{padding:8px 12px;font-size:11px}.px-language{font-size:10px;padding-inline-end:9px}.px-login-link{font-size:11px}.px-wallet-chip{font-size:12px;padding:6px 10px}.px-account-nav .navbar-nav{margin:0}.px-account-nav .nav>li>a{padding:12px}.px-home{padding-top:18px}.px-hero{padding:30px 24px;grid-template-columns:1fr;min-height:auto;border-radius:20px}.pytic-app .px-hero h1{font-size:35px;margin-top:18px}.px-hero-copy>p{font-size:13px;margin-bottom:20px}.px-eyebrow{font-size:10px}.px-hero-actions{gap:18px;flex-wrap:wrap}.px-hero-actions .btn{font-size:12px;padding:12px 18px}.px-hero-link{font-size:11px!important}.px-hero-notes{gap:16px;font-size:9px;margin-top:25px}.px-hero-art{min-height:285px;width:310px;max-width:100%;margin:20px auto 0}.px-digital-card{width:220px;height:145px;padding:18px}.px-card-back{left:0;top:24px}.px-card-front{left:65px;top:118px}.px-card-front strong{font-size:19px}.px-chip{margin:10px 0}.px-card-back strong{font-size:13px}.px-orbit{width:270px;height:270px;left:10px}.px-orbit-two{width:340px;height:340px;left:-25px;top:-35px}.px-float-label{left:0;bottom:0;font-size:10px;padding:9px 12px}.px-services{padding-top:35px}.px-section-heading{align-items:start;flex-direction:column;gap:10px}.px-section-heading h2{font-size:23px}.px-section-heading>p{font-size:12px}.pytic-app #myTabMD.px-service-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}.pytic-app #myTabMD.px-service-tabs>li>a{padding:15px 12px;gap:10px;flex-wrap:wrap}.px-service-tabs strong{font-size:12px}.px-service-tabs small{font-size:9px}.px-service-icon{width:32px;height:32px;font-size:21px}.px-service-arrow{display:none}.px-catalog-heading{gap:12px}.px-catalog-heading h3{font-size:16px}.px-search{width:190px;padding:7px 10px}.px-search input{font-size:11px}.px-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.px-provider-card{padding:12px;border-radius:14px}.px-provider-image{height:110px}.px-provider-image img{max-height:85px}.px-provider-info h3{font-size:13px}.px-provider-card>small{font-size:9px}.px-help-banner{padding:24px;flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.px-help-banner h2{font-size:20px}.px-help-banner p{font-size:12px}.under_line_breadcrumb h1{font-size:25px}.pytic-app .under_line_breadcrumb{padding-top:25px}.pytic-app main .col-md-9>.mg-b-60,.pytic-app main .col-lg-9>.mg-b-60{padding:20px}.pytic-app .menu_admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.pytic-app .menu_admin li img{width:16px;margin-inline-start:7px}.pytic-app .menu_admin li a{font-size:10px;padding:10px 3px}.pytic-app .form-sign{padding:24px 16px;border-radius:18px}.pytic-app .form-horizontal .control-label{text-align:start;padding-bottom:6px}.pytic-app .billpay-card-head,.pytic-app .tt-card-head{padding:20px;flex-direction:column;gap:15px}.pytic-app .billpay-card-body,.pytic-app .tt-card-body,.pytic-app .panel-body{padding:20px}.pytic-app .billpay-title,.pytic-app .tt-title{font-size:22px}.px-dashboard-grid{gap:12px}.px-quick-card{padding:20px 16px}.px-footer-top{flex-direction:column;gap:24px}.px-footer-brand{max-width:100%}.px-footer-links{width:100%}.px-footer-bottom{flex-direction:column;gap:5px}.pytic-app .title_section{font-size:21px}.pytic-app main{padding-bottom:40px}}
@media(max-width:380px){.px-header-actions{gap:8px}.px-login-link{font-size:10px}.px-brand img{width:80px}.pytic-app .px-hero h1{font-size:30px}.px-digital-card{width:200px}.px-card-front{left:45px}.px-service-tabs small{display:none}.px-search{width:165px}.px-hero-notes{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pytic-app *,.pytic-app *:before,.pytic-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.pytic-app{background:white}.px-header,.px-footer,.menu_admin,.skip-link,.px-hero-art{display:none!important}.pytic-app main{padding:0;animation:none}.pytic-app .container{width:100%}.pytic-app .panel,.pytic-app .card-item,.pytic-app .billpay-card,.pytic-app .tt-card{box-shadow:none;border-color:#ccc}.px-table-scroll{overflow:visible;border:0}.px-table-scroll>.table{min-width:0}.pytic-app .btn{box-shadow:none}.pytic-app a:after{content:none!important}}

.pytic-app .table:not(:has(thead)) td{overflow-wrap:anywhere}.px-image-fallback{font-size:30px;font-weight:700;color:#656287}.pytic-app .content-tabs>.tab-content{overflow:visible}

/* Brand colors sampled directly from the supplied PYTIC logo. */
.pytic-app .btn-primary,.pytic-app .btn-primary-first{color:#fff}.pytic-app .btn-primary:hover,.pytic-app .btn-primary:focus{color:#fff}.px-card-front{color:#fff}.px-service-tabs .active .px-service-icon{color:#a81e23}.px-preview-notice{background:#fff1f2!important;color:#86181c!important}
.px-service-guest{background:#fff;border:1px solid var(--px-line,#e5e1ec);border-radius:14px;padding:28px;max-width:560px;margin:12px 0 28px}.px-service-guest p{margin:0 0 18px;color:var(--px-muted,#5a5368);line-height:1.85;font-size:14px}.px-service-guest .btn{display:inline-flex;align-items:center}