*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;background:#f8fafc;color:#020617}body{-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.full-screen-center{display:flex;align-items:center;justify-content:center;height:100%;padding:1.5rem}.card{background:#fff;border-radius:1.5rem;padding:1.9rem 2.1rem;box-shadow:0 24px 60px #0f172a14,0 0 0 1px #94a3b840;max-width:420px;width:100%}.auth-card{max-width:420px}.auth-switch{display:inline-flex;border-radius:999px;padding:.125rem;background:#f9fafb;border:1px solid rgba(148,163,184,.6);margin-bottom:1.5rem}.auth-switch button{border:0;background:transparent;color:#e5e7eb;padding:.35rem .9rem;border-radius:999px;cursor:pointer;font-size:.9rem}.auth-switch-active{background:linear-gradient(135deg,#e84e79,#cd4369);color:#fff}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.8rem;color:#9ca3af}.field input,.field select{border-radius:.75rem;border:1px solid rgba(148,163,184,.45);padding:.5rem .75rem;background:#fff;color:#020617}.field input:focus,.field select:focus{outline:2px solid rgba(59,130,246,.7);outline-offset:1px;border-color:transparent}.field-row{display:flex;gap:.5rem;align-items:center}.field-row input,.field-row select{flex:1}.primary-button,.secondary-button{border-radius:999px;padding:.5rem 1rem;border:0;cursor:pointer;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:linear-gradient(135deg,#e84e79,#cd4369);color:#fff;box-shadow:0 14px 30px #e84e7973}.primary-button:disabled{opacity:.65;cursor:default;box-shadow:none}.secondary-button{background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.7)}.link-copy-button{border-radius:999px;padding:.25rem .75rem;border:1px solid rgba(148,163,184,.45);background:#0f172ae6;color:#e5e7eb;font-size:.78rem;cursor:pointer}.link-copy-button:hover{background:#1e40afcc}.muted-text{font-size:.8rem;color:#9ca3af}.error-text{font-size:.8rem;color:#fecaca}.app-shell{height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(148,163,184,.6);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header h1{margin:0;font-size:1.1rem}.header-right{display:flex;align-items:center;gap:.75rem}.app-main{flex:1;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1.25rem;padding:1.25rem 1.75rem 1.75rem}.panel{background:#fff;border-radius:1.25rem;border:1px solid rgba(203,213,225,.9);box-shadow:0 18px 40px #0f172a0f;display:flex;flex-direction:column;min-height:0}.panel h2,.panel h3{margin:0;padding:.9rem 1rem 0;font-size:.95rem}.panel-body{padding:.9rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.list{list-style:none;padding:0;margin:.5rem 0 0;border-radius:.75rem;border:1px solid rgba(226,232,240,.9);background:#fff;max-height:320px;overflow:auto}.list-item{width:100%;border:0;background:transparent;padding:.55rem .75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:inherit}.list-item+.list-item{border-top:1px solid rgba(30,64,175,.6)}.list-item-active{background:#f8fafcf2}.list-item-main{display:flex;flex-direction:column;align-items:flex-start}.list-item-title{font-size:.9rem}.list-item-subtitle{font-size:.75rem;color:#9ca3af;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:.5rem}.data-table th,.data-table td{padding:.4rem .5rem;text-align:left}.data-table thead{background:#f8fafcf2}.data-table tbody tr:nth-child(odd){background:#fff}.data-table tbody tr:nth-child(2n){background:#f8fafc}@media(max-width:900px){.app-main{grid-template-columns:1fr}}