:root{--bg:#f5f6f8;--panel:#ffffff;--ink:#1d2433;--muted:#5d6677;--line:#e2e5eb;--accent:#f99c00;--accent-ink:#1d2433;--navy:#1b2a41;--danger:#c62828;--warn:#9a6200;--ok:#1b7f3b;--radius:10px;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit}h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:16px}h2,p{margin:0 0 12px}.top{background:var(--navy);color:#fff;gap:12px;padding:10px 20px}.top,.top .brand{display:flex;align-items:center}.top .brand{gap:10px;text-decoration:none;font-weight:600;letter-spacing:.01em}.top .brand img{width:28px;height:28px;border-radius:6px}.top .brand small{display:block;font-weight:400;color:#c7cfdc;font-size:12px;line-height:1.2}.top .who{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:#dfe4ec}.top .who form{margin:0}.top button.link{background:none;border:1px solid #44546f;color:#fff;border-radius:6px;padding:4px 10px;font:inherit;cursor:pointer}.wrap{max-width:1120px;margin:0 auto;padding:24px 20px 48px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.notice{background:#fff7e6;border:1px solid #f5d18b;color:#5c3d00;border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;font-size:14px}.notice.ok{background:#eaf6ee;border-color:#a8d8b6;color:#124d25}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:40px}.btn:hover{border-color:#c5cad3}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.96)}.btn.danger{color:var(--danger);border-color:#f0c7c7}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.small{min-height:32px;padding:5px 10px;font-size:13px}.head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.head .grow{flex:1 1;min-width:200px}.head p{color:var(--muted);margin:0}input[type=date],input[type=search],input[type=text]{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd4dc;border-radius:8px;padding:9px 11px;min-height:42px}a:focus-visible,button:focus-visible,input:focus{outline:2px solid var(--accent);outline-offset:1px}input[disabled]{background:#f3f4f6;color:var(--muted)}.search{max-width:340px}table.cards{width:100%;border-collapse:collapse}table.cards th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:8px 10px}table.cards td,table.cards th{border-bottom:1px solid var(--line)}table.cards td{padding:10px;vertical-align:middle}table.cards tr:last-child td{border-bottom:0}table.cards td.name a{font-weight:600;text-decoration:none}table.cards td.name a:hover{text-decoration:underline}table.cards td.name small{display:block;color:var(--muted);font-size:12px}.thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e6e7e8;display:block}.chips{display:inline-flex;gap:2px}.chip{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#231f20}.badge,.chip{font-size:12px;font-weight:600}.badge{display:inline-block;border-radius:999px;padding:1px 8px}.badge.expired{background:#fde8e8;color:var(--danger)}.badge.soon{background:#fff3d6;color:var(--warn)}.empty{text-align:center;color:var(--muted);padding:40px 10px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:20px;gap:20px;align-items:start}.field{margin-bottom:16px}.field>.label,.field>label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field .hint{color:var(--muted)}.field .err,.field .hint{font-size:13px;margin-top:4px}.field .err{color:var(--danger)}.field.has-err input{border-color:var(--danger)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.areas{display:grid;grid-gap:6px;gap:6px}.area{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:6px 10px 6px 6px;cursor:pointer;background:#fff}.area input{width:18px;height:18px;accent-color:var(--navy);margin:0 2px 0 4px}.area .sw{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#231f20;flex:none}.area .t{line-height:1.25}.area .t small{display:block;color:var(--muted);font-size:12px}.area.on{border-color:var(--navy);background:#f4f6fa}.area.disabled{cursor:default}.photo-pick{display:flex;align-items:center;gap:14px}.photo-pick .ph{width:72px;height:72px;border-radius:50%;background:#e6e7e8 50%/cover no-repeat;flex:none;border:1px solid var(--line)}.preview{position:-webkit-sticky;position:sticky;top:16px}.preview .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center}.preview img{width:100%;max-width:300px;height:auto;display:block;margin:0 auto;border-radius:6px}.preview .state{margin-top:8px;min-height:18px}.preview .note,.preview .state{font-size:12px;color:var(--muted)}.preview .note{margin-top:10px;text-align:left}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.actions .spacer{flex:1 1}.saved{color:var(--ok);font-size:14px;font-weight:600}.crop-back{position:fixed;inset:0;background:rgba(15,20,30,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.crop{background:#fff;border-radius:12px;padding:18px;width:min(380px,100%)}.crop .stage{position:relative;width:min(320px,calc(100vw - 68px));aspect-ratio:1;margin:0 auto 14px;overflow:hidden;background:#222;touch-action:none;cursor:-webkit-grab;cursor:grab;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop .stage img{left:0;top:0;transform-origin:0 0;max-width:none}.crop .ring,.crop .stage img{position:absolute;pointer-events:none}.crop .ring{inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.85)}.crop input[type=range]{width:100%;accent-color:var(--navy)}.crop .row{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}@media (max-width:860px){.editor{grid-template-columns:1fr}.preview{position:static;order:-1}.preview img{max-width:240px}}@media (max-width:640px){.wrap{padding:16px 16px 40px}.top{padding:10px 16px}.top .who span{display:none}.row2{grid-template-columns:1fr}table.cards thead{display:none}table.cards,table.cards tbody,table.cards td,table.cards tr{display:block;width:100%}table.cards tr{display:grid;grid-template-columns:48px 1fr auto;grid-gap:4px 10px;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}table.cards tr:last-child{border-bottom:0}table.cards td{border:0;padding:0}table.cards td.pic{grid-row:span 3}table.cards td.dl{grid-row:1;grid-column:3}table.cards td.areas-c,table.cards td.desig,table.cards td.valid{grid-column:2/4;font-size:13px}}