.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{font-size:16px!important;gap:10px}.company-mark{width:48px;height:48px;flex-shrink:0}.brand small{font-size:9px}.auth-logo{width:100%;max-width:365px;margin:0 auto 12px;display:block;border-radius:12px}.auth-card>p{margin-top:12px}.generator-art{background:transparent!important;border:0!important;width:280px;padding:0!important}.generator-art img{width:100%;max-width:280px;display:block}.generator-art small{margin-top:-6px}.user{gap:12px}.notification-menu{position:relative;margin-inline-end:8px}.notification-trigger{height:40px;width:42px;display:grid;place-items:center;border:1px solid #e1e8f2;background:#f5f8fc;color:#6682a4;box-shadow:none;border-radius:11px;padding:0;position:relative}.notification-trigger:hover{background:#eaf1fa;transform:none;box-shadow:none}.notification-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bell-count{position:absolute;top:-6px;right:-6px;background:#df5263;color:#fff;min-width:19px;height:19px;display:grid;place-items:center;border:2px solid white;border-radius:11px;font:700 9px Tahoma;padding:0 3px;box-shadow:0 2px 4px #b23d4d20}.notification-dropdown{position:absolute;top:53px;left:0;width:365px;max-height:560px;background:#fff;border:1px solid #dee7f2;box-shadow:0 18px 60px #1b355e22;border-radius:15px;z-index:100;overflow:hidden;color:#2a4566}.bell-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 15px;border-bottom:1px solid #edf2f7}.bell-heading strong{font-size:19px;font-weight:600}.bell-heading small{display:block;font-size:10px;color:#a1b0c3;font-weight:400;margin-top:4px}.bell-close{background:#f2f6fb;color:#7e94ae;border:0;box-shadow:none;width:29px;height:29px;padding:0;font-size:20px}.bell-items{max-height:380px;overflow-y:auto}.bell-item{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-bottom:1px solid #f1f4f9;color:#47668b;transition:background .15s}.bell-item.unread{background:#f1f6ff}.bell-item:hover{background:#eaf1fc}.bell-item>div{flex:1;min-width:0}.bell-item strong{font-size:12px;font-weight:600}.bell-item p{font-size:11px;font-weight:400;color:#8b9eb7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;line-height:1.7;white-space:pre-line}.bell-item small{font-size:9px;color:#a2b1c4;font-weight:400}.bell-item-symbol{height:35px;width:35px;border-radius:11px;background:#e2ecfb;color:#668dbe;display:grid;place-items:center;font-size:21px;flex-shrink:0}.bell-item-symbol.due{background:#fff1da;color:#c0924a}.bell-item-symbol.disconnect{background:#fae7e9;color:#c87981}.bell-item-symbol.reconnect{background:#e5f3eb;color:#70a489}.bell-footer{display:block;text-align:center;background:#f7faff;padding:14px;font-size:11px;color:#6585ae}.alert-toast{position:fixed;bottom:25px;left:25px;max-width:350px;background:#234f7b;color:white;padding:17px 22px;border:1px solid #416e98;border-radius:12px;box-shadow:0 10px 35px #203d6530;z-index:200;font-size:13px}.button-warning,form[data-action="invoice_update"] button:not([type="button"]),form[data-action="payment_update"] button{background:linear-gradient(125deg,#d7a34f,#b9832e);border-color:#c18b34;color:#fff}.button-warning:hover{box-shadow:0 6px 15px #b7832e26}form[data-action="payment"] button,form[data-action="salary_payment"] button,form[data-action="subscriber_restore"] button,form[data-tone="success"] button{background:linear-gradient(125deg,#409c86,#2f7e6c);border-color:#3c8e7b}form[data-action="subscriber_delete"] button,form[data-tone="danger"] button{background:linear-gradient(125deg,#c4636b,#a64e58);border-color:#b45862}form[data-action="employee_create"] button,form[data-action="employee_update"] button{background:linear-gradient(125deg,#8475ba,#685994);border-color:#7968aa}form[data-action="notification_send"] button,form[data-action="complaint"] button,form[data-action="complaint_update"] button{background:linear-gradient(125deg,#4d8cc3,#3673aa);border-color:#4a80b1}.correction-summary{display:flex;gap:25px;flex-wrap:wrap;padding:19px;background:#f3f7fc;border:1px solid #e4ecf5;border-radius:9px;margin:22px 0;font-size:12px;color:#879bb2}.correction-summary b{display:block;color:#315a84;font-size:23px;margin-top:6px;font-weight:500}.calculation-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;background:#eef7f3;border:1px solid #dcece5;border-radius:9px}.calculation-preview span{font-size:11px;color:#7a9f93;display:block}.calculation-preview strong{font-size:25px;color:#4a8c76;font-weight:500}.adjustment-note{padding:10px 0;font-size:12px;color:#899db3}.adjustment-note b{font-size:22px;color:#b28a4b;display:block}.adjustment-note small{font-size:10px;display:block;margin-top:3px;line-height:1.8}.portal-stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.topbar{position:relative;z-index:20}.amount-credit{color:#378b78!important}.welcome h2{font-weight:600}.stat>i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.stat>i{display:grid;place-items:center}.print-logo{display:none}@media(max-width:1150px){.generator-art{width:180px}.brand{font-size:14px!important}.company-mark{width:42px;height:42px}.notification-dropdown{width:330px}}@media(max-width:760px){.generator-art{display:none}.notification-menu{margin-inline-end:3px}.user{gap:7px}.notification-dropdown{position:fixed;top:145px;right:12px;left:12px;width:auto;max-height:65vh}.bell-items{max-height:45vh}.notification-trigger{height:35px;width:35px}.notification-trigger svg{width:21px;height:21px}.brand{font-size:19px!important}.company-mark{width:46px;height:46px}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-preview{flex-wrap:wrap}.alert-toast{left:15px;right:15px;bottom:15px;max-width:none}.auth-logo{max-width:340px}.topbar{z-index:30}.bell-heading{padding:15px}.stat b{font-size:24px}}@media print{.notification-menu,.alert-toast{display:none}.company-mark{display:none}.print-logo{display:block;max-width:300px}}
