:root{color-scheme:light;--ink:#17231f;--muted:#64736d;--brand:#087b5b;--brand-dark:#075f48;--line:#dfe8e4;--soft:#f2f8f5;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f5f8f7;font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,#dff4ec 0,transparent 35%),linear-gradient(145deg,#f8fbfa,#edf5f2)}.ambient{position:absolute;border-radius:50%;pointer-events:none}.ambient-one{width:360px;height:360px;background:rgba(8,123,91,.09);top:-180px;right:-80px}.ambient-two{width:260px;height:260px;background:rgba(209,158,57,.08);bottom:-130px;left:-60px}.auth-shell{width:min(100%,720px);position:relative;z-index:1;background:rgba(255,255,255,.95);border:1px solid #fff;border-radius:28px;box-shadow:0 28px 90px rgba(29,55,45,.13);padding:30px}.auth-shell-compact{width:min(100%,500px)}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#07966c,#08644d);box-shadow:0 8px 22px rgba(8,123,91,.25);font-size:22px;font-weight:800}.brand span:last-child{display:grid;gap:2px}.brand small{color:var(--muted);font-size:11px}.secure-chip{color:var(--brand-dark);background:var(--soft);border:1px solid #d8ebe3;border-radius:999px;padding:8px 11px;font-size:11px;display:flex;align-items:center;gap:7px}.secure-chip i{width:7px;height:7px;border-radius:50%;background:#10a575;box-shadow:0 0 0 4px rgba(16,165,117,.1)}.auth-content,.consent-content,.connections-content{padding:32px 4px 12px}.heading{margin-bottom:26px}.eyebrow{display:block;color:var(--brand);font-size:12px;font-weight:700;margin-bottom:8px}h1{font-size:clamp(25px,4vw,34px);letter-spacing:-.7px;margin:0 0 10px}.heading p,.state-card p{color:var(--muted);margin:0;line-height:1.9;font-size:14px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--soft);border-radius:13px;margin-bottom:22px}.tabs button{border:0;background:transparent;border-radius:10px;padding:11px;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 3px 14px rgba(31,60,49,.08);font-weight:700}.form-stack{display:grid;gap:17px}label{display:grid;gap:8px;color:#33443d;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #cfdbd6;background:#fff;color:var(--ink);border-radius:13px;min-height:48px;padding:10px 14px;outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(8,123,91,.1)}input:disabled{background:#f2f4f3;color:var(--muted)}.primary-button,.secondary-button,.danger-button,.primary-link{min-height:48px;border-radius:13px;border:0;padding:11px 18px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.primary-button,.primary-link{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 9px 24px rgba(8,123,91,.22)}.secondary-button{color:#40514a;background:#fff;border:1px solid var(--line)}.danger-button{color:var(--danger);background:#fff4f2;min-height:40px}.text-button{background:transparent;border:0;color:var(--brand);cursor:pointer;padding:0;text-decoration:none}.notice{color:#416157;font-size:12px;line-height:1.8;background:var(--soft);border:1px solid #dcece5;border-radius:12px;padding:11px 13px;margin:16px 0}.notice.error{color:var(--danger);background:#fff5f3;border-color:#f7d8d3}.permission-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:20px}.permission-panel h2{font-size:14px;margin:0}.permission-row{display:flex;gap:12px;align-items:flex-start}.check{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e1f5ed;color:var(--brand);font-weight:800}.permission-row span:last-child{display:grid;gap:4px}.permission-row strong{font-size:13px}.permission-row small{color:var(--muted);font-size:12px;line-height:1.7}.action-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:18px}.state-card{text-align:center;padding:70px 18px;display:grid;gap:16px}.state-icon{margin:auto;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff0ed;color:var(--danger);font-size:28px;font-weight:800}.connection-list{display:grid;gap:12px}.connection-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:15px}.connection-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#e4f4ed;color:var(--brand);display:grid;place-items:center;font-weight:800}.connection-main{display:grid;gap:4px;min-width:0;flex:1}.connection-main strong{direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis}.connection-main span,.connection-main small{color:var(--muted);font-size:12px}.revoked-chip{color:#6f7572;background:#eef1f0;border-radius:999px;padding:7px 10px;font-size:11px}.empty{display:grid;gap:8px;text-align:center;border:1px dashed #cad9d3;border-radius:16px;padding:34px}.empty span{color:var(--muted);font-size:13px}.logout-form{margin-top:24px}footer{text-align:center;color:#81908a;border-top:1px solid var(--line);padding-top:20px;margin-top:18px;font-size:10px;direction:ltr}
@media(max-width:600px){.auth-page{align-items:stretch;padding:0;background:#fff}.auth-shell{min-height:100vh;width:100%;border:0;border-radius:0;box-shadow:none;padding:22px 18px;display:flex;flex-direction:column}.auth-content,.consent-content,.connections-content{padding-top:28px;flex:1}.secure-chip{font-size:0;padding:10px}.action-row{grid-template-columns:1fr}.connection-card{align-items:flex-start;flex-wrap:wrap}.danger-button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}