:root{--blue: #2563eb;--blue-dark: #1d4ed8;--blue-soft: #eff6ff;--navy: #0b1f4d;--navy-2: #13306f;--page: #eef3fb;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 40, 100, .06);--card: #ffffff;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--red: #dc2626;--red-soft: #fef2f2;--green: #16a34a;--green-soft: #f0fdf4;--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit;color:inherit}h1,h2{margin:0;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.card{background:var(--card);border:1px solid #e3eaf5;border-radius:var(--radius);box-shadow:var(--shadow)}.button{border:0;border-radius:10px;padding:10px 18px;font-weight:600;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:var(--blue-dark)}.button-quiet{background:#f1f5f9;color:var(--text)}.button-quiet:hover:not(:disabled){background:var(--line)}.button-wide{width:100%;padding:12px 18px}.link-button{border:0;background:none;padding:0;color:var(--blue);font-weight:600;cursor:pointer}.link-button:hover{text-decoration:underline}.field{display:grid;gap:6px;font-size:14px;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font-weight:400;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.phone-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.phone-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.phone-dial{display:flex;align-items:center;padding:0 12px;background:var(--blue-soft);color:var(--blue-dark);font-weight:600;border-right:1px solid var(--line)}.phone-input input{border:0;border-radius:0;box-shadow:none}.phone-input input:focus{box-shadow:none}.notice{border-radius:10px;padding:10px 12px;font-size:14px}.notice-info{background:var(--blue-soft);color:var(--blue-dark)}.notice-error{background:var(--red-soft);color:var(--red)}.notice-success{background:var(--green-soft);color:var(--green)}.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);margin-left:6px}.tag:first-child{margin-left:0}.tag-soft{background:#f1f5f9;color:var(--muted)}.loading-screen{min-height:100vh;display:grid;place-items:center}.signin{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.signin-brand{position:relative;overflow:hidden;color:#fff;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:radial-gradient(circle at 85% 12%,rgba(96,165,250,.45),transparent 42%),radial-gradient(circle at 10% 90%,rgba(37,99,235,.55),transparent 50%),linear-gradient(155deg,var(--navy) 0%,var(--navy-2) 55%,var(--blue) 100%)}.signin-brand-top{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.signin-brand-top img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.signin-brand-copy{max-width:440px;display:grid;gap:22px}.signin-brand-copy h2{font-size:34px;line-height:1.15;font-weight:700}.signin-brand-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.signin-brand-copy li{display:flex;align-items:center;gap:12px;font-size:15px;color:#dbe7ff}.signin-brand-copy li .icon{width:26px;height:26px;padding:5px;border-radius:999px;background:#ffffff24;color:#fff;stroke-width:2.4}.signin-brand small{color:#9fb6e6}.signin-side{display:grid;place-items:center;padding:32px 24px;background:linear-gradient(180deg,#eef4ff,#e3ecfb)}.signin-card{width:min(420px,100%);padding:36px;display:grid;gap:18px;border:0;box-shadow:0 20px 50px #0b1f4d1f;border-top:4px solid var(--blue)}.signin-card p{margin:-8px 0 0;font-size:14px}.signin-logo{width:52px;height:52px;object-fit:contain}.shell{min-height:100vh;display:flex}.sidebar{width:248px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:20px 14px;color:#dbe7ff;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:#fff;padding:4px 8px}.brand img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:9px;padding:3px}.nav{display:grid;gap:4px;align-content:start;flex:1}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:11px 12px;border-radius:10px;color:#b9cbef;font-weight:600;cursor:pointer;text-align:left}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item-active,.nav-item-active:hover{background:var(--blue);color:#fff;box-shadow:0 6px 16px #2563eb73}.account{display:grid;gap:10px;padding:14px 10px 4px;border-top:1px solid rgba(255,255,255,.12)}.account-who{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;border-radius:999px;background:#fff;color:var(--blue-dark);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.account-text{display:grid;min-width:0}.account-text strong{color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text small{color:#9fb6e6;font-size:12px}.sidebar-select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18);padding:8px 10px}.sidebar-select option{color:var(--text)}.sidebar-button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer}.sidebar-button:hover{background:#ffffff1a}.body{flex:1;min-width:0;display:flex}.content{flex:1;min-width:0;padding:28px 32px 56px;display:grid;gap:18px;align-content:start;max-width:1240px}.context{display:flex;flex-wrap:wrap;gap:14px;background:#fff;border:1px solid #e3eaf5;border-left:4px solid var(--blue);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.context-field{display:grid;gap:6px;min-width:200px;flex:1;font-size:13px;font-weight:600;color:var(--muted)}.context-field select{color:var(--text)}.context-fixed{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f8fafc;color:var(--text);font-weight:600}.page-head{display:grid;gap:4px}.page-head p{margin:0;font-size:14px;max-width:720px}.page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.post-card{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:20px}.post-side{display:grid;gap:16px;align-content:start}.field small{font-weight:400}.dropzone{aspect-ratio:1;border:1.5px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:grid;place-items:center;cursor:pointer;overflow:hidden;position:relative}.dropzone:hover{border-color:var(--blue);background:var(--blue-soft)}.dropzone-filled{border-style:solid;background:#fff}.dropzone img{width:100%;height:100%;object-fit:contain}.dropzone-empty{display:grid;justify-items:center;gap:6px;color:var(--muted);text-align:center;padding:16px}.dropzone-empty .icon{width:32px;height:32px;color:var(--blue)}.dropzone-empty strong{color:var(--text)}.dropzone-change{position:absolute;bottom:10px;background:#0f172abf;color:#fff;font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;color:var(--muted)}.search input{border:0;box-shadow:none;padding:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.grid-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.entry{overflow:hidden;display:flex;flex-direction:column}.entry-image{aspect-ratio:1;background:#f8fafc;border-bottom:1px solid var(--line)}.entry-image img{width:100%;height:100%;object-fit:contain;display:block}.entry-body{padding:12px;display:grid;gap:8px}.entry-name{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.entry-meta{display:flex;flex-wrap:wrap;gap:6px}.entry-meta .tag{margin-left:0}.entry-links{display:flex;gap:16px;font-size:13px}.link-danger{color:var(--red)}.entry-body input,.entry-body select{padding:8px 10px;font-size:14px}.entry-actions{display:flex;gap:8px}.entry-actions .button{flex:1;padding:8px 10px}.empty{color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;margin:0}.inline-form{display:flex;gap:10px;padding:12px}.inline-form-flat{padding:0;flex:1}.list{overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);margin:0}.list-row:first-child{border-top:0}.row-actions{display:flex;gap:16px}.person-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px}.person-form-actions{grid-column:1 / -1;display:flex;gap:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.cell-right{text-align:right}.cell-right .link-button{color:var(--red)}@media(max-width:860px){.signin{grid-template-columns:1fr}.signin-brand{padding:24px;gap:16px}.signin-brand-copy h2{font-size:24px}.signin-brand-copy ul,.signin-brand small{display:none}.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;z-index:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px}.nav{display:flex;overflow-x:auto;order:3;flex-basis:100%}.nav-item{width:auto;white-space:nowrap;padding:8px 12px}.account{margin-left:auto;border-top:0;padding:0;display:flex;align-items:center}.account-text{display:none}.sidebar-select{width:auto}.content{padding:18px 16px 40px}.post-card,.person-form{grid-template-columns:1fr}}
