:root{color:#17223b;font-synthesis:none;text-rendering:optimizelegibility;--blue:#1769e8;--blue-dark:#0c4fbd;--blue-soft:#e9f2ff;--ink:#17223b;--muted:#73809a;--line:#e1e9f5;background:#f4f8ff;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-screen{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,600px);min-height:100dvh;margin:0 auto;padding:40px clamp(20px,6vw,40px);display:flex;position:relative}.auth-logo{object-fit:contain;mix-blend-mode:multiply;width:149px;height:auto;margin-bottom:24px}.auth-screen .auth-login{justify-content:center;margin-top:30px;text-decoration:none}.auth-error{color:#9c3232;font-size:15px;line-height:1.5}.auth-profile{overflow-wrap:anywhere;width:100%}*{box-sizing:border-box}html,body{background:#f4f8ff;min-width:320px;min-height:100%}body{margin:0}button,a,input{font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1769e847}.app-shell{background:radial-gradient(circle at 90% 6%,#2a7bf11a,#0000 28rem),linear-gradient(#fbfdff 0%,#f4f8ff 100%);min-height:100vh;position:relative;overflow:hidden}.app-content{z-index:1;width:min(100%,820px);min-height:100vh;margin:0 auto;padding:0 clamp(16px,5vw,36px) 124px;position:relative}.watermark{z-index:0;opacity:.03;pointer-events:none;mix-blend-mode:multiply;width:min(680px,92vw);position:absolute;top:104px;right:max(-110px,50vw - 520px)}.watermark img{width:100%;display:block}.header{justify-content:space-between;align-items:center;gap:16px;min-height:88px;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.brand img{object-fit:contain;mix-blend-mode:multiply;width:67px;height:auto;display:block}.brand span{letter-spacing:.08em;font-size:15px;font-weight:800}.icon-button{width:48px;height:48px;color:var(--blue);cursor:pointer;background:#ffffffdb;border:1px solid #dce7f6;border-radius:16px;flex:none;place-items:center;display:inline-grid;box-shadow:0 8px 26px #1e5ba714}.main-content{padding-top:clamp(20px,5vw,42px)}.hero{margin-bottom:clamp(26px,6vw,42px)}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1{color:#14203a;letter-spacing:-.045em;margin:0;font-size:clamp(30px,8vw,46px);font-weight:800;line-height:1.08}.subtitle{color:var(--muted);margin:12px 0 0;font-size:clamp(17px,4.5vw,20px);line-height:1.55}.details-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:clamp(24px,7vw,28px);padding:4px clamp(20px,6vw,28px);overflow:hidden;box-shadow:0 16px 48px #26529012}.detail-row{border-bottom:1px solid #e9eef6;grid-template-columns:auto minmax(76px,.7fr) minmax(0,1.35fr);align-items:center;gap:clamp(10px,3vw,16px);min-height:clamp(72px,19vw,80px);display:grid}.detail-row:last-child{border-bottom:0}.detail-icon{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:13px;place-items:center;display:grid}.detail-label{color:var(--muted);flex:none;font-size:clamp(15px,4vw,17px);font-weight:600}.detail-row strong{overflow-wrap:anywhere;color:var(--ink);text-align:right;font-size:clamp(16px,4.2vw,18px);font-weight:700;line-height:1.35}.detail-row strong.accent-value{color:var(--blue)}.status-badge{color:#087443;background:#e8f8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:clamp(14px,3.8vw,15px);font-weight:800;display:inline-flex}.status-badge i{background:#14a865;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #14a8651f}.primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2478ef,#0b57d0);border-radius:clamp(20px,6vw,24px);justify-content:space-between;align-items:center;width:100%;min-height:clamp(64px,18vw,72px);margin-top:20px;padding:0 clamp(20px,6vw,28px);font-size:clamp(18px,5vw,22px);font-weight:800;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 16px 34px #1769e840}.primary-action:hover{transform:translateY(-2px);box-shadow:0 20px 40px #1769e84d}.quick-actions{gap:10px;margin-top:26px;display:grid}.quick-actions button,.drawer nav button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.quick-actions button{background:#ffffffc7;border:1px solid #e2eaf6;border-radius:20px;grid-template-columns:auto 1fr;min-height:68px;padding:10px 16px 10px 10px;font-size:15px;font-weight:700}.action-icon{width:46px;height:46px;color:var(--blue);background:var(--blue-soft);border-radius:15px;place-items:center;display:grid}.bottom-nav{z-index:10;right:max(10px,50vw - 410px);bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #d9e4f3e6;border-radius:24px;grid-template-columns:repeat(4,1fr);min-height:76px;padding:8px;display:grid;position:fixed;left:max(10px,50vw - 410px);box-shadow:0 18px 46px #183f7429}.bottom-nav button{color:#8995aa;cursor:pointer;background:0 0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:clamp(10px,2.8vw,12px);font-weight:700;display:flex}.bottom-nav button.active{color:var(--blue);background:var(--blue-soft)}.inner-page{border:1px solid var(--line);background:#ffffffe0;border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 230px);padding:clamp(24px,7vw,42px);display:flex;box-shadow:0 16px 48px #26529012}.inner-page__icon{width:70px;height:70px;color:var(--blue);background:var(--blue-soft);border-radius:22px;place-items:center;margin-bottom:28px;display:grid}.inner-page .primary-action{margin-top:32px}.text-button{color:var(--blue);cursor:pointer;background:0 0;align-self:center;margin-top:22px;padding:10px;font-weight:700}.drawer-backdrop{z-index:19;visibility:hidden;opacity:0;cursor:default;background:#111f3861;transition:opacity .22s,visibility .22s;position:fixed;inset:0}.drawer-backdrop.visible{visibility:visible;opacity:1}.drawer{z-index:20;background:#fff;border-left:1px solid #e2eaf6;width:min(88vw,370px);padding:22px;transition:transform .24s;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-24px 0 70px #1731592e}.drawer.open{transform:translate(0)}.drawer{overflow-y:auto}.account-page{justify-content:flex-start;gap:14px}.account-page>*,.account-section,.account-page form{width:100%;min-width:0}.account-page>.inner-page__icon{width:70px}.account-page h1{overflow-wrap:anywhere}.account-page h2{overflow-wrap:anywhere;font-size:clamp(18px,5vw,24px)}.account-page p{overflow-wrap:anywhere;line-height:1.6}.account-card{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:10px;width:100%;margin:12px 0;padding:20px;display:flex}.account-card h2,.account-card p{margin:0}.list-button{text-align:left;color:var(--ink);cursor:pointer}.field-label{flex-direction:column;gap:10px;width:100%;margin-top:20px;display:flex}.field-label input,.field-label textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#f4f8ff;border-radius:16px;padding:14px}.field-label textarea{resize:vertical;overflow-wrap:anywhere;min-height:90px}.check-label{align-items:flex-start;gap:10px;display:flex}.profile-link{text-align:left;display:block}.preserve-lines{white-space:pre-line}.success-message{color:#087443}.status-expired,.status-disabled,.status-empty{color:#667085;background:#f0f2f5}.status-pending_activation{color:#876012;background:#fff6df}.status-badge{overflow-wrap:anywhere;min-width:0}button:disabled{opacity:.55;cursor:wait;transform:none}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:22px;font-weight:800;display:flex}.drawer nav{gap:8px;display:grid}.drawer nav button{color:#34415b;border-radius:17px;min-height:62px;padding:0 14px;font-weight:700}.drawer nav button:hover{color:var(--blue);background:var(--blue-soft)}@media (width>=640px){.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions button{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;min-height:116px;padding:16px}.quick-actions .action-icon{grid-column:1}.quick-actions button>span:nth-child(2){grid-column:1;align-self:end}}@media (width<=359px){.brand span{display:none}.app-content{padding-left:14px;padding-right:14px}.detail-row{grid-template-columns:auto minmax(68px,.7fr) minmax(0,1.2fr);gap:8px}.detail-icon{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}