.identity-surface *{box-sizing:border-box}.identity-surface{background:var(--color-canvas);color:var(--color-text-primary);font:14px var(--font-ui,Inter, system-ui, sans-serif);margin:0}.identity-surface a{color:var(--color-brand-sky-deep)}.identity-surface .identity-shell{min-height:100vh;display:flex}.identity-surface aside{background:var(--color-surface);border-right:1px solid var(--color-border-sky);flex-direction:column;gap:24px;width:240px;padding:28px 20px;display:flex}.identity-surface aside img{width:42px}.identity-surface aside a{border-radius:var(--radius-md);padding:12px;text-decoration:none;display:block}.identity-surface aside .active{background:var(--color-brand-sky-soft);font-weight:700}.identity-surface aside footer{color:var(--color-text-muted);margin-top:auto;line-height:1.8}.identity-surface main{flex:1;max-width:1240px;padding:40px}.identity-surface h1{margin:0 0 8px;font-size:28px}.identity-surface h2{margin:0 0 16px;font-size:18px}.identity-surface .muted{color:var(--color-text-muted);line-height:1.6}.identity-surface .card{background:var(--color-surface);border:1px solid var(--color-border-sky);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);margin:24px 0;padding:24px}.identity-surface .row{justify-content:space-between;align-items:center;gap:16px;display:flex}.identity-surface .grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.identity-surface label{margin:16px 0 7px;font-weight:650;display:block}.identity-surface input,.identity-surface select{font:inherit;color:inherit;border:1px solid var(--color-input-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;padding:12px;display:block}.identity-surface button,.identity-surface .button{font:inherit;cursor:pointer;border:1px solid var(--color-input-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);padding:11px 18px;font-weight:650;text-decoration:none;display:inline-block}.identity-surface button.primary{background:linear-gradient(135deg, var(--color-sky-grad-from), var(--color-brand-sky-deep));color:var(--color-on-brand);border-color:var(--color-brand-sky-deep)}.identity-surface button:disabled{opacity:.45;cursor:not-allowed}.identity-surface .actions{gap:12px;margin-top:24px;display:flex}.identity-surface .tag{background:var(--color-brand-sky-soft);color:var(--color-brand-sky-deep);border-radius:99px;padding:5px 10px;font-size:12px}.identity-surface .notice{border-left:3px solid var(--color-brand-sky);background:var(--color-brand-sky-soft);padding:12px 16px;line-height:1.6}.identity-surface .error{border-color:var(--color-danger);color:var(--color-danger)}.identity-surface table{border-collapse:collapse;width:100%}.identity-surface td,.identity-surface th{text-align:left;border-bottom:1px solid var(--color-border-sky);padding:16px 10px}.identity-surface th{color:var(--color-text-muted);font-size:12px}.identity-surface .preview{background:var(--color-surface);border:1px solid var(--color-input-border);z-index:5;border-radius:10px;padding:10px;position:fixed;bottom:18px;right:20px}.identity-surface .preview select{margin-top:5px;padding:6px}.identity-surface .center{max-width:500px;margin:9vh auto}.identity-surface button:focus-visible,.identity-surface a:focus-visible,.identity-surface input:focus-visible,.identity-surface select:focus-visible{outline:3px solid var(--color-brand-sky);outline-offset:3px}@media (width<=800px){.identity-surface aside{width:170px}.identity-surface main{padding:24px}.identity-surface .grid{grid-template-columns:1fr}}.identity-surface .actions{flex-wrap:wrap}.identity-surface fieldset{min-width:0}.identity-surface aside{flex-shrink:0}.identity-surface main{min-width:0}
