:root{--bg:#07090f;--panel:#10131b;--panel-2:#151924;--border:#232838;--border-soft:#1a1e2b;--text:#eef0f5;--text-dim:#9aa0b4;--text-faint:#5c6178;--accent:#e8722a;--accent-dim:#e8722a33;--red:#e5484d;--red-bg:#e5484d1a;--yellow:#e0a940;--yellow-bg:#e0a9401a;--green:#2fae63;--green-bg:#2fae631a;--blue:#4f8ff0;--blue-bg:#4f8ff01a;--radius:12px;--radius-sm:8px;--font-ui:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 15% -10%,#e8722a0d,transparent),radial-gradient(ellipse 700px 500px at 100% 10%,#e8722a08,transparent);background-attachment:fixed;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.hero-banner{position:relative;height:150px;border-radius:var(--radius);overflow:hidden;margin-bottom:20px;border:1px solid var(--border-soft)}.hero-banner svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-overlay{position:absolute;left:22px;bottom:16px;z-index:2}.hero-title{font-size:19px;font-weight:800;letter-spacing:.01em;color:#fff;text-shadow:0 2px 12px #000000a0}.hero-sub{font-size:11.5px;color:#d8dae4;margin-top:2px;font-family:var(--font-mono);text-shadow:0 1px 8px #000000a0}#app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:18px 20px;border-bottom:1px solid var(--border-soft)}.brand-logo{padding:2px 0 10px;margin-bottom:12px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:flex-start}.brand-logo img{height:38px;width:auto;display:block}.brand-title{font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--text)}.brand-sub{font-size:11px;color:var(--text-faint);margin-top:3px;font-family:var(--font-mono);letter-spacing:.02em}.nav{padding:14px 10px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:2px;transition:background .12s,color .12s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:#e8722a40;font-weight:600}.nav-icon{width:16px;text-align:center;font-size:14px;opacity:.9}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:var(--panel-2);color:var(--text-faint);padding:1px 6px;border-radius:20px}.nav-item.active .nav-badge{background:#e8722a2e;color:var(--accent)}.sidebar-foot{border-top:1px solid var(--border-soft)}.lock-row{display:flex;align-items:center;gap:8px;padding:13px 20px;font-size:11px;color:var(--text-faint);cursor:pointer;transition:background .12s,color .12s}.lock-row:hover{background:var(--panel-2);color:var(--text-dim)}.mobile-topbar{display:none;align-items:center;gap:12px;position:sticky;top:0;z-index:30;background:var(--panel);border-bottom:1px solid var(--border-soft);padding:0 12px;height:52px;flex-shrink:0}.hamburger{background:none;border:none;color:var(--text);font-size:20px;line-height:1;padding:6px 8px;cursor:pointer;border-radius:8px}.hamburger:active{background:var(--panel-2)}.mobile-topbar-title{font-size:13px;font-weight:700;letter-spacing:.02em}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a0;z-index:39}@media(max-width:860px){#app{flex-direction:column}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:78%;max-width:290px;z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #000000a0}.sidebar.open{transform:translate(0)}.sidebar-backdrop.show{display:block}.main{padding:16px 14px 50px;max-width:100%}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.page-title{font-size:18px}.hero-banner{height:110px}.hero-title{font-size:15px}.hero-sub{font-size:10px}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal{max-width:100%;margin:0;max-height:92vh}th,td{padding:8px 9px;font-size:12px}.panel{padding:14px}.search-box{min-width:0;flex:1}}@media(max-width:480px){.grid-4,.grid-3{grid-template-columns:1fr}.kpi-value{font-size:22px}}.main{flex:1;min-width:0;padding:28px 32px 60px;max-width:1400px}.topbar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:10px}.page-title{font-size:21px;font-weight:800;letter-spacing:-.01em}.page-sub{font-size:12.5px;color:var(--text-faint);margin-top:3px}.topbar-actions{display:flex;gap:8px}.btn{font-family:var(--font-ui);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s;white-space:nowrap}.btn:hover{border-color:#333a4f;background:#1a1f2c}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a0d02;font-weight:700}.btn-primary:hover{background:#f2822f}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--panel-2);color:var(--text)}.btn-danger{color:var(--red)}.btn-sm{padding:5px 10px;font-size:11.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--kpi-color,var(--accent))}.kpi-label{font-size:11px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:26px;font-weight:800;margin-top:6px;font-family:var(--font-mono)}.kpi-foot{font-size:11px;color:var(--text-dim);margin-top:4px}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.panel-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.panel-title .cnt{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);font-weight:500}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;font-family:var(--font-ui)}.chip-red{background:var(--red-bg);color:var(--red)}.chip-yellow{background:var(--yellow-bg);color:var(--yellow)}.chip-green{background:var(--green-bg);color:var(--green)}.chip-blue{background:var(--blue-bg);color:var(--blue)}.chip-gray{background:#ffffff0f;color:var(--text-dim)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--border-soft);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text);white-space:nowrap}tbody tr{transition:background .1s}tbody tr:hover{background:var(--panel-2)}.mono{font-family:var(--font-mono)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.row-actions{display:flex;gap:4px}.empty-state{padding:40px 20px;text-align:center;color:var(--text-faint)}.empty-state .big{font-size:28px;margin-bottom:8px}.search-box{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 12px;min-width:220px}.search-box input{background:none;border:none;outline:none;color:var(--text);font-size:12.5px;width:100%;font-family:var(--font-ui)}.search-box input::placeholder{color:var(--text-faint)}select.filter-select{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12.5px;padding:7px 10px;font-family:var(--font-ui);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #000000a0}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--panel);z-index:2}.modal-title{font-size:15px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-faint);font-size:18px;line-height:1;padding:4px}.modal-close:hover{color:var(--text)}.modal-body{padding:20px 22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--panel)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.single{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:6px}.field.span2{grid-column:1/-1}.field label{font-size:11.5px;font-weight:600;color:var(--text-dim)}.field .hint{font-size:10.5px;color:var(--text-faint)}.field input,.field select,.field textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13px;font-family:var(--font-ui);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:60px}.section-divider{grid-column:1/-1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-top:6px;padding-top:14px;border-top:1px solid var(--border-soft)}#toast-wrap{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:11px 16px;font-size:12.5px;font-weight:600;box-shadow:0 8px 24px #00000060;display:flex;align-items:center;gap:8px;animation:toast-in .18s ease-out}.toast.ok{border-color:#2fae6355;color:var(--green)}.toast.err{border-color:#e5484d55;color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bar-track{width:100%;height:6px;background:var(--panel-2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:999}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:12.5px;color:var(--text-faint);font-family:var(--font-mono)}.avatar-list{display:flex;flex-wrap:wrap;gap:5px}.avatar-tag{font-family:var(--font-mono);font-size:10.5px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 7px;color:var(--text-dim);display:flex;align-items:center;gap:5px}.avatar-tag .rm{cursor:pointer;color:var(--text-faint)}.avatar-tag .rm:hover{color:var(--red)}.add-inline{display:flex;gap:6px;margin-top:8px}.add-inline input{flex:1}.link-btn{background:none;border:none;color:var(--accent);font-size:11.5px;font-weight:600;cursor:pointer;padding:0}.subtle-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#252a3a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2f3547}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--bg)}.auth-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto}.auth-form{width:100%;max-width:400px}.auth-logo-mobile{display:none;justify-content:center;margin-bottom:26px}.auth-logo-mobile img{height:44px;width:auto}.auth-title{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.auth-sub{font-size:13px;color:var(--text-dim);line-height:1.55;margin-bottom:26px}.auth-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.auth-field label{font-size:12.5px;font-weight:600;color:var(--text-dim)}.auth-field input{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;font-family:var(--font-ui);outline:none;width:100%;transition:border-color .12s}.auth-field input:focus{border-color:var(--accent)}.auth-row{display:flex;justify-content:flex-end;margin:2px 0 18px}.auth-btn{width:100%;justify-content:center;padding:12px;font-size:14px;border-radius:10px}.auth-foot{font-size:12px;color:var(--text-faint);text-align:center;margin-top:18px}.auth-sent-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 16px;background:var(--green-bg);color:var(--green);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}.auth-brand-side{flex:1;display:none;position:relative;overflow:hidden;background:var(--panel);border-left:1px solid var(--border-soft);background-image:radial-gradient(#e8722a22 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 75% 15%,#e8722a14,transparent);background-size:26px 26px,100% 100%}.auth-brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:48px;gap:14px}.auth-brand-logo{height:76px;width:auto;filter:drop-shadow(0 6px 24px #00000080)}.auth-brand-title{font-size:15px;font-weight:800;letter-spacing:.22em;color:var(--text-dim);font-family:var(--font-mono);margin-top:6px}.auth-brand-sub{font-size:13px;color:var(--text-faint);line-height:1.7;max-width:420px}@media(min-width:900px){.auth-brand-side{display:flex;align-items:center;justify-content:center}}@media(max-width:899px){.auth-logo-mobile{display:flex}}.user-foot{position:relative}.user-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.user-row:hover{background:var(--panel-2)}.user-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8f3d0e);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.user-id{min-width:0}.user-name{font-size:12.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10.5px;color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-caret{color:var(--text-faint);font-size:11px;transition:transform .15s}.user-caret.up{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:6px;z-index:60;box-shadow:0 12px 30px #00000080;animation:toast-in .15s ease-out}.user-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-dim);cursor:pointer;background:none;border:none;font-family:var(--font-ui);text-align:left;transition:background .12s,color .12s}.user-menu-item:hover{background:var(--panel);color:var(--text)}.user-menu-item.danger{color:var(--red)}.user-menu-item.danger:hover{background:var(--red-bg)}.pw-wrap{position:relative;display:flex}.pw-wrap input{width:100%;padding-right:38px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-faint);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:color .12s,background .12s}.pw-eye:hover{color:var(--text);background:var(--panel)}.auth-req{color:var(--accent)}.auth-row.between{justify-content:space-between;align-items:center}.auth-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-check input{width:auto;accent-color:var(--accent)}.auth-back{display:inline-flex;margin-bottom:18px}.app-body{flex:1;min-width:0;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:60px;padding:0 24px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border-soft)}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.header-hamburger{display:none}@media(max-width:860px){.header-hamburger{display:flex}.app-header{padding:0 12px}.user-id,.user-caret{display:none}}.nav-section{margin-bottom:10px}.nav-section-title{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:10px 12px 5px;-webkit-user-select:none;user-select:none}.gsearch{position:relative;display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:7px 12px;width:min(380px,100%)}.gsearch input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%;font-family:var(--font-ui)}.gsearch input::placeholder{color:var(--text-faint)}.gsearch-icon{font-size:12px;opacity:.7}.gsearch-kbd{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);background:var(--panel);border:1px solid var(--border-soft);border-radius:6px;padding:2px 6px;white-space:nowrap}.gsearch-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:5px;z-index:70;box-shadow:0 14px 34px #00000080;max-height:320px;overflow-y:auto;animation:toast-in .12s ease-out}.gsearch-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;transition:background .1s}.gsearch-item:hover{background:var(--panel)}.gsearch-item .mono{font-size:11px;flex-shrink:0}.gsearch-nome{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.gsearch-kbd{display:none}}:root[data-theme=light]{--bg:#f3f5f9;--panel:#ffffff;--panel-2:#f1f3f8;--border:#d7dbe7;--border-soft:#e7eaf1;--text:#1b2030;--text-dim:#4b5164;--text-faint:#8b91a5;--accent-dim:#e8722a26;--red-bg:#e5484d14;--yellow-bg:#b8860b1a;--green-bg:#2fae6314;--blue-bg:#4f8ff014;--yellow:#b07d10}:root[data-theme=light] body{background-image:radial-gradient(ellipse 900px 500px at 15% -10%,#e8722a10,transparent),radial-gradient(ellipse 700px 500px at 100% 10%,#e8722a0a,transparent)}:root[data-theme=light] .btn:hover{border-color:#c3c9d8;background:#e9ecf4}:root[data-theme=light] .btn-primary{color:#fff}:root[data-theme=light] .btn-primary:hover{background:#f2822f}:root[data-theme=light] .chip-gray{background:#0000000d}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#c8cdda}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#b3b9c9}:root[data-theme=light] .modal,:root[data-theme=light] .user-menu,:root[data-theme=light] .notif-menu,:root[data-theme=light] .gsearch-drop{box-shadow:0 16px 44px #4a516426}:root[data-theme=light] .sidebar-backdrop{background:#0005}:root[data-theme=light] .auth-brand-logo{filter:none}:root[data-theme=light] .hero-title{color:#fff}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0;background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s}.header-icon-btn:hover{background:var(--panel-2);color:var(--text)}.notif-dot{position:absolute;top:4px;right:3px;min-width:15px;height:15px;padding:0 3px;border-radius:20px;background:var(--red);color:#fff;font-size:9px;font-weight:800;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--panel)}.notif-menu{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:86vw;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:6px;z-index:60;box-shadow:0 12px 30px #00000080;animation:toast-in .15s ease-out}.notif-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:8px 10px;border-bottom:1px solid var(--border-soft);margin-bottom:5px}.notif-head .cnt{font-family:var(--font-mono)}.notif-empty{padding:22px 10px;text-align:center;font-size:12.5px;color:var(--text-faint)}.notif-list{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.notif-item{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:9px;cursor:pointer;transition:background .1s}.notif-item:hover{background:var(--panel)}.notif-item .chip{flex-shrink:0;font-size:9.5px;margin-top:1px}.notif-body{min-width:0}.notif-texto{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-detalhe{font-size:11px;color:var(--text-faint)}.auth-theme{position:fixed;right:18px;bottom:18px;z-index:10;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:2px}.user-avatar{overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.user-menu{width:260px}.user-menu-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.user-menu-sep{border-top:1px solid var(--border-soft);margin:6px 0}.user-menu-ico{display:flex;align-items:center;color:var(--text-faint);flex-shrink:0}.user-menu-item.danger .user-menu-ico{color:var(--red)}.profile-foto-row{display:flex;align-items:center;gap:16px}.profile-foto-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}