*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f4f8f8;color:#163236}a{color:#0f8f8b;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#083d3f,#0b6f6d);color:#fff;padding:22px;position:fixed;left:0;top:0;bottom:0;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark,.login-logo{width:48px;height:48px;border-radius:16px;background:#fff;color:#0b6f6d;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}.brand strong{display:block;font-size:16px;line-height:1.3}.brand span{display:block;font-size:12px;opacity:.78;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#e8ffff;padding:11px 13px;border-radius:14px;text-decoration:none;font-weight:650;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.16)}.main{margin-left:270px;width:calc(100% - 270px);padding:22px 28px 36px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.topbar h1{margin:0;color:#12383c;font-size:25px}.topbar p{margin:5px 0 0;color:#719096}.userbox{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce8e9;border-radius:18px;padding:9px 10px;box-shadow:0 8px 20px rgba(11,111,109,.08)}.userbox span{font-weight:800}.userbox small{color:#789;padding:4px 8px;background:#f0f7f7;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:9px 14px;font-weight:800;cursor:pointer;text-decoration:none;gap:7px;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.98)}.btn-primary{background:#0d9488;color:#fff}.btn-info{background:#2563eb;color:#fff}.btn-warning{background:#f59e0b;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-light{background:#ecf5f5;color:#174145;border:1px solid #d6e5e5}.btn-sm{font-size:12px;padding:6px 9px;border-radius:9px}.btn-block{display:flex;width:100%;margin-top:8px}.alert{padding:13px 15px;border-radius:14px;margin-bottom:16px;font-weight:700}.alert-success{background:#dcfce7;color:#166534}.alert-danger{background:#fee2e2;color:#991b1b}.alert-warning{background:#fef3c7;color:#92400e}.kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #dce8e9;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(15,88,87,.08);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-20px;top:-25px;width:80px;height:80px;background:#dff7f5;border-radius:50%}.kpi span{display:block;color:#607e84;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kpi strong{display:block;font-size:25px;margin:8px 0;color:#0c4a4a;position:relative;z-index:1}.kpi em{font-style:normal;color:#7d969b;font-size:12px}.kpi.warn:after{background:#fff0c8}.kpi.danger:after{background:#ffe2e2}.kpi.info:after{background:#dbeafe}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid #dce8e9;border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(15,88,87,.08);margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card h2,.card-head h2{margin:0;color:#12383c;font-size:18px}.card h3{margin:16px 0 10px;color:#12383c}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.filter-form{display:flex;gap:9px;flex-wrap:wrap;align-items:center;flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap}.filter-form input,.filter-form select{min-width:150px}.filter-form input:first-of-type{min-width:330px}input,select,textarea{width:100%;border:1px solid #cfe0e2;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:#193b3f}textarea{resize:vertical}label{display:block;font-weight:750;color:#27494d;font-size:13px;margin-bottom:12px}label input,label select,label textarea{margin-top:7px}.form-card{max-width:1180px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.section-title{font-weight:900;color:#0b6f6d;margin:8px 0 14px;padding:11px 13px;background:#eefafa;border:1px solid #d1eeee;border-radius:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.checkline{display:flex;align-items:center;gap:8px;margin-top:26px}.checkline input{width:auto;margin:0}.table-wrap{overflow:auto;border-radius:14px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}th{background:#edf7f7;color:#31575c;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:11px;border-bottom:1px solid #dce8e9}td{padding:11px;border-bottom:1px solid #eef4f4;vertical-align:top}tbody tr:nth-child(even){background:#fbfdfd}.compact th,.compact td{padding:9px}.nowrap{white-space:nowrap}.right{text-align:right}.empty{text-align:center;color:#7d969b;padding:24px!important}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-muted{background:#eef2f4;color:#475569}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.bar-row span{font-weight:700}.bar-row strong{color:#0b6f6d}.bar-row div{grid-column:1/3;height:10px;background:#edf7f7;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:#0d9488;border-radius:999px}.mini-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.mini-stat div{background:#f3fbfb;border:1px solid #d7eeee;border-radius:16px;padding:14px;text-align:center}.mini-stat strong{display:block;font-size:24px;color:#0b6f6d}.mini-stat span{color:#68878c;font-size:12px;font-weight:800}.timeline{display:grid;gap:10px}.timeline div{padding:11px;border-left:4px solid #0d9488;background:#f8ffff;border-radius:10px}.timeline strong,.timeline span{display:block}.timeline span{margin:4px 0;color:#4b666a}.asset-main{display:grid;grid-template-columns:1fr 240px;gap:18px}.asset-detail h3{font-size:23px;margin:0 0 2px}.asset-detail p{margin:0 0 14px;color:#658287}.detail-list{display:grid;grid-template-columns:180px 1fr;gap:8px 12px;margin:0}.detail-list dt{font-weight:850;color:#5f7b80}.detail-list dd{margin:0;color:#183b3f}.qr-card{background:#f5fbfb;border:1px dashed #b8dada;border-radius:18px;padding:14px;text-align:center}.qr-card img{max-width:100%;max-height:160px;border-radius:12px;object-fit:cover;margin-bottom:10px}.qr-card #qr{display:inline-block;background:#fff;padding:8px;border-radius:10px}.qr-card small{display:block;margin-top:8px;color:#658287}.asset-strip{padding:13px 15px;background:#f2fbfb;border:1px solid #d5eeee;border-radius:16px;margin-bottom:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.asset-strip strong{color:#0b6f6d}.asset-strip span{font-weight:750}.asset-strip em{font-style:normal;color:#789}.confirm-box{background:#fffbeb;border:1px solid #fde68a;color:#6b4b00;border-radius:16px;padding:14px;margin-bottom:14px}.confirm-box p{margin:0}.signature-pad-wrap{border:1px dashed #9ccccc;background:#fbffff;border-radius:16px;padding:12px;display:inline-block;max-width:100%}.signature-pad{background:#fff;border-radius:12px;border:1px solid #d7e7e8;max-width:100%;height:auto}.signature-actions{margin-top:8px}.inline-form{display:grid;gap:5px;min-width:260px}.inline-form select,.inline-form input{padding:7px 8px;border-radius:9px;font-size:12px}.paper{background:#fff;border-radius:10px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.08);max-width:980px;margin:0 auto}.paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #0d9488;padding-bottom:16px;margin-bottom:18px}.paper-head h2{margin:0;color:#12383c}.paper-head p{margin:5px 0 0;color:#668}.paper-code{font-size:18px;font-weight:900;color:#0b6f6d;border:1px solid #0d9488;border-radius:10px;padding:9px 12px}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.paper-table{min-width:0;border:1px solid #dce8e9}.paper-table th{width:220px;background:#f3fbfb}.paper-table th,.paper-table td{border-bottom:1px solid #dce8e9}.statement{border:1px solid #dce8e9;background:#f8ffff;border-radius:12px;padding:12px}.sign-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.sign-box{height:130px;border:1px solid #dce8e9;border-radius:12px;margin:8px 0;padding:10px;display:grid;place-items:center}.sign-box img{max-width:100%;max-height:110px}.print-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hint{color:#6d858a;font-size:13px;line-height:1.5}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#d3fbf7,transparent 32%),linear-gradient(135deg,#0b6f6d,#073b44)}.login-card{width:min(460px,92vw);background:#fff;border-radius:28px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.login-logo{margin-bottom:14px;background:#0d9488;color:#fff}.login-card h1{margin:0 0 8px;color:#103c40}.login-card p{color:#607e84;margin:0 0 18px}.demo-user{display:grid;gap:5px;background:#f4fbfb;border:1px solid #dce8e9;border-radius:16px;padding:12px;margin-top:16px}.demo-user span{font-family:Consolas,monospace;color:#0b6f6d}hr{border:0;border-top:1px solid #dce8e9;margin:18px 0}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0;width:100%;padding:16px}.topbar,.toolbar{flex-direction:column;align-items:stretch}.grid-2{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.asset-main,.paper-grid,.sign-row{grid-template-columns:1fr}.filter-form input:first-of-type{min-width:100%}.userbox{justify-content:space-between}.detail-list{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.print-actions,.alert{display:none!important}.main{margin:0;width:100%;padding:0}.paper{box-shadow:none;max-width:100%;border-radius:0}.card{box-shadow:none}.app-shell{display:block}body{background:#fff}}

/* Public QR inventory page */
.public-qr-page{background:#f4f8f8;color:#163236}.public-wrap{max-width:1120px;margin:0 auto;padding:18px}.public-header{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:16px;background:#fff;border:1px solid #dce8e9;border-radius:22px;padding:16px 18px;box-shadow:0 10px 30px rgba(15,88,87,.08)}.public-header>div:nth-child(2){flex:1}.public-header h1{margin:0;color:#12383c;font-size:24px}.public-header p,.public-card-head p{margin:4px 0 0;color:#6b858a}.public-card-head{align-items:flex-start}.public-asset-grid{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.public-summary-box{background:#f5fbfb;border:1px solid #d8eeee;border-radius:18px;padding:14px}.public-summary-box img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:14px;margin-bottom:12px}.public-mini-stat{grid-template-columns:1fr;margin-bottom:12px}.latest-maintenance{background:#fff;border:1px solid #dce8e9;border-radius:16px;padding:13px}.latest-maintenance strong,.latest-maintenance span{display:block}.latest-maintenance span{font-size:22px;color:#0b6f6d;font-weight:900;margin:4px 0}.latest-maintenance p{margin:0 0 8px;color:#48666b}.public-maint-list{display:grid;gap:14px}.public-maint-item{border:1px solid #dce8e9;background:#fbfdfd;border-radius:18px;padding:14px}.public-maint-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #edf3f3}.public-maint-top strong{display:block;color:#0b6f6d;font-size:16px}.public-maint-top span{display:block;color:#607e84;margin-top:3px}.public-maint-detail{grid-template-columns:170px 1fr}.public-footer{text-align:center;color:#6d858a;font-size:12px;margin:18px 0 6px}.public-error-card{max-width:620px;margin:80px auto;text-align:center}.public-error-card h1{color:#991b1b}@media(max-width:800px){.public-wrap{padding:12px}.public-header{align-items:flex-start;flex-wrap:wrap}.public-header h1{font-size:20px}.public-asset-grid{grid-template-columns:1fr}.public-detail-list,.public-maint-detail{grid-template-columns:1fr}.public-maint-top{display:block}.public-maint-top .badge{margin-top:8px}}@media print{.public-header .btn{display:none!important}.public-wrap{max-width:100%;padding:0}.public-header,.card{box-shadow:none}.public-qr-page{background:#fff}.public-footer{margin-top:8px}}



/* Update QR public + TTD maintenance */
.public-signature-img{display:block;max-width:300px;max-height:105px;background:#fff;border:1px solid #dce8e9;border-radius:12px;padding:8px}
.public-header:after{content:"Publik";background:#dcfce7;color:#166534;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}
@media(max-width:800px){.public-signature-img{max-width:100%;height:auto}.public-header:after{display:none}}
@media print{.public-signature-img{max-height:80px}}


/* Mass barcode / QR label printing */
.barcode-screen-panel .card-head p{margin:4px 0 0}.barcode-filter{margin-top:8px}.barcode-print-area{display:grid;gap:12px;margin-bottom:28px}.barcode-cols-2{grid-template-columns:repeat(2,1fr)}.barcode-cols-3{grid-template-columns:repeat(3,1fr)}.barcode-cols-4{grid-template-columns:repeat(4,1fr)}.barcode-label{background:#fff;border:1px dashed #8dbfc0;border-radius:14px;padding:10px;break-inside:avoid;page-break-inside:avoid;box-shadow:0 6px 18px rgba(15,88,87,.06)}.barcode-label-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border-bottom:1px solid #e3eeee;padding-bottom:6px;margin-bottom:8px}.barcode-label-head strong{font-size:13px;color:#103c40;line-height:1.25;word-break:break-word}.barcode-label-head span{font-size:10px;background:#e9fbf9;color:#0b6f6d;border-radius:999px;padding:3px 7px;font-weight:900}.barcode-label-body{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}.qr-bulk-item{width:96px;height:96px;background:#fff;border:1px solid #d7e7e8;border-radius:10px;display:grid;place-items:center;overflow:hidden}.qr-bulk-item canvas,.qr-bulk-item img{width:86px!important;height:86px!important}.qr-bulk-item span{font-weight:900;color:#b4c9ca}.barcode-label-info h3{font-size:13px;line-height:1.25;margin:0 0 4px;color:#12383c}.barcode-label-info p{font-size:12px;line-height:1.25;margin:0 0 4px;font-weight:800;color:#0b6f6d}.barcode-label-info small{display:block;font-size:10px;color:#4f686c;line-height:1.25}.barcode-label-info em{display:block;font-size:9px;color:#80989c;font-style:normal;margin-top:4px}.barcode-label-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eaf2f2;margin-top:8px;padding-top:6px;font-size:9px;color:#5f7b80;font-weight:800}.barcode-size-small .barcode-label{padding:7px;border-radius:10px}.barcode-size-small .barcode-label-body{grid-template-columns:78px 1fr;gap:7px}.barcode-size-small .qr-bulk-item{width:78px;height:78px}.barcode-size-small .qr-bulk-item canvas,.barcode-size-small .qr-bulk-item img{width:70px!important;height:70px!important}.barcode-size-small .barcode-label-info h3{font-size:11px}.barcode-size-small .barcode-label-info p{font-size:10px}.barcode-size-small .barcode-label-info small,.barcode-size-small .barcode-label-foot{font-size:8px}.barcode-size-large .barcode-label{padding:14px}.barcode-size-large .barcode-label-body{grid-template-columns:126px 1fr;gap:13px}.barcode-size-large .qr-bulk-item{width:126px;height:126px}.barcode-size-large .qr-bulk-item canvas,.barcode-size-large .qr-bulk-item img{width:114px!important;height:114px!important}.barcode-size-large .barcode-label-info h3{font-size:16px}.barcode-size-large .barcode-label-info p{font-size:14px}.barcode-size-large .barcode-label-info small{font-size:12px}.barcode-size-large .barcode-label-foot{font-size:10px}@media(max-width:1000px){.barcode-cols-3,.barcode-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.barcode-cols-2,.barcode-cols-3,.barcode-cols-4{grid-template-columns:1fr}.barcode-label-body{grid-template-columns:96px 1fr}}
@media print{.barcode-screen-panel,.sidebar,.topbar,.alert,.print-actions{display:none!important}.main{margin:0!important;width:100%!important;padding:0!important}.app-shell{display:block!important}.barcode-print-area{display:grid!important;gap:4mm!important;margin:0!important}.barcode-cols-2{grid-template-columns:repeat(2,1fr)!important}.barcode-cols-3{grid-template-columns:repeat(3,1fr)!important}.barcode-cols-4{grid-template-columns:repeat(4,1fr)!important}.barcode-label{box-shadow:none!important;border:1px dashed #777!important;border-radius:3mm!important;margin:0!important}.barcode-label-head strong{font-size:10pt}.barcode-label-info h3{font-size:9pt}.barcode-label-info p{font-size:8pt}.barcode-label-info small{font-size:7pt}.barcode-label-info em,.barcode-label-foot{font-size:6.5pt}.barcode-size-small .barcode-label{min-height:38mm}.barcode-size-medium .barcode-label{min-height:52mm}.barcode-size-large .barcode-label{min-height:70mm}body{background:#fff!important}@page{size:A4;margin:8mm}}


/* Branding RSU dr. MOEDJITO DWIDJOSISWOJO */
.brand{align-items:flex-start}
.brand-logo{
    width:64px!important;
    height:64px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:#fff!important;
    padding:3px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    flex:0 0 64px!important;
}
.brand-name-block strong{display:block;font-size:16px;line-height:1.25}
.brand-name-block span{display:block;font-size:12px;opacity:.92;margin-top:4px;font-weight:700;line-height:1.35}
.brand-name-block small{display:block;font-size:11px;opacity:.76;margin-top:6px}

.login-brand{display:flex;gap:14px;align-items:center!important;margin-bottom:12px}
.login-logo-img{
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:#fff!important;
    padding:4px!important;
    box-shadow:0 10px 30px rgba(11,111,109,.18)!important;
    flex:0 0 92px!important;
}
.login-brand h1{margin:0 0 2px;color:#103c40;font-size:26px;line-height:1.2}
.login-brand h2{margin:0;font-size:16px;color:#0b6f6d;line-height:1.35}
.login-card p{color:#607e84;margin:0 0 18px;line-height:1.55}
.sidebar nav a{font-size:13.5px}
.public-signature-img{max-width:100%;max-height:130px;object-fit:contain;background:#fff;border:1px solid #dce8e9;border-radius:10px;padding:6px}

@media(max-width:900px){
    .brand-logo{width:56px!important;height:56px!important;flex-basis:56px!important}
    .login-logo-img{width:78px!important;height:78px!important;flex-basis:78px!important}
    .login-brand{align-items:flex-start!important}
    .login-brand h1{font-size:22px}
    .login-brand h2{font-size:14px}
}

/* ===== Perbaikan Cetak PDF Form Maintenance ===== */
.maintenance-print-toolbar{max-width:980px;margin:0 auto 14px;display:flex;justify-content:flex-end;gap:10px}
.maintenance-paper{position:relative;max-width:960px;padding:24px 30px 18px;border-radius:12px;color:#17353a;background:#fff;overflow:hidden}
.maintenance-paper:before{content:"";position:absolute;right:-90px;top:95px;width:260px;height:260px;background:url('logorsmd.jpg') center/contain no-repeat;opacity:.035;pointer-events:none}
.maintenance-letterhead{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:3px solid #0f766e;padding-bottom:14px;margin-bottom:14px;position:relative;z-index:1}
.letterhead-left{display:flex;align-items:center;gap:14px;min-width:0}
.letterhead-logo{width:74px;height:74px;object-fit:contain;border-radius:50%;border:1px solid #d7e7e8;background:#fff;padding:3px;flex:0 0 74px}
.letterhead-left h2{font-size:21px;letter-spacing:.02em;margin:0;color:#11363b;line-height:1.2;text-transform:uppercase}
.letterhead-left p{margin:4px 0 2px;color:#0f766e;font-size:14px;font-weight:800}
.letterhead-left span{display:block;color:#5d7377;font-size:12px;font-weight:700}
.letterhead-code{border:1px solid #0f766e;border-radius:12px;overflow:hidden;min-width:190px;text-align:center;background:#f6ffff;box-shadow:0 5px 14px rgba(15,118,110,.08)}
.letterhead-code small{display:block;background:#0f766e;color:#fff;padding:6px 8px;font-size:10px;font-weight:900;letter-spacing:.1em}
.letterhead-code strong{display:block;padding:10px 10px 2px;font-size:17px;color:#11363b;word-break:break-word}
.letterhead-code em{display:block;padding:0 10px 10px;font-style:normal;color:#607e84;font-size:12px;font-weight:700}
.maintenance-doc-title{text-align:center;margin:10px 0 16px;position:relative;z-index:1}
.maintenance-doc-title h1{font-size:20px;margin:0;color:#112f35;letter-spacing:.04em;text-decoration:underline;text-underline-offset:5px}
.maintenance-doc-title p{margin:8px 0 0;color:#6b7f82;font-size:12px}
.maintenance-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}
.maintenance-section{border:1px solid #d8e7e8;border-radius:12px;margin-bottom:14px;background:#fff;overflow:hidden;position:relative;z-index:1}
.maintenance-section h3{margin:0;padding:9px 12px;background:#eef8f7;color:#0d5f59;border-bottom:1px solid #d8e7e8;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.maintenance-info-table,.maintenance-result-table{width:100%;min-width:0!important;border-collapse:collapse!important;border-spacing:0!important}
.maintenance-info-table th,.maintenance-info-table td,.maintenance-result-table th,.maintenance-result-table td{border-bottom:1px solid #edf3f4;padding:8px 10px;vertical-align:top;font-size:12px;line-height:1.42;text-transform:none;letter-spacing:0}
.maintenance-info-table tr:last-child th,.maintenance-info-table tr:last-child td,.maintenance-result-table tr:last-child th,.maintenance-result-table tr:last-child td{border-bottom:0}
.maintenance-info-table th,.maintenance-result-table th{width:148px;background:#fbfefe;color:#4d686c;font-weight:900;text-align:left}
.maintenance-info-table td,.maintenance-result-table td{color:#17353a;word-break:break-word}
.maintenance-result-table th{width:210px}
.maintenance-statement{border:0;background:#fffaf0;border-bottom:1px dashed #d9b86e;border-radius:0;margin:0;padding:12px 14px;color:#4e3b0b;font-size:12px;line-height:1.55}
.maintenance-sign-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px}
.maintenance-sign-card{text-align:center;border:1px solid #d8e7e8;border-radius:12px;padding:12px;background:#fbffff;min-height:190px}
.maintenance-sign-card>strong{display:block;font-size:13px;color:#0d5f59;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.maintenance-sign-box{height:96px;border:1px dashed #bfd6d8;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:6px;overflow:hidden}
.maintenance-sign-box img{max-width:100%;max-height:86px;object-fit:contain}
.technician-sign-name{font-size:18px;font-weight:800;color:#17353a;line-height:1.25;font-family:"Segoe UI",Arial,sans-serif}
.maintenance-sign-card p{margin:0;font-weight:900;color:#17353a;line-height:1.35}
.maintenance-sign-card small{font-weight:600;color:#5d7377}
.maintenance-print-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d8e7e8;padding-top:8px;margin-top:8px;color:#6b7f82;font-size:10px;position:relative;z-index:1}
.no-break{break-inside:avoid;page-break-inside:avoid}

@media print{
    @page{size:A4;margin:10mm}
    html,body{background:#fff!important;color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
    .sidebar,.topbar,.print-actions,.maintenance-print-toolbar,.alert{display:none!important}
    .app-shell{display:block!important;min-height:0!important}
    .main{margin:0!important;width:100%!important;padding:0!important}
    .paper.maintenance-paper{box-shadow:none!important;border-radius:0!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
    .maintenance-paper:before{opacity:.025!important;right:8mm!important;top:46mm!important;width:80mm!important;height:80mm!important}
    .maintenance-letterhead{padding-bottom:4mm!important;margin-bottom:3mm!important;border-bottom:1.2mm solid #0f766e!important}
    .letterhead-logo{width:19mm!important;height:19mm!important;flex-basis:19mm!important;padding:1mm!important}
    .letterhead-left{gap:4mm!important}
    .letterhead-left h2{font-size:14pt!important;line-height:1.15!important}
    .letterhead-left p{font-size:10pt!important;margin:1mm 0!important}
    .letterhead-left span{font-size:8pt!important}
    .letterhead-code{min-width:42mm!important;border-radius:2mm!important;box-shadow:none!important}
    .letterhead-code small{font-size:7pt!important;padding:1.5mm 2mm!important}
    .letterhead-code strong{font-size:10pt!important;padding:2mm 2mm .5mm!important}
    .letterhead-code em{font-size:8pt!important;padding:0 2mm 2mm!important}
    .maintenance-doc-title{margin:3mm 0 4mm!important}
    .maintenance-doc-title h1{font-size:13pt!important;text-underline-offset:2mm!important}
    .maintenance-doc-title p{font-size:8pt!important;margin-top:1.5mm!important}
    .maintenance-meta-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important}
    .maintenance-section{border:0.3mm solid #cddfe1!important;border-radius:2mm!important;margin-bottom:4mm!important;box-shadow:none!important}
    .maintenance-section h3{font-size:8.5pt!important;padding:2mm 3mm!important;background:#eef8f7!important;border-bottom:0.3mm solid #cddfe1!important}
    .maintenance-info-table,.maintenance-result-table{min-width:0!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
    .maintenance-info-table th,.maintenance-info-table td,.maintenance-result-table th,.maintenance-result-table td{font-size:8.2pt!important;line-height:1.3!important;padding:1.7mm 2mm!important;border-bottom:0.25mm solid #e5eeee!important;word-break:break-word!important;white-space:normal!important}
    .maintenance-info-table th{width:30mm!important}
    .maintenance-result-table th{width:42mm!important}
    .maintenance-statement{font-size:8.3pt!important;line-height:1.4!important;padding:2.5mm 3mm!important;background:#fffaf0!important}
    .maintenance-sign-row{grid-template-columns:1fr 1fr!important;gap:5mm!important;padding:3.5mm!important}
    .maintenance-sign-card{min-height:40mm!important;padding:3mm!important;border-radius:2mm!important;background:#fbffff!important}
    .maintenance-sign-card>strong{font-size:8pt!important;margin-bottom:2mm!important}
    .maintenance-sign-box{height:23mm!important;margin-bottom:2.5mm!important;border-radius:2mm!important;padding:1mm!important}
    .maintenance-sign-box img{max-height:21mm!important}
    .technician-sign-name{font-size:10pt!important}
    .maintenance-sign-card p{font-size:8.5pt!important}
    .maintenance-sign-card small{font-size:7pt!important}
    .maintenance-print-footer{font-size:7pt!important;padding-top:2mm!important;margin-top:2mm!important}
    .badge{font-size:7pt!important;padding:1mm 2mm!important;border-radius:20mm!important}
}


/* ===== Revisi Cetak Form Maintenance: kembali ke format simpel sebelumnya ===== */
.maintenance-old-print{max-width:980px!important;padding:28px!important;position:relative!important;overflow:visible!important}
.maintenance-old-print:before{display:none!important;content:none!important}
.paper-head-with-logo{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:3px solid #0d9488!important;padding-bottom:16px!important;margin-bottom:18px!important}
.paper-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.paper-logo-transparent{width:68px;height:68px;object-fit:contain;border-radius:50%;background:transparent!important;padding:0;flex:0 0 68px}
.paper-title-wrap h2{margin:0;color:#12383c;font-size:22px;line-height:1.2}
.paper-title-wrap p{margin:4px 0 1px!important;color:#0b6f6d!important;font-size:14px;font-weight:900;text-transform:uppercase;line-height:1.25}
.paper-title-wrap small{display:block;color:#6b858a;font-size:12px;font-weight:700}
.maintenance-old-print .paper-code{font-size:18px;font-weight:900;color:#0b6f6d;border:1px solid #0d9488;border-radius:10px;padding:9px 12px;background:#fff;min-width:190px;text-align:center;word-break:break-word}
.maintenance-old-print .paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}
.maintenance-old-print h3{margin:16px 0 10px;color:#12383c;font-size:16px}
.maintenance-old-print .paper-table{width:100%;min-width:0!important;border:1px solid #dce8e9;border-collapse:collapse!important;border-spacing:0!important}
.maintenance-old-print .paper-table th,.maintenance-old-print .paper-table td{border-bottom:1px solid #dce8e9;padding:10px 12px;vertical-align:top;text-align:left;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.45}
.maintenance-old-print .paper-table th{width:220px;background:#f3fbfb;color:#31575c;font-weight:900}
.maintenance-old-print .paper-table tr:last-child th,.maintenance-old-print .paper-table tr:last-child td{border-bottom:0}
.maintenance-old-print .statement{border:1px solid #dce8e9;background:#f8ffff;border-radius:12px;padding:12px;color:#17353a;line-height:1.55}
.maintenance-old-print .sign-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}
.maintenance-old-print .sign-box{height:130px;border:1px solid #dce8e9;border-radius:12px;margin:8px 0;padding:10px;display:grid;place-items:center;background:#fff;overflow:hidden}
.maintenance-old-print .sign-box img{max-width:100%;max-height:112px;object-fit:contain}
.maintenance-old-print .sign-text-box{font-weight:900;font-size:17px;color:#17353a;text-align:center}
.maintenance-old-print p{color:#17353a}

@media print{
    @page{size:A4;margin:10mm!important}
    .maintenance-old-print{box-shadow:none!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;border-radius:0!important}
    .paper-head-with-logo{border-bottom:1mm solid #0d9488!important;padding-bottom:4mm!important;margin-bottom:4mm!important;page-break-inside:avoid!important}
    .paper-logo-transparent{width:18mm!important;height:18mm!important;flex-basis:18mm!important;background:transparent!important}
    .paper-title-wrap{gap:4mm!important}
    .paper-title-wrap h2{font-size:14pt!important;margin:0!important;line-height:1.15!important}
    .paper-title-wrap p{font-size:9pt!important;margin:1mm 0 .5mm!important;line-height:1.2!important}
    .paper-title-wrap small{font-size:8pt!important}
    .maintenance-old-print .paper-code{font-size:10pt!important;padding:2mm 3mm!important;min-width:42mm!important;border-radius:2mm!important}
    .maintenance-old-print .paper-grid{grid-template-columns:1fr 1fr!important;gap:5mm!important;margin-bottom:4mm!important}
    .maintenance-old-print h3{font-size:10pt!important;margin:4mm 0 2mm!important}
    .maintenance-old-print .detail-list{display:grid!important;grid-template-columns:33mm 1fr!important;gap:1.3mm 2mm!important;font-size:8.5pt!important}
    .maintenance-old-print .detail-list dt{font-size:8.5pt!important;color:#4f686c!important;font-weight:900!important}
    .maintenance-old-print .detail-list dd{font-size:8.5pt!important;color:#111!important;word-break:break-word!important}
    .maintenance-old-print .paper-table{table-layout:fixed!important;width:100%!important;min-width:0!important;border:0.25mm solid #dce8e9!important}
    .maintenance-old-print .paper-table th,.maintenance-old-print .paper-table td{font-size:8.5pt!important;line-height:1.35!important;padding:1.8mm 2mm!important;border-bottom:0.25mm solid #dce8e9!important;word-break:break-word!important;white-space:normal!important}
    .maintenance-old-print .paper-table th{width:42mm!important;background:#f3fbfb!important}
    .maintenance-old-print .statement{font-size:8.5pt!important;line-height:1.45!important;padding:2.5mm!important;border-radius:2mm!important;background:#f8ffff!important}
    .maintenance-old-print .sign-row{grid-template-columns:1fr 1fr!important;gap:6mm!important;margin-top:3mm!important;page-break-inside:avoid!important}
    .maintenance-old-print .sign-box{height:26mm!important;border-radius:2mm!important;margin:2mm 0!important;padding:1mm!important}
    .maintenance-old-print .sign-box img{max-height:24mm!important}
    .maintenance-old-print .sign-text-box{font-size:10pt!important}
    .maintenance-old-print .sign-row p,.maintenance-old-print .sign-row small{font-size:8pt!important;line-height:1.3!important}
}

/* Modul Jaringan & IT */
.network-kpi-grid{grid-template-columns:repeat(7,minmax(135px,1fr))}.network-status-card .detail-list dd{line-height:1.45}.network-live strong{display:block;font-size:28px;color:#0b6f6d;margin-bottom:6px}.network-live span{display:block;color:#607e84;font-weight:800;margin-bottom:8px}.network-live p{margin:0;color:#31575c;line-height:1.55}.suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.suggestion-grid div{background:#f3fbfb;border:1px solid #d7eeee;border-radius:16px;padding:14px}.suggestion-grid strong{display:block;color:#0b6f6d;margin-bottom:6px}.suggestion-grid span{color:#55757a;line-height:1.45;font-size:13px}@media(max-width:1200px){.network-kpi-grid,.suggestion-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.network-kpi-grid,.suggestion-grid{grid-template-columns:1fr}}

/* Update Dashboard Jaringan & IT: search + pagination */
.network-search-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f7fcfc;border:1px solid #dcebea;border-radius:14px;padding:10px;margin:10px 0 8px}
.network-search-form input{min-width:min(420px,100%);flex:1}
.table-meta{font-size:12px;color:#637c80;margin:8px 0 10px;font-weight:700}
.pagination-mini{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}
.pagination-mini a,.pagination-mini strong{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 10px;border-radius:10px;border:1px solid #d6e5e5;background:#fff;color:#174145;font-weight:800;text-decoration:none;font-size:12px}
.pagination-mini strong{background:#0d9488;color:#fff;border-color:#0d9488}
.pagination-mini a:hover{background:#ecf5f5;text-decoration:none}
.network-kpi-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}
@media(max-width:1200px){.network-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.network-kpi-grid{grid-template-columns:1fr}.pagination-mini{justify-content:flex-start}.network-search-form input{min-width:100%}}

/* Modern responsive table & pagination update */
.table-modern{border-collapse:separate;border-spacing:0 8px;min-width:920px}
.table-modern thead th{background:#f1fbfa;border-bottom:0;color:#244f54;font-size:11px;letter-spacing:.05em;padding:10px 12px;position:sticky;top:0;z-index:2}
.table-modern tbody tr{background:#fff;box-shadow:0 8px 22px rgba(15,88,87,.06)}
.table-modern tbody tr:nth-child(even){background:#fbfefe}
.table-modern tbody td{border-bottom:0;padding:12px;line-height:1.45}
.table-modern tbody td:first-child{border-radius:14px 0 0 14px}
.table-modern tbody td:last-child{border-radius:0 14px 14px 0}
.responsive-table-modern{border-radius:18px;background:#f7fcfc;padding:4px;box-shadow:inset 0 0 0 1px #e1eeee;overflow:auto}
.table-filter-modern{background:#fff;border:1px solid #dcebea;border-radius:18px;padding:10px;box-shadow:0 8px 22px rgba(15,88,87,.06)}
.table-filter-modern input{min-width:min(440px,100%)}
.pagination-mini{gap:7px;margin-top:14px;justify-content:flex-end}
.pagination-mini a,.pagination-mini strong{min-width:36px;height:34px;border-radius:999px;border:1px solid #d6e7e7;background:#fff;color:#18464a;box-shadow:0 6px 14px rgba(15,88,87,.06)}
.pagination-mini strong{background:linear-gradient(135deg,#0d9488,#0b6f6d);border-color:#0d9488;color:#fff}
.pagination-mini a:hover{background:#e9f8f7;transform:translateY(-1px)}
.table-meta{display:inline-flex;align-items:center;gap:6px;background:#f1fbfa;border:1px solid #d9eeee;border-radius:999px;padding:7px 11px;color:#507075}
.network-input-picker{max-width:980px}.network-form-block{max-width:1180px}.network-form-block[style*="none"]{display:none!important}
.grid-3:has(.card:nth-child(4)){grid-template-columns:repeat(4,1fr)}
@media(max-width:1300px){.grid-3:has(.card:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.grid-3:has(.card:nth-child(4)){grid-template-columns:1fr}.table-modern{min-width:760px}.pagination-mini{justify-content:flex-start}.table-meta{border-radius:14px;display:flex}.table-filter-modern input{min-width:100%}}

/* PDF library note card */
.pdf-reco-card{background:linear-gradient(135deg,#f7fcfc,#ffffff);border:1px solid #dcebea;border-radius:18px;padding:14px;margin-top:12px}.pdf-reco-card strong{color:#0b6f6d}.pdf-reco-card code{background:#eef7f7;border-radius:6px;padding:2px 5px}


/* ==========================================================
   SI MIMIT - Modern Professional Layout RSU dr. Moedjito
   ========================================================== */
:root{
    --rs-primary:#00796f;
    --rs-primary-dark:#075556;
    --rs-primary-soft:#e7f7f5;
    --rs-accent:#13a89e;
    --rs-blue:#2563eb;
    --rs-bg:#f4f8f8;
    --rs-card:#ffffff;
    --rs-border:#dbe9e8;
    --rs-text:#14383c;
    --rs-muted:#6b8589;
    --rs-shadow:0 14px 38px rgba(13,82,84,.10);
}
body{
    background:
      radial-gradient(circle at top left, rgba(19,168,158,.13), transparent 34%),
      linear-gradient(180deg,#f6fbfb 0%,#eef6f5 100%)!important;
    color:var(--rs-text)!important;
}
.app-shell{min-height:100vh}
.sidebar{
    width:292px!important;
    background:
      linear-gradient(180deg,rgba(6,73,75,.98),rgba(4,102,96,.98)),
      radial-gradient(circle at top right, rgba(255,255,255,.13), transparent 28%)!important;
    padding:22px 18px!important;
    border-right:1px solid rgba(255,255,255,.16);
    box-shadow:14px 0 38px rgba(7,85,86,.13);
}
.main{
    margin-left:292px!important;
    width:calc(100% - 292px)!important;
    padding:24px 30px 40px!important;
}
.brand-modern{
    gap:12px!important;
    align-items:center!important;
    padding:12px!important;
    margin-bottom:22px!important;
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
}
.brand-logo-wrap{
    width:58px;
    height:58px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:#fff;
    box-shadow:0 12px 26px rgba(0,0,0,.18);
    flex:0 0 58px;
    overflow:hidden;
}
.brand-logo{
    width:52px!important;
    height:52px!important;
    object-fit:contain!important;
    border-radius:14px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.brand-name-block strong{
    font-size:24px!important;
    letter-spacing:.2px;
    line-height:1.05!important;
    color:#fff;
}
.brand-name-block span{
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.35!important;
    color:#eaffff!important;
    opacity:.96!important;
    margin-top:4px!important;
}
.brand-name-block small{
    display:block;
    margin-top:5px;
    font-size:10.5px;
    color:#cbfffb;
    opacity:.82;
}
.sidebar nav{gap:6px!important}
.sidebar nav a{
    display:flex;
    align-items:center;
    min-height:42px;
    border-radius:15px!important;
    padding:10px 12px!important;
    color:#eefefe!important;
    font-weight:750!important;
    letter-spacing:.01em;
    transition:.18s ease;
}
.sidebar nav a:hover{
    background:rgba(255,255,255,.13)!important;
    transform:translateX(2px);
}
.sidebar nav a.active{
    background:#fff!important;
    color:var(--rs-primary-dark)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.topbar{
    background:rgba(255,255,255,.82);
    border:1px solid rgba(219,233,232,.88);
    border-radius:24px;
    padding:16px 18px;
    box-shadow:var(--rs-shadow);
    backdrop-filter:blur(14px);
}
.topbar-title h1,.topbar h1{
    font-size:27px!important;
    color:#12383c!important;
    letter-spacing:-.02em;
}
.topbar-title p,.topbar p{
    color:var(--rs-muted)!important;
    font-weight:650;
}
.userbox{
    border-radius:18px!important;
    box-shadow:none!important;
    background:#f7fbfb!important;
}
.card,.kpi{
    border:1px solid rgba(219,233,232,.95)!important;
    box-shadow:var(--rs-shadow)!important;
    border-radius:24px!important;
}
.card-head{
    border-bottom:1px solid #edf4f4;
    padding-bottom:12px;
}
.card h2,.card-head h2{
    font-size:19px!important;
    letter-spacing:-.01em;
}
.kpi{
    min-height:126px;
    background:linear-gradient(180deg,#fff,#fbffff)!important;
}
.kpi:after{
    width:105px!important;
    height:105px!important;
    right:-34px!important;
    top:-36px!important;
    background:linear-gradient(135deg,#d9fbf7,#f2fffd)!important;
}
.kpi strong{font-size:28px!important}
.btn{
    border-radius:14px!important;
    font-weight:850!important;
    box-shadow:0 7px 16px rgba(8,87,88,.08);
}
.btn-primary{background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent))!important}
.btn-info{background:linear-gradient(135deg,#1d4ed8,#38bdf8)!important}
.btn-light{background:#f3fbfb!important;border:1px solid #d8e9e8!important;color:#16464a!important}
input,select,textarea{
    border-radius:14px!important;
    border-color:#cfe2e1!important;
    background:#fff!important;
}
input:focus,select:focus,textarea:focus{
    outline:none!important;
    border-color:var(--rs-accent)!important;
    box-shadow:0 0 0 4px rgba(19,168,158,.13)!important;
}
.table-wrap{
    border:1px solid #e3eeee;
    border-radius:18px!important;
    background:#fff;
}
table{border-collapse:separate!important;border-spacing:0!important}
th{
    background:linear-gradient(180deg,#eefafa,#e6f5f4)!important;
    color:#31575c!important;
    font-size:11.5px!important;
    font-weight:900!important;
}
td{border-bottom:1px solid #edf4f4!important}
tbody tr:hover{background:#f5fcfb!important}
.badge{
    border-radius:999px!important;
    padding:5px 10px!important;
    font-weight:900!important;
}
.login-shell{
    background:
      radial-gradient(circle at 18% 12%,rgba(190,255,248,.42),transparent 33%),
      radial-gradient(circle at 84% 86%,rgba(19,168,158,.30),transparent 34%),
      linear-gradient(135deg,#06494b,#00796f 54%,#0b5b75)!important;
}
.login-card{
    width:min(520px,92vw)!important;
    border-radius:32px!important;
    padding:34px!important;
    box-shadow:0 34px 90px rgba(0,0,0,.28)!important;
    border:1px solid rgba(255,255,255,.72);
}
.login-brand{gap:16px!important}
.login-logo-img{
    width:88px!important;
    height:88px!important;
    object-fit:contain!important;
    border-radius:24px!important;
    background:#fff!important;
    padding:6px!important;
}
.login-brand h1{
    font-size:36px!important;
    color:var(--rs-primary-dark)!important;
    letter-spacing:-.04em;
    margin-bottom:4px!important;
}
.login-brand h2{
    font-size:14.5px!important;
    color:#24575b!important;
    font-weight:900!important;
    line-height:1.35!important;
}
.login-brand small{
    display:block;
    margin-top:6px;
    color:var(--rs-primary);
    font-weight:850;
}
.login-card p{font-size:14px;line-height:1.65!important}
.demo-user{display:none!important}

/* Modern pagination utility, works with existing generated pagination links */
.pagination,.pager,.table-pagination{
    display:flex!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    margin:16px 0 4px!important;
}
.pagination a,.pagination span,.pager a,.pager span,.table-pagination a,.table-pagination span{
    min-width:36px;
    height:36px;
    display:inline-grid;
    place-items:center;
    padding:0 11px;
    border-radius:12px;
    border:1px solid #d8e8e7;
    background:#fff;
    color:#14575b;
    font-weight:850;
    text-decoration:none!important;
}
.pagination .active,.pager .active,.table-pagination .active,
.pagination span.active,.pager span.active,.table-pagination span.active{
    background:linear-gradient(135deg,var(--rs-primary),var(--rs-accent));
    color:#fff;
    border-color:transparent;
}
@media(max-width:1100px){
    .sidebar{position:static!important;width:100%!important;border-radius:0 0 28px 28px}
    .main{margin-left:0!important;width:100%!important;padding:18px!important}
    .brand-modern{max-width:760px}
    .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}
}
@media(max-width:700px){
    .sidebar nav{grid-template-columns:1fr}
    .topbar{align-items:stretch!important}
    .login-brand{align-items:flex-start!important}
    .login-logo-img{width:74px!important;height:74px!important}
    .login-brand h1{font-size:30px!important}
}
@media print{
    .sidebar,.topbar,.pagination,.pager,.table-pagination{display:none!important}
    .main{margin:0!important;width:100%!important;padding:0!important}
}