@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";:root{--peps-blue: #1193d2;--peps-blue-soft: #8ed3f6;--peps-orange: #f9b812;--text: #0b2a3a;--muted: #667085;--bg: #ffffff}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow-y:scroll}.appShell,.loginPage{scrollbar-gutter:stable}.loginPage{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(1200px 520px at 50% 0%,rgba(17,147,210,.12),transparent 55%),linear-gradient(180deg,#fff,#f6fbff)}.loginCard{width:min(640px,92vw);border-radius:22px;border:1px solid rgba(17,147,210,.16);box-shadow:0 24px 90px #022e4e29}.loginInner{max-width:520px;margin:0 auto;padding:40px 16px 38px}.loginHero{display:grid;justify-items:center;gap:14px;padding-top:0}.loginLogo{height:160px;width:auto;display:block;max-width:min(460px,92%);object-fit:contain}.loginTagline{font-family:Comfortaa,sans-serif;font-size:18px;font-weight:400;color:var(--peps-blue);line-height:1.25}.loginButton{height:56px;border-radius:16px;font-weight:600;box-shadow:0 18px 36px #1193d22e!important;background:linear-gradient(90deg,#1a9cda,#85cff4)!important;border-color:transparent!important}.loginButton.ant-btn-primary{color:#fff!important;font-size:17px;background:linear-gradient(180deg,#1aa0db,#1193d2)!important;border-color:#1193d2a6!important;box-shadow:0 20px 44px #1193d257,inset 0 1px #ffffff40!important}.loginButton.ant-btn-primary:hover{background:linear-gradient(180deg,#25a8e1,#139bda)!important;box-shadow:0 22px 46px #1193d261,inset 0 1px #ffffff4d!important;transform:translateY(-1px)}.loginButton.ant-btn-primary:active{background:linear-gradient(180deg,#168ec8,#0d80b6)!important;box-shadow:0 16px 32px #1193d24d!important;transform:translateY(0)}.loginFooter{text-align:center;color:#0b2a3a85;font-size:12px;padding-top:16px}.loginCard .ant-form-item-label>label{font-weight:500;font-size:15px;color:#0b2a3adb}.loginCard .ant-input,.loginCard .ant-input-affix-wrapper{height:52px;border-radius:12px;border-color:#1193d238;box-shadow:none}.loginCard .ant-input-affix-wrapper .ant-input{height:auto}.loginCard .ant-input:hover,.loginCard .ant-input-affix-wrapper:hover{border-color:#1193d261}.loginCard .ant-input:focus,.loginCard .ant-input-affix-wrapper-focused{border-color:#1193d2b3;box-shadow:0 0 0 4px #1193d21f}.appShell{min-height:100vh;background:#f7fbff}.appHeader{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8ed3f6d9;border-bottom:1px solid rgba(17,147,210,.18)}.appHeaderInner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.headerLeft{display:flex;align-items:center;gap:14px;flex:1;min-width:380px}.brandLogoWrap{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;padding:0;border-radius:10px;background:transparent;border:1px solid var(--peps-orange);box-shadow:0 5px 10px #022e4e1f}.brandLogo{height:40px;width:auto;display:block;padding:0;border-radius:6px;background:transparent;border:0;filter:drop-shadow(0 3px 6px rgba(2,46,78,.16))}.content{max-width:1200px;margin:16px auto 40px;padding:0 16px;min-height:70vh}.pageTitleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.pageTitleRow h1{margin:0;font-size:22px}.muted{color:var(--muted)}.navPill{border-radius:10px;font-weight:600;font-size:15px;padding:6px 12px;height:44px;background:linear-gradient(180deg,#d9f1ff,#9fd6f3);border:1px solid rgba(17,147,210,.4);box-shadow:0 8px 18px #1193d233,inset 0 1px #ffffff8c}.navPill.ant-btn-primary{color:#072433!important;border-color:#1193d259!important;background:linear-gradient(180deg,#fff,#eef7ff)!important;box-shadow:0 10px 20px #1193d22e,inset 0 1px #ffffffd9}.navPill.ant-btn-primary:hover{filter:brightness(.985)}.dropdownBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.systemDropdown{margin-top:12px}.systemDropdown .ant-dropdown-menu{border-radius:14px;padding:18px;box-shadow:0 18px 50px #0f172a2e;background:#fff;min-width:240px}.systemDropdown .ant-dropdown-menu-item{border-radius:10px;font-size:15px;font-family:inherit;font-weight:600;background:linear-gradient(180deg,#fff,#eef7ff);border:1px solid rgba(17,147,210,.18);margin:0;height:44px;display:flex;align-items:center}.systemDropdown .ant-dropdown-menu-title-content{font-size:15px;font-weight:600;color:#072433;line-height:1}.systemDropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{margin-top:12px}.systemDropdown .ant-dropdown-menu-item:hover{box-shadow:0 10px 24px #022e4e1f;transform:translateY(-1px);background:linear-gradient(180deg,#fff,#e3f2ff)}.systemDropdown .ant-dropdown-menu-item{transition:transform .12s ease,box-shadow .12s ease,background .12s ease;padding:0 16px}.clickableRow{cursor:pointer}.clickableRow:hover td{background:#1193d20f!important}.actionGroup{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.actionGroup .ant-btn{min-width:132px;max-width:132px;padding-left:10px;padding-right:10px}.actionGroup .ant-btn>span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerRight{display:flex;align-items:center}.headerRightCompact{display:flex;flex-direction:column;align-items:center;gap:4px}.logoutPillOrange{height:40px;border-radius:10px;font-weight:600;font-size:15px;color:#0b2a3aeb!important;border-color:transparent!important;background:linear-gradient(180deg,#ffecb6,#f7c74c)!important;box-shadow:0 8px 16px #f59c0e2e,inset 0 1px #ffffffa6!important}.logoutPillOrange:hover{filter:brightness(.985)}.ant-btn{border-radius:10px;height:42px;padding:0 18px;line-height:40px;box-shadow:0 8px 18px #022e4e1f}.ant-btn:active{box-shadow:0 3px 8px #022e4e2e}.ant-btn-default{background:linear-gradient(180deg,#fff,#f3f7fb);border-color:#1193d240;box-shadow:0 8px 18px #022e4e1a,inset 0 1px #ffffffb3}.ant-btn-default:hover{background:linear-gradient(180deg,#fff,#eaf3fb);border-color:#1193d259}.ant-btn-primary{color:#072433!important;background:linear-gradient(180deg,#bfe7fb,#8ed3f6)!important;border-color:#1193d273!important;box-shadow:0 12px 22px #1193d233,inset 0 1px #ffffffbf!important}.ant-btn-primary:hover{color:#072433!important;background:linear-gradient(180deg,#d3f0ff,#9fdaf8)!important;border-color:#1193d280!important;box-shadow:0 14px 26px #1193d23d,inset 0 1px #fffc!important;transform:translateY(-1px)}.ant-btn-primary:active{color:#072433!important;background:linear-gradient(180deg,#b1e2fb,#87cdf2)!important;box-shadow:0 8px 16px #1193d233!important;transform:translateY(0)}.ant-btn-dangerous{color:var(--text)!important;border-color:#fbd26b!important;background:#fff!important;box-shadow:0 6px 12px #f9b8121f,inset 0 1px #ffffffb3!important}.ant-btn-dangerous:hover{background:#fffdf8!important;border-color:#f9b812!important;box-shadow:0 8px 16px #f9b81229!important;transform:translateY(-1px)}.ant-btn-dangerous:active{background:#fff7ea!important;box-shadow:0 5px 10px #f9b81224!important;transform:translateY(0)}.cpSearchField{position:relative}.cpSearchDropdown{position:absolute;z-index:1000;width:100%;margin-top:4px;background:#fff;border:1px solid #d9d9d9;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:260px;overflow:auto}.cpSearchOption{padding:8px 12px;cursor:pointer}.cpSearchOption+.cpSearchOption{border-top:1px solid #f0f0f0}.cpSearchOption:hover{background:#f5f5f5}.cpSearchCode{font-variant-numeric:tabular-nums}.cpCreateRow{margin-top:6px}.cpCreatePanel{display:grid;gap:8px;margin-top:6px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.cpCreateActions{display:flex;justify-content:flex-end}.cpCreateError{color:#b42318;font-size:12px}