.system-profile-page{--profile-blue: #087bc1;--profile-blue-strong: #1468d8;--profile-cyan: #73dce9;--profile-cyan-soft: #e9fbfd;--profile-orange: #f26a00;--profile-line: #d4dde5;min-height:100%;overflow-x:hidden;background:#f5f8fb!important;padding:10px 12px 34px}.system-profile-hero{margin:0 auto 14px;max-width:1600px}.system-profile-titlebar{position:relative;display:grid;grid-template-columns:minmax(180px,auto) 1fr minmax(180px,auto);align-items:center;min-height:52px;padding:6px 14px;border:1px solid #5eaff0;border-radius:5px;background:linear-gradient(180deg,#4aaff4,#208ddd 58%,#2087d4);box-shadow:0 3px 9px #19568442;color:#fff}.system-profile-titlecopy{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;min-width:0}.system-profile-titlecopy h1,.system-profile-titlecopy strong{margin:0;font-size:clamp(20px,2vw,30px);font-weight:900;line-height:1.25}.system-profile-titlecopy h1{white-space:nowrap}.system-profile-titlecopy strong{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-profile-back{display:inline-flex;align-items:center;justify-content:flex-start;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:#00529759;color:#fff;font-size:12px;font-weight:800}.system-profile-back:hover{background:#00488785}.system-profile-back svg{width:18px;height:18px}.system-profile-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.system-profile-actions .profile-export-actions{gap:14px}.system-profile-actions .profile-export-actions .system-list-action{min-height:40px;padding:0!important;border-radius:0!important;font-size:13px!important}.system-profile-actions .profile-export-actions .system-list-action svg{width:30px;height:30px}.system-profile-actions .profile-export-actions .profile-export-spinner{animation:profile-export-spin .75s linear infinite}@keyframes profile-export-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.system-profile-actions .profile-export-actions .profile-export-spinner{animation-duration:1.4s}}.system-profile-overview{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(420px,2.15fr) minmax(220px,.9fr);gap:12px;align-items:stretch;margin-top:10px;padding:18px 20px;border:1px solid #a6e1e8;border-radius:12px;background:linear-gradient(115deg,#eaffff 0%,var(--profile-cyan) 100%);box-shadow:0 4px 12px #2c5b6f3b}.system-profile-avatar{position:relative;align-self:center;justify-self:center;width:158px;height:158px;overflow:hidden;border:1px solid #62bdcc;border-radius:50%;background:#87ebf2;box-shadow:0 8px 14px #1c617e45}.system-profile-avatar-head{position:absolute;inset:21px auto auto 50%;width:62px;height:62px;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#dc78df,#aa73e8)}.system-profile-avatar-body{position:absolute;inset:auto auto -25px 50%;width:132px;height:94px;transform:translate(-50%);border-radius:64px 64px 18px 18px;background:linear-gradient(150deg,#9669ed,#5561ef)}.system-profile-avatar>svg{display:none}.system-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-content:center}.system-profile-name-row,.system-profile-detail{position:relative;display:flex;min-height:50px;flex-direction:column;align-items:center;justify-content:center;padding:5px 50px 5px 14px;border:1px solid rgba(126,151,163,.28);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f4f4);box-shadow:0 3px 6px #3b515b2e;text-align:center}.system-profile-name-row{grid-column:1 / -1}.system-profile-name-row span,.system-profile-detail span{color:#e55200;font-size:12px;font-weight:900}.system-profile-name-row strong,.system-profile-detail strong{max-width:100%;overflow-wrap:anywhere;color:#111827;font-size:14px;font-style:normal;font-weight:900}.system-profile-name-row small{color:#586470;font-size:11px;font-weight:700}.system-profile-detail i{position:absolute;inset-inline-end:-7px;display:grid;width:43px;height:43px;place-items:center;transform:rotate(45deg);border:4px solid #ffae00;border-radius:8px;background:linear-gradient(135deg,#ff7800,#e73900);box-shadow:0 2px 5px #69390a3d;color:#fff;font-style:normal}.system-profile-detail i>svg{width:20px;height:20px;transform:rotate(-45deg)}.system-profile-detail.is-wide{grid-column:1 / -1}.system-profile-summary{display:flex;min-width:0;flex-direction:column;padding:10px;border:1px solid #c8d2d8;border-radius:7px;background:#fff;box-shadow:0 3px 7px #2c3d463b}.system-profile-summary h2{margin:0 0 9px;padding:10px;border-radius:7px;background:var(--profile-orange);color:#fff;font-size:15px;font-weight:900;text-align:center}.system-profile-summary-list{display:grid;gap:7px}.system-profile-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;min-height:39px;padding:6px 10px;border-radius:5px;background:#78d8e8;color:#07196c}.system-profile-summary-row span{font-size:12px;font-weight:900}.system-profile-summary-row strong{font-size:15px;font-weight:900;white-space:nowrap}.system-profile-summary-row small{grid-column:1 / -1;color:#42536a;font-size:10px}.system-profile-summary-row.is-clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.system-profile-summary-row.is-clickable:hover{transform:translateY(-1px);box-shadow:0 3px 8px #1e597733}.system-profile-summary-row.is-active{outline:2px solid #087bc1;outline-offset:1px}.system-profile-summary-row.is-success{background:#dff6e9;color:#087a3a}.system-profile-summary-row.is-danger{background:#ffe3e3;color:#b7192b}.system-profile-summary-row.is-warning{background:#fff1d6;color:#a34d00}.system-profile-summary-row:last-child{background:#17177d;color:#fff}.system-profile-page .system-profile-content{max-width:1600px;margin-inline:auto}.system-profile-page .system-profile-panel{overflow:hidden;border:1px solid #cfd8df;border-radius:4px;background:#fff;box-shadow:0 2px 7px #283b482e}.system-profile-page .system-profile-panel-title{display:flex;align-items:center;gap:8px;min-height:46px;margin:0;padding:9px 14px;border-bottom:2px solid #218aff;background:#e0f3fd;color:#075b9f;font-size:17px;font-weight:900}.system-profile-page table{width:100%;border-collapse:collapse;background:#fff}.system-profile-page table thead{background:#c5eafb!important}.system-profile-page table th{padding:10px 12px!important;border-bottom:2px solid #278dff!important;color:#075b9f!important;font-size:12px!important;font-weight:900!important;text-align:center!important;white-space:nowrap}.system-profile-page table td{padding:9px 12px!important;border-bottom:1px solid #d7dde1!important;font-size:12px!important;text-align:center!important}.system-profile-page table tbody tr:nth-child(2n){background:#f3f3f3}.system-profile-page table tbody tr:hover{background:#edf8ff}.system-profile-transaction-list{display:grid;gap:0!important;border:1px solid #d7dde1}.system-profile-transaction-row{margin:0!important;border-width:0 0 1px!important;border-radius:0!important;background:#fff!important;color:#263746!important}.system-profile-transaction-row:nth-child(2n){background:#f3f3f3!important}.system-profile-page[data-page-export-root=supplier-details] .system-profile-panel .max-h-96 .space-y-2{display:grid;gap:0;border:1px solid #d7dde1}.system-profile-page[data-page-export-root=supplier-details] .system-profile-panel .max-h-96 .space-y-2>div{margin:0;border-bottom:1px solid #d7dde1;border-radius:0!important;background:#fff}.system-profile-page[data-page-export-root=supplier-details] .system-profile-panel .max-h-96 .space-y-2>div:nth-child(2n){background:#f3f3f3}.employee-profile main>section.print-card{overflow:hidden;border:1px solid #cfd8df;border-radius:4px!important;background:#fff;box-shadow:0 2px 7px #283b482e}.employee-profile main>section.print-card>h2{display:flex;min-height:46px;align-items:center;margin:0!important;padding:9px 14px;border-bottom:2px solid #218aff;background:#e0f3fd;color:#075b9f;font-size:17px;font-weight:900}@media (max-width: 1100px){.system-profile-titlebar{grid-template-columns:auto 1fr}.system-profile-actions{grid-column:1 / -1;justify-content:center}.system-profile-overview{grid-template-columns:140px minmax(0,1fr)}.system-profile-avatar{width:128px;height:128px}.system-profile-summary{grid-column:1 / -1}.system-profile-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.system-profile-page{padding:7px}.system-profile-titlebar{display:flex;flex-wrap:wrap;justify-content:space-between}.system-profile-titlecopy{order:-1;width:100%}.system-profile-titlecopy h1,.system-profile-titlecopy strong{font-size:18px}.system-profile-back span{display:none}.system-profile-overview{display:flex;flex-direction:column;padding:14px 10px}.system-profile-details{grid-template-columns:1fr;width:100%}.system-profile-name-row,.system-profile-detail,.system-profile-detail.is-wide{grid-column:auto}.system-profile-summary-list{grid-template-columns:1fr}.system-profile-page .overflow-x-auto{overflow-x:auto}}@media print{.system-profile-page{padding:0!important;background:#fff!important}.system-profile-titlebar{background:#218edc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.system-profile-back,.system-profile-actions{display:none!important}.system-profile-overview,.system-profile-summary-row,.system-profile-summary h2,.system-profile-page table thead{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.system-profile-tabs{display:grid;grid-template-columns:repeat(var(--profile-tab-count, 4),minmax(0,1fr));max-width:1600px;margin:0 auto 12px;border-bottom:1px solid #ccd8e2;background:#fff}.system-profile-tabs button{position:relative;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:0;background:transparent;color:#397abb;font-size:13px;font-weight:800;transition:background-color .14s ease,color .14s ease}.system-profile-tabs button:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;transform:scaleX(0);background:#176ee6;transition:transform .15s ease}.system-profile-tabs button:hover{background:#f2f8fd;color:#075da6}.system-profile-tabs button.is-active{color:#075da6}.system-profile-tabs button.is-active:after{transform:scaleX(1)}.system-profile-tabs i{display:grid;place-items:center}.system-profile-tabs svg{width:22px;height:22px;stroke-width:2.2}.system-profile-tabs small{display:inline-flex;min-width:24px;height:20px;align-items:center;justify-content:center;padding-inline:6px;border-radius:10px;background:#e8f3fc;color:#075da6;font-size:10px;font-weight:900}.system-profile-tabs button:focus-visible{z-index:1;outline:2px solid #53a9ef;outline-offset:-2px}.system-profile-tab-panel.is-hidden{display:none}@media (max-width: 700px){.system-profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.system-profile-tabs button{min-height:44px;font-size:12px}}@media print{.system-profile-tabs{display:none!important}.system-profile-tab-panel.is-hidden{display:block!important}}