:root{--paper: #f4f6f9;--white: #ffffff;--ink: #111555;--muted: #5b6478;--line: #e3e7ee;--radius: 18px;--primary: #111555;--accent: #f97335;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:var(--paper);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}#root{margin:0 auto}body.card-mode #root{max-width:420px}body.editor-mode #root{max-width:1100px}button{font:inherit;cursor:pointer}.lang-switch{display:flex;justify-content:flex-end;gap:4px;margin-bottom:12px}.lang-switch button{padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:var(--white);color:var(--muted);font-size:13px;font-weight:600}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #1115550f,0 12px 32px #11155514}.hero{background:var(--primary);color:var(--on-primary);padding:32px 24px 28px;text-align:center;border-bottom:4px solid var(--accent)}.avatar{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:var(--white);border:2px solid var(--accent);display:grid;place-items:center;color:var(--primary);font-size:32px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero h1{margin:0;font-size:26px;line-height:1.2;overflow-wrap:anywhere}.job-title{margin:6px 0 0;color:var(--accent-on-primary);font-weight:600}.company{margin:2px 0 0;font-size:15px;opacity:.85}.body{padding:20px}.save{display:block;width:100%;padding:16px;border-radius:14px;text-align:center;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:700;text-decoration:none;transition:transform .1s ease,filter .15s ease}.save:hover{filter:brightness(.95)}.save:active{transform:scale(.98)}.save.is-busy{opacity:.6;cursor:progress}.hint{margin:8px 0 0;text-align:center;font-size:13px;color:var(--muted)}.rows{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}.rows a{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.row-icon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.row-label{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.row-value{display:block;font-weight:600;overflow-wrap:anywhere}.socials{list-style:none;margin:16px 0 0;padding:0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.share{margin-top:16px;background:var(--white);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:0 1px 2px #1115550f}.share h2{margin:0 0 4px;font-size:16px}.share p{margin:0 0 14px;font-size:14px;color:var(--muted)}.share img{display:block;margin:0 auto 14px;max-width:100%;height:auto}.share button,.status-box button{padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:600}.status-screen{display:grid;place-items:center;min-height:60vh}.status-box{background:var(--white);border-radius:var(--radius);padding:32px 24px;text-align:center;box-shadow:0 1px 2px #1115550f;border-top:4px solid var(--accent);width:100%}.status-box h1{margin:0 0 8px;font-size:20px}.status-box p{margin:0 0 16px;color:var(--muted)}.site-footer{margin-top:20px;text-align:center;font-size:12px;color:var(--muted)}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--line)}.editor-top .brand{font-weight:700}.editor-top .brand span{color:var(--accent)}.editor-top-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.editor-top-right .lang-switch{margin:0}button.link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;font-size:inherit}.btn{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-weight:600}.btn.primary{background:var(--ink);color:var(--white);border-color:var(--ink)}.btn:disabled{opacity:.6;cursor:progress}.auth-screen{display:grid;place-items:center;min-height:70vh}.auth-box{width:100%;max-width:380px;background:var(--white);border-radius:var(--radius);padding:28px 24px;border-top:4px solid var(--accent);box-shadow:0 1px 2px #1115550f;display:flex;flex-direction:column;gap:6px}.auth-box h1{margin:0 0 10px;font-size:20px}.auth-box .btn{margin-top:10px}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:14px;align-items:flex-start}label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}label .opt{font-weight:400;color:var(--muted)}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;color:var(--ink);background:var(--white)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}input[aria-invalid=true]{border-color:#c0392b}.field-hint{margin:2px 0 0;font-size:12px;color:var(--muted)}.field-error,.form-error{margin:4px 0 0;font-size:13px;color:#c0392b}.form-notice{margin:4px 0 0;font-size:13px;color:#1e8e5a}.banner{margin:8px 0 16px;padding:12px 14px;border-radius:10px;background:#fff4e5;border:1px solid #f5d2a8;font-size:14px}.banner b{color:#9a4a12}.banner-ok{background:#e9f7ef;border-color:#b8e2c8}.banner-ok b{color:#1e6b42}.banner-ok a{color:var(--ink);font-weight:600;overflow-wrap:anywhere}.banner-ok .share{box-shadow:none;padding:12px 0 0;margin:0;background:none}.banner-bad{background:#fdecea;border-color:#f3c1bb}.banner-bad b{color:#8e2b20}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}@media(max-width:860px){.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-preview{order:-1}}.box{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.box h2{margin:0 0 4px;font-size:16px}.box p.help{margin:0 0 14px;font-size:13px;color:var(--muted)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.phone-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6px}.photo{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.photo-preview{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;background:var(--paper);border:2px dashed var(--line)}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.colors{display:flex;gap:20px;flex-wrap:wrap}.color-field{display:flex;align-items:center;gap:8px;margin:0}.color-field input{width:44px;height:36px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--white)}.slug{display:flex;align-items:stretch}.slug span{padding:10px;background:var(--paper);border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;font-size:13px;color:var(--muted);white-space:nowrap}.slug input{border-radius:0 9px 9px 0}.slug input[readonly]{background:var(--paper);color:var(--muted)}.hint-line{margin:6px 0 0;font-size:12px;color:var(--muted)}.hint-line.ok{color:#1e8e5a}.hint-line.bad{color:#c0392b}.actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-bottom:32px}.editor-preview{position:sticky;top:16px}.preview-label{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.phone-frame{border:8px solid #1b1b1f;border-radius:26px;overflow:hidden;background:var(--paper)}.phone-frame .card{border-radius:0;box-shadow:none}.nav-link{color:var(--ink);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.admin-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px}.admin-head h1{margin:0;font-size:22px}.admin-counts{margin:0;color:var(--muted);font-size:14px}.admin-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.admin-filters input[type=search]{flex:1 1 260px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;color:var(--ink)}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tabs button{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--white);color:var(--muted);font-weight:600;font-size:13px}.filter-tabs button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.admin-list{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:10px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.admin-row-main p{margin:0}.admin-name{font-weight:700;overflow-wrap:anywhere}.admin-company{font-weight:400;color:var(--muted)}.admin-meta{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.admin-meta a{color:var(--ink)}.admin-actions{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.status-badge{justify-self:end;align-self:start;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pending{background:#fff4e5;color:#9a4a12}.status-active{background:#e9f7ef;color:#1e6b42}.status-suspended{background:#fdecea;color:#8e2b20}.notes-panel .notes-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.notes-form{display:flex;gap:8px;margin-bottom:8px}.notes-form input{flex:1}.notes-list{list-style:none;margin:8px 0 0;padding:0}.notes-list li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.note-text{display:block;overflow-wrap:anywhere}.note-date{display:block;font-size:12px;color:var(--muted)}.kit-buttons{display:flex;gap:8px;flex-wrap:wrap}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
