:root{--dk-teal: #11E5C5;--dk-teal-dark: #18BBA2;--dk-teal-dim: rgba(17, 229, 197, .12);--dk-navy: #1a1a2e;--dk-text: #3C3C40;--dk-muted: #767679;--dk-border: rgba(60, 60, 64, .3);--dk-border-focus:#3C3C40;--dk-bg: #f4f5fb;--dk-white: #ffffff;--dk-error: #C62B2B;--dk-shadow: 0 1px 4px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}:root{font-family:Poppins,system-ui,sans-serif;color:var(--dk-text)}body{margin:0;background:var(--dk-bg)}.container{max-width:600px;margin:0 auto;padding:2rem 1rem 4rem}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-top h1{margin:0;font-size:1.25rem;font-weight:700;color:var(--dk-navy)}.logout-btn{background:transparent;color:var(--dk-muted);border:1px solid var(--dk-border);padding:.35rem .85rem;border-radius:6px;font-size:.8rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.logout-btn:hover{color:var(--dk-text);border-color:var(--dk-border-focus)}.subtitle{margin-top:0;color:var(--dk-muted)}.tabs{display:flex;gap:.5rem;margin:1rem 0 0;flex-wrap:wrap}.tab{background:transparent;color:var(--dk-teal-dark);border:1px solid var(--dk-teal-dark);padding:.5rem 1rem;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.tab:hover{background:var(--dk-teal-dim)}.tab.active{background:var(--dk-teal);color:var(--dk-navy);border-color:var(--dk-teal);font-weight:600}.card{background:var(--dk-white);border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:var(--dk-shadow)}label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.4rem;color:var(--dk-text)}select,input[type=text],input[type=number]{width:100%;padding:.6rem .75rem;border:1px solid var(--dk-border);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--dk-text);background:var(--dk-white);transition:border-color .15s,box-shadow .15s;outline:none}select:focus,input:focus{border-color:var(--dk-teal);box-shadow:0 0 0 3px var(--dk-teal-dim)}button{background:var(--dk-teal);color:var(--dk-navy);border:none;padding:.7rem 1.2rem;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--dk-teal-dark);color:var(--dk-white)}button:disabled{opacity:.5;cursor:not-allowed}.hint{color:var(--dk-muted);font-size:.875rem}.hint.warn{color:#92400e;background:#fef3c7;padding:.6rem .8rem;border-radius:8px}.error{color:var(--dk-error);font-size:.875rem}.qr{display:flex;justify-content:center;padding:1rem 0}.deeplink{display:inline-block;margin-bottom:1rem;color:var(--dk-teal-dark)}.status{font-weight:600}.status.pending{color:#b45309}.status.failed{color:var(--dk-error)}.status.verified{color:#15803d}.claims{width:100%;border-collapse:collapse;margin-top:.5rem;color:var(--dk-text)}.claims td{border-top:1px solid #e5e7eb;padding:.4rem .5rem;font-weight:400}.claims td:first-child{font-weight:600;width:40%}.login-root{display:flex;min-height:100dvh}.login-left{display:none;flex-direction:column;justify-content:center;padding:3rem 3.5rem;background:radial-gradient(ellipse at 20% 20%,rgba(17,229,197,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(24,187,162,.12) 0%,transparent 50%),linear-gradient(150deg,#0f172a,#1a1a2e);color:var(--dk-white)}@media(min-width:768px){.login-left{display:flex;width:45%;flex-shrink:0}}.login-logo{width:180px;height:auto;margin-bottom:2.5rem}.login-product-name{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--dk-teal);letter-spacing:-.3px}.login-tagline{font-size:.9rem;font-weight:400;color:#ffffff8c;line-height:1.65;max-width:280px;margin:0}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--dk-white)}.login-form-wrap{width:100%;max-width:350px}@media(max-width:767px){.login-right{padding-top:3rem}.login-form-wrap:before{content:"";display:block;width:140px;height:24px;background:url(/datakeen/eudiw-datakeen-playground/datakeen.svg) no-repeat left center / contain;margin-bottom:2rem}}.login-heading{font-size:1.75rem;font-weight:700;color:var(--dk-navy);margin:0 0 .4rem;letter-spacing:-.5px}.login-sub{font-size:.875rem;color:var(--dk-muted);margin:0 0 2rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column}.login-field label{font-size:.8rem;font-weight:600;color:var(--dk-text);margin-bottom:.35rem}.login-field input{width:100%;padding:.7rem .9rem;border:1px solid var(--dk-border);border-radius:8px;font-family:Poppins,sans-serif;font-size:.9rem;color:var(--dk-text);background:var(--dk-white);outline:none;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:var(--dk-muted)}.login-field input:focus{border-color:var(--dk-teal);box-shadow:0 0 0 3px var(--dk-teal-dim)}.login-cta{width:100%;padding:.8rem;background:var(--dk-teal);color:#0f172a;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;margin-top:.25rem}.login-cta:hover:not(:disabled){background:var(--dk-teal-dark);color:var(--dk-white);box-shadow:0 0 0 3px var(--dk-teal-dim)}.login-cta:disabled{opacity:.5;cursor:not-allowed}.login-back{background:transparent;color:var(--dk-muted);border:none;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;text-align:left}.login-back:hover{color:var(--dk-text);background:transparent}.login-error{font-size:.8rem;color:var(--dk-error);margin:0;padding:.5rem .75rem;background:#c62b2b12;border-radius:6px;border-left:3px solid var(--dk-error)}