.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--ok-page);color:var(--ok-text)}.auth-split{display:grid;width:min(100%,920px);background:var(--ok-panel);border:1px solid var(--ok-line);border-radius:16px;overflow:hidden}.auth-aside{display:none;padding:40px;background:var(--ok-chip);color:var(--ok-text)}.auth-aside h1{margin:20px 0 0;color:var(--ok-ink);font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.15}.auth-aside p{margin:16px 0 0;max-width:28rem;color:var(--ok-muted);font-size:14px;line-height:1.5}.auth-aside .auth-note{margin-top:32px}.auth-card{padding:28px 22px 32px}.auth-card h2{margin:0;color:var(--ok-ink);font-size:28px;font-weight:600;letter-spacing:-.03em}.auth-card .auth-lead{margin:8px 0 0;color:var(--ok-muted);font-size:14px}.auth-mark-dark,.dark .auth-mark-light{display:none}.dark .auth-mark-dark{display:block}.auth-note{margin-top:20px;padding:10px 12px;border-radius:10px;background:var(--ok-chip);color:var(--ok-muted);font-size:12.5px;line-height:1.45}.auth-note strong{color:var(--ok-ink);font-weight:600}.auth-error{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--ok-danger-bg);color:var(--ok-danger);font-size:13px}.auth-form{display:grid;gap:12px;margin-top:22px}.auth-form .ok-btn{width:100%}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ok-faint);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.auth-or:after,.auth-or:before{content:"";flex:1;height:1px;background:var(--ok-line)}.auth-foot{margin:14px 0 0;text-align:center;color:var(--ok-faint);font-size:12px}.auth-google{width:100%;height:44px;border-radius:10px}@media (min-width:800px){.auth-split{grid-template-columns:1.05fr .95fr}.auth-aside{display:flex;flex-direction:column;justify-content:space-between}.auth-card{padding:40px 36px}.auth-card .auth-mark{display:none}}.pg-page{padding:24px 16px 40px;color:var(--ok-text)}.pg-head{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pg-head .ui-trv,.pg-head h1{margin:0;color:var(--ok-ink);font-size:22px;font-weight:600;letter-spacing:-.03em}.pg-head p{margin:4px 0 0;color:var(--ok-muted);font-size:13.5px;line-height:1.5}.pg-head__actions{display:flex;flex-wrap:wrap;gap:8px}.pg-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--ok-chip);color:var(--ok-ink);font-size:12px;font-weight:600;flex-shrink:0}.pg-avatar-lg{width:52px;height:52px;border-radius:12px;font-size:16px}.pg-tabs{overflow-x:auto;margin-bottom:16px}.pg-tabs .ok-seg{max-width:none;width:-moz-max-content;width:max-content}.pg-brand-grid{display:grid;gap:12px;grid-template-columns:1fr}.pg-brand{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--ok-panel);border:1px solid var(--ok-line);border-radius:12px;color:inherit}.pg-brand a{color:inherit;text-decoration:none}.pg-brand strong{display:block;color:var(--ok-ink);font-size:15px;font-weight:600}.pg-brand p{margin:0;color:var(--ok-muted);font-size:12px}.pg-brand__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pg-brand__id{display:flex;align-items:center;gap:10px;min-width:0}.pg-center{max-width:28rem;margin:48px auto}.al-layout{display:grid;gap:12px}.al-detail,.al-list{background:var(--ok-panel);border:1px solid var(--ok-line);border-radius:12px;min-width:0}.al-list{max-height:70vh;overflow:auto}.al-row{display:flex;gap:10px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--ok-line);background:transparent;color:inherit;text-align:left;cursor:pointer}.al-row.is-on{background:var(--ok-chip);box-shadow:inset 2px 0 0 var(--ok-ink)}.al-row:focus-visible{outline:2px solid var(--ok-accent);outline-offset:-2px}.al-row strong{display:block;color:var(--ok-ink);font-size:13.5px}.al-row p{margin:4px 0 0;color:var(--ok-muted);font-size:12px}.al-detail{padding:16px}.al-metrics{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:12px 0}.al-block,.al-metrics div{padding:12px;border-radius:10px;background:var(--ok-chip)}.al-block h3,.al-metrics span{color:var(--ok-muted);font-size:11px;font-weight:500}.al-metrics strong{display:block;margin-top:4px;color:var(--ok-ink);font-size:14px}.al-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pg-app{color:var(--ok-text)}.pg-app .bg-gray-50,.pg-app .bg-slate-50,.pg-app .bg-white{background-color:var(--ok-panel)}.pg-app .bg-gray-50,.pg-app .bg-slate-50{background-color:var(--ok-page)}.pg-app .bg-gray-100,.pg-app .bg-slate-100{background-color:var(--ok-chip)}.pg-app .border-gray-100,.pg-app .border-gray-200,.pg-app .border-indigo-100,.pg-app .border-indigo-200,.pg-app .border-red-100,.pg-app .border-red-200,.pg-app .border-slate-100,.pg-app .border-slate-200{border-color:var(--ok-line)}.pg-app .text-gray-800,.pg-app .text-gray-900,.pg-app .text-slate-800,.pg-app .text-slate-900{color:var(--ok-ink)}.pg-app .text-gray-600,.pg-app .text-gray-700,.pg-app .text-slate-600,.pg-app .text-slate-700{color:var(--ok-text)}.pg-app .text-gray-400,.pg-app .text-gray-500,.pg-app .text-slate-400,.pg-app .text-slate-500{color:var(--ok-muted)}.pg-app .text-indigo-600,.pg-app .text-indigo-700,.pg-app .text-indigo-800,.pg-app .text-indigo-950{color:var(--ok-accent)}.pg-app .bg-indigo-50,.pg-app .bg-indigo-50\/30,.pg-app .hover\:bg-indigo-50:hover{background-color:var(--ok-accent-soft)}.pg-app .bg-emerald-50{background-color:#eaf7ef}.pg-app .text-emerald-600,.pg-app .text-emerald-700,.pg-app .text-emerald-800{color:#157a3a}.pg-app .bg-amber-50{background-color:#fff6e8}.pg-app .text-amber-700,.pg-app .text-amber-800{color:#9a6700}.pg-app .bg-red-50{background-color:var(--ok-danger-bg)}.pg-app .text-red-600,.pg-app .text-red-700,.pg-app .text-red-800,.pg-app .text-rose-700{color:var(--ok-danger)}.pg-app .hover\:bg-gray-100:hover,.pg-app .hover\:bg-gray-50:hover,.pg-app .hover\:bg-red-50:hover{background-color:var(--ok-hover)}.pg-app a.bg-indigo-600,.pg-app button.bg-emerald-600,.pg-app button.bg-indigo-600{background:linear-gradient(var(--ok-btn-dark-top),var(--ok-btn-dark-bottom)) padding-box,linear-gradient(var(--ok-btn-edge-top),var(--ok-btn-edge-mid),var(--ok-btn-edge-bottom)) border-box;color:var(--ok-btn-on-ink);border:1px solid transparent;box-shadow:0 0 0 1px var(--ok-btn-ring),0 2px 4px var(--ok-btn-dark-shadow)}.pg-app button.bg-red-600{background:var(--ok-danger);color:#fff;border-color:transparent}.pg-app .border-indigo-400{border-color:var(--ok-ink)}.pg-app .ring-indigo-100{--tw-ring-color:transparent;box-shadow:0 0 0 1px var(--ok-ink)}.pg-app .rounded-2xl,.pg-app .rounded-xl{border-radius:12px}.pg-app .shadow,.pg-app .shadow-2xl,.pg-app .shadow-sm,.pg-app .shadow-xl{box-shadow:none}.pg-app .bg-indigo-400\/80{background-color:var(--ok-ink)}.pg-app input:not([type=checkbox]):not([type=radio]),.pg-app select,.pg-app textarea{border:1px solid var(--ok-line);border-radius:8px;background:var(--ok-panel);color:var(--ok-ink)}.pg-app a:focus-visible,.pg-app button:focus-visible,.pg-app input:focus-visible,.pg-app select:focus-visible{outline:2px solid var(--ok-accent);outline-offset:2px}.pg-app thead{background:var(--ok-chip);color:var(--ok-muted)}.pg-app .divide-gray-100>*+*,.pg-app .divide-gray-50>*+*{border-color:var(--ok-line)}.dark .pg-app .bg-emerald-50{background-color:rgba(21,122,58,.18)}.dark .pg-app .text-emerald-600,.dark .pg-app .text-emerald-700,.dark .pg-app .text-emerald-800{color:#86efac}.dark .pg-app .bg-amber-50{background-color:rgba(154,103,0,.16)}.dark .pg-app .text-amber-700,.dark .pg-app .text-amber-800{color:#f5c16c}.dark .pg-app .dark\:bg-white\/\[0\.04\],.dark .pg-app .dark\:hover\:bg-white\/\[0\.04\]:hover{background-color:var(--ok-hover)}.pg-app .from-indigo-600.to-violet-600{background-image:none;background-color:#201e25}@media (min-width:640px){.pg-page{padding:24px 24px 48px}.pg-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.pg-brand-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.al-layout{grid-template-columns:minmax(280px,380px) 1fr;align-items:start}.al-list{max-height:calc(100vh - 220px)}}@media (min-width:1100px){.pg-brand-grid{grid-template-columns:repeat(3,1fr)}}