*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Malgun Gothic,sans-serif;color:#1a202c}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#1a202c;color:#fff;flex:none}.topbar .brand{font-weight:700;font-size:16px;color:#fff;text-decoration:none}.topbar nav a{color:#cbd5e0;margin-left:16px;text-decoration:none}.topbar nav a:hover{color:#fff}.map-page,.admin{position:relative;flex:1;min-height:0}.map{width:100%;height:100%}.map-page{display:block}.legend{position:absolute;top:12px;right:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:10px 12px;font-size:13px;z-index:5}.legend__title{font-weight:700;margin-bottom:6px}.legend__row{display:flex;align-items:center;margin-bottom:4px}.legend__swatch{width:14px;height:14px;border-radius:3px;margin-right:6px;opacity:.75}.legend__step{display:inline-block;width:14px;margin-right:4px;color:#718096;font-variant-numeric:tabular-nums}.legend__count{margin-top:6px;color:#718096}.zone-label{white-space:nowrap;padding:3px 8px;background:#ffffffd9;border-radius:6px;box-shadow:0 1px 4px #00000040;pointer-events:none;transform:translateZ(0);text-align:center}.zone-label--muted{background:#ffffffb3;box-shadow:0 1px 3px #00000026;opacity:.85}.zone-label__name{font-size:13px;font-weight:700;color:#1a202c}.stage-badge{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;color:#fff;white-space:nowrap}.stage-badge--inline{margin-top:6px}.admin{display:flex}.admin__map{position:relative;flex:1;min-width:0}.admin__panel{width:340px;flex:none;border-left:1px solid #e2e8f0;padding:16px;overflow-y:auto;background:#f7fafc}.admin__panelhead{display:flex;justify-content:space-between;align-items:center}.admin__panel h2{margin:0 0 12px;font-size:18px}.admin__panel h3{margin:20px 0 8px;font-size:15px}.admin__panel label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.admin__panel input,.admin__panel select,.admin__panel textarea{width:100%;margin-top:4px;padding:8px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;font-weight:400}.admin__actions{display:flex;gap:8px;margin-top:8px}.draw-hint{position:absolute;bottom:12px;left:12px;right:12px;background:#1a202cd9;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;z-index:5}.select-hint{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 380px);background:#fffffff0;border:1px solid #cbd5e0;border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 2px 8px #00000026;z-index:5}.select-hint .stage-badge{margin-top:0}.select-hint button.link{font-size:12px;white-space:nowrap}.draw-controls{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.draw-controls__count{font-size:12px;color:#718096}.draw-controls__toggle{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:500}.admin__panel .draw-controls__toggle input{width:auto;margin:0}button{padding:8px 12px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#3182ce;border-color:#3182ce;color:#fff}button.danger{color:#e53e3e;border-color:#feb2b2}button.link{border:none;background:none;color:#3182ce;padding:0}.zone-modal{position:absolute;top:12px;left:12px;bottom:56px;width:320px;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0003;z-index:6;overflow:hidden}.zone-modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e2e8f0;flex:none}.zone-modal__head h3{margin:0;font-size:15px}.zone-modal__count{color:#718096;font-weight:500;font-size:13px}.zone-modal__open{position:absolute;top:12px;left:12px;z-index:6;background:#fff;box-shadow:0 2px 8px #00000026}.zone-modal .zone-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px}.zone-filters{padding:10px 12px;border-bottom:1px solid #e2e8f0;flex:none}.zone-filters input,.zone-filters select{padding:6px 8px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px}.zone-filters__q{width:100%}.zone-filters__row{display:flex;align-items:center;gap:6px;margin-top:6px}.zone-filters__row select{flex:1;min-width:0}.zone-list{list-style:none;padding:0;margin:0}.zone-list__empty{padding:16px 4px;font-size:13px;color:#a0aec0;text-align:center}.zone-list__item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;border-left:3px solid transparent;padding:8px 0 8px 5px}.zone-list__select{flex:1;min-width:0;text-align:left;padding:2px 4px;border:none;background:none;border-radius:6px;font:inherit}.zone-list__select:hover{background:#edf2f7}.zone-list__item--selected{border-left-color:#3182ce;background:#ebf8ff}.zone-list__name{font-weight:600;font-size:14px}.zone-list__meta{font-size:12px;color:#718096}.zone-list__region{font-size:11px;color:#a0aec0;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-readonly{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding:8px;border:1px dashed #cbd5e0;border-radius:6px;background:#fff}.form-readonly__label{font-size:13px;font-weight:600;flex:none}.form-readonly__value{font-size:13px;color:#4a5568;min-width:0;word-break:keep-all}.zone-list__actions{display:flex;gap:6px}.refs{margin-bottom:12px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.refs__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.refs__title{font-size:13px;font-weight:600}.refs__empty{margin:0;font-size:12px;color:#a0aec0}.refs__row{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid #edf2f7}.refs__row:first-of-type{border-top:none;padding-top:0}.admin__panel .refs__row input{margin-top:0;font-size:13px}.refs__rowactions{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px}.refs__rowactions a{color:#3182ce}.refs__rowactions button{padding:3px 8px;font-size:12px}.auth{flex:1;display:flex;align-items:center;justify-content:center;background:#edf2f7}.auth__card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 16px #00000014;width:320px}.auth__card h2{margin:0 0 16px}.auth__card label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.auth__card input{width:100%;margin-top:4px;padding:9px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.auth__card button{width:100%;margin-top:8px;background:#3182ce;border-color:#3182ce;color:#fff}.banner{padding:8px 12px;border-radius:6px;font-size:13px;margin:8px 0}.banner--error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.map-page .banner--error{position:absolute;bottom:12px;left:12px;z-index:5}