:root{--canvas: #f4f1fa;--canvas-2: #efeaf7;--surface: #ffffff;--lav: #9367f6;--lav-deep: #7e4ff0;--lav-soft: #c3a8fb;--lav-tint: #f3eeff;--lav-tint-2: #faf8fe;--orange: #d97609;--ink: #201435;--ink-2: #4a3970;--ink-3: #6b5572;--ink-4: #948aa6;--ink-5: #cfc9dd;--line: #ece8f5;--line-soft: #f1eef8;--amber: #c07a12;--amber-t: #fdf3e3;--amber-line: #f0dcb8;--danger: #d92d2d;--danger-t: #fdeaea;--ok: #2b8a3e;--pl: #f06a1c;--co: #2b8a3e;--ba: #2563eb;--au: #e63a7a;--vo: #f59e0b;--shadow-card: 0 1px 2px rgba(32, 20, 53, .04), 0 8px 24px rgba(32, 20, 53, .06);--shadow-soft: 0 1px 2px rgba(32, 20, 53, .04), 0 4px 14px rgba(32, 20, 53, .05);--shadow-pop: 0 12px 40px rgba(32, 20, 53, .18);--side-width: 248px}:root{--avatar-1: #7e4ff0;--avatar-2: #2563eb;--avatar-3: #0d9488;--avatar-4: #db2777;--avatar-5: #d97706;--avatar-6: #0891b2}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Geist,system-ui,sans-serif;color:var(--ink);background:var(--canvas);color-scheme:light;-webkit-font-smoothing:antialiased}#root{height:100%}svg{display:block}a{color:var(--lav-deep);text-decoration:none}a:hover{color:var(--lav)}:focus-visible{outline:2px solid var(--lav);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;height:100vh;min-height:100vh;background:radial-gradient(900px 480px at 82% -8%,#ece2ff,#ece2ff00 60%),radial-gradient(760px 520px at -8% 108%,#e6f0ff,#e6f0ff00 55%),var(--canvas)}.side{width:var(--side-width);flex-shrink:0;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand .mk{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--lav),var(--lav-deep));display:flex;align-items:center;justify-content:center;box-shadow:0 5px 13px #7e4ff047;color:#fff;flex-shrink:0}.brand .bt{font-size:16px;font-weight:600;letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--ink-3);font-size:14px;font-weight:500}.nav a:hover{background:var(--lav-tint-2);color:var(--ink-2)}.nav a.active{background:var(--lav-tint);color:var(--lav-deep);font-weight:600}.side-user{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--lav-tint-2)}.side-user .avatar{width:36px;height:36px;font-size:13px}.side-user>div:last-child{min-width:0}.side-user .su-name{font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.2}.side-user .su-mail{font-size:11.5px;color:var(--ink-4);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.head{padding:26px 40px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-shrink:0}.head .page-title{font-size:27px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.head .page-sub{font-size:13.5px;color:var(--ink-4);margin-top:4px}.head-actions{display:flex;align-items:center;gap:10px}.content{flex:1;overflow-y:auto;min-height:0;padding:0 40px 34px}.content::-webkit-scrollbar{width:9px}.content::-webkit-scrollbar-thumb{background:#e2daf5;border-radius:5px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--ink-4);margin-bottom:6px}.back-link:hover{color:var(--lav-deep)}.avatar{border-radius:50%;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.03em;flex-shrink:0}.btn{font-family:inherit;font-weight:600;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;transition:background .14s,border-color .14s,color .14s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--lav);color:#fff}.btn-primary:hover:not(:disabled){background:var(--lav-deep)}.btn-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--lav-soft);color:var(--lav-deep);background:var(--lav-tint-2)}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:9999px;color:var(--ink-4)}.search:focus-within{border-color:var(--lav-soft);box-shadow:0 0 0 3px var(--lav-tint)}.search input{border:none;outline:none;background:transparent;font-family:inherit;color:var(--ink);flex:1;min-width:0}.search input::placeholder{color:var(--ink-4)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card)}.fld{position:relative}.fld-label{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.fld-input{width:100%;height:48px;border-radius:12px;border:1.5px solid var(--line);padding:0 14px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--surface);outline:none;transition:border-color .14s,box-shadow .14s}.fld-input:focus{border-color:var(--lav);box-shadow:0 0 0 3px var(--lav-tint)}.fld-input::placeholder{color:var(--ink-5)}.fld-input--compact{height:44px;padding:0 13px;font-size:14px;background:var(--lav-tint-2)}.fld-input--compact:focus{background:#fff}.fld-input--trailing{padding-right:44px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#20143552;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:22px;box-shadow:var(--shadow-pop);width:min(440px,86%);overflow:hidden}.modal-head{padding:22px 24px 4px}.modal-head h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.modal-head p{font-size:13px;color:var(--ink-3);margin-top:5px;line-height:1.45}.modal-body{padding:16px 24px 4px;display:flex;flex-direction:column;gap:16px}.modal-foot{padding:18px 24px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px}.mono{font-family:Geist Mono,ui-monospace,monospace}.form-error{font-size:13px;color:var(--danger);background:var(--danger-t);border-radius:10px;padding:10px 12px;line-height:1.4}