.admin-bar{background:#073f37;padding:7px 0;box-shadow:0 8px 20px #073f371c}.admin-bar .container{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-top:0;padding-bottom:0;scrollbar-width:thin}.admin-bar-label{margin-right:10px;color:#9bd5be;font-size:10px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.admin-bar a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid transparent;border-radius:11px;color:#eaf8f1;font-size:12px;font-weight:700;line-height:1.1;transition:background .2s,transform .2s,border-color .2s}.admin-bar a:hover,.admin-bar a:focus-visible{background:#ffffff24;border-color:#ffffff35;text-decoration:none;transform:translateY(-2px);outline:none}.admin-bar .portal-nav-icon{width:16px;height:16px}.portal-footer{background:linear-gradient(135deg,#063f36,#075044);color:#eef9f4;padding:35px 0 16px}.portal-footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.portal-footer-top p{margin:8px 0 0 61px;color:#b5d9cc;font-size:13px}.portal-footer .footer-brand{display:flex;align-items:center;gap:12px}.portal-footer .footer-brand strong{font-size:24px}.portal-footer .footer-brand small{color:#c3e1d7}.footer-top-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffffff5c;border-radius:12px;color:#fff;font-weight:700;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}.footer-top-link:hover,.footer-top-link:focus-visible{background:#ffffff24;transform:translateY(-3px);text-decoration:none;color:#fff}.portal-footer-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;padding:0}.portal-footer-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:135px;padding:12px 14px;border:1px solid #ffffff2b;border-radius:12px;color:#f4fff9;background:#ffffff0d;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.portal-footer-links a span{color:#9bd9c2}.portal-footer-links a:hover,.portal-footer-links a:focus-visible{background:#ffffff24;transform:translateY(-3px);text-decoration:none;color:#fff}.portal-footer-contact{display:grid;grid-template-columns:1.4fr 1.1fr 1fr;gap:14px}.portal-footer-contact>div{padding:16px 18px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff0a;min-width:0}.portal-footer-contact small{display:block;color:#a7d0bf;font-size:10px;font-weight:800;letter-spacing:.08em}.portal-footer-contact span,.portal-footer-contact a{display:block;margin-top:8px;color:#f3fff8;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.portal-footer-contact a:hover,.portal-footer-contact a:focus-visible{color:#a8edca;text-decoration:underline}.portal-footer .footer-end{max-width:none;margin:25px 0 0;padding:14px 0 0;text-align:left;border-top:1px solid #ffffff30;color:#a9d2c3}.portal-footer .footer-end span{padding:0 7px}@media(max-width:800px){.portal-footer-contact{grid-template-columns:1fr 1fr}.portal-footer-contact>div:first-child{grid-column:1/-1}.portal-footer-links a{flex:1 1 150px}.admin-bar-label{display:none}}@media(max-width:560px){.portal-footer{padding-top:25px}.portal-footer-top{align-items:flex-start}.portal-footer-top p{margin-left:0}.footer-top-link span{display:none}.portal-footer-contact{grid-template-columns:1fr}.portal-footer-contact>div:first-child{grid-column:auto}.portal-footer .footer-end{font-size:11px}}
.admin-bar{margin:10px 12px;padding:12px 0;border:1px solid #6dc7a07a;border-radius:17px;background:linear-gradient(115deg,#087656,#064d40 70%,#096e54);box-shadow:0 15px 30px #0a5b4326}.admin-bar .container{max-width:none;justify-content:space-between;gap:18px;padding:0 22px;overflow:visible}.admin-bar a.admin-bar-brand{flex:none;display:flex;align-items:center;gap:12px;padding:0 20px 0 0;border:0;border-right:1px solid #ffffff38;border-radius:0;background:none;color:white;font-size:18px;letter-spacing:.01em}.admin-bar-brand:hover{transform:none!important}.admin-bar-logo{width:47px;height:47px;display:block;background:url('../images/logo-tpu-suka-mulya.png') center/contain no-repeat}.admin-bar-menu{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:thin}.admin-bar-menu a{gap:8px;padding:9px 11px;white-space:nowrap;font-size:12px}.admin-bar-menu .portal-nav-icon,.admin-bar-account .portal-nav-icon{width:20px;height:20px;padding:3px;box-sizing:content-box;border-radius:8px;background:#ffffff1b}.admin-bar-menu a.admin-bar-current{background:#ecf7e6;color:#074e3c;box-shadow:0 4px 15px #ddffe65c}.admin-bar-menu a.admin-bar-current .portal-nav-icon{background:none}.admin-bar a.admin-bar-account{flex:none;margin-left:auto;border-left:1px solid #ffffff38;border-radius:0;padding:6px 0 6px 18px}.admin-bar-account .portal-nav-icon{width:25px!important;height:25px!important;border-radius:50%!important}@media(max-width:1100px){.admin-bar .container{flex-wrap:wrap}.admin-bar-menu{order:3;width:100%;padding-top:6px}.admin-bar a.admin-bar-account{margin-left:auto}}@media(max-width:560px){.admin-bar{margin:8px}.admin-bar .container{padding:0 12px}.admin-bar a.admin-bar-brand{font-size:14px}.admin-bar-logo{width:38px;height:38px}.admin-bar-menu a{font-size:11px}}
@import url("organization.css");