main.relationship-main{padding:0;overflow:hidden}.rel-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rel-scroll{padding:16px 18px 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.rel-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:7px;min-height:54px;padding:7px 13px;background:#fff;border-bottom:1px solid var(--line);flex:none}.rel-head h1{font-size:1.125rem;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rel-head .back-button{width:38px;height:38px;border-radius:12px}.rel-head-action{border:0;background:transparent;color:var(--blue);font-size:0.75rem;font-weight:650;padding:8px 0}.rel-demo{display:inline-flex;align-items:center;gap:5px;font-size:0.5625rem;color:#71819a;background:#f0f4fa;border-radius:6px;padding:4px 7px}.rel-card{background:#fff;border:1px solid #e7edf5;border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:0 3px 15px #1d3b6b05}.rel-list-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left}.rel-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e6efff;color:#205cc8;font-weight:750;flex:none}.rel-avatar.restaurant{background:#fff0dc;color:#a65c0b}.rel-card-copy{min-width:0;flex:1}.rel-card-copy strong{display:block;font-size:0.9375rem;line-height:1.4}.rel-card-copy small{display:block;color:#8592a5;font-size:0.625rem;line-height:1.6;margin-top:3px}.rel-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.rel-pill{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:20px;background:#f1f5fa;color:#657890;font-size:0.5625rem}.rel-pill.blue{background:#eaf1ff;color:#165cd4}.rel-pill.yellow{background:#fff5d6;color:#916300}.rel-pill.gray{background:#edf0f3;color:#7e8793}.rel-pill.green{background:#e8f7ef;color:#267454}.rel-empty{text-align:center;padding:32px 16px}.rel-empty h2{font-size:1.0625rem;margin:12px 0 7px}.rel-empty p,.rel-help{font-size:0.6875rem;line-height:1.7;color:#8996a8}.rel-primary,.rel-secondary,.rel-danger{width:100%;min-height:44px;border-radius:12px;font-size:0.8125rem;font-weight:650;padding:10px 14px}.rel-primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.rel-secondary{border:1px solid #dce5f2;background:#fff;color:#4c6380}.rel-danger{border:1px solid #eddde1;background:#fff;color:#b64658}.rel-fab{margin-top:5px}.rel-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 2px 9px}.rel-section-title h2{font-size:0.75rem;margin:0}.rel-section-title span{font-size:0.5625rem;color:#99a5b5}.rel-form{display:grid;gap:13px}.rel-field{display:grid;gap:6px;font-size:0.6875rem;color:#667991}.rel-field input,.rel-field select,.rel-field textarea{width:100%;min-height:44px;border:1px solid #dce5f1;border-radius:11px;background:#f9fbfe;padding:10px 12px;font:inherit;font-size:0.875rem;color:var(--ink)}.rel-field textarea{min-height:78px;resize:vertical}.rel-form-actions{display:flex;gap:9px;margin-top:4px}.rel-form-actions>*{flex:1}.rel-error{min-height:16px;color:var(--danger);font-size:0.625rem}.rel-management{padding:10px 12px 8px;gap:9px}.rel-identity{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:0}.rel-identity button{margin-left:auto}.rel-identity-copy{min-width:0;flex:1}.rel-identity-copy strong{display:block;font-size:0.9375rem}.rel-identity-copy small{font-size:0.625rem;color:#8491a3}.rel-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 1px}.rel-preset{min-width:0;min-height:50px;border:1px solid #e2e9f4;background:#fff;border-radius:12px;padding:7px 4px;color:#4d6482;font-size:0.625rem}.rel-preset b{display:block;color:var(--blue);font-size:0.9375rem;margin-bottom:3px}.rel-locations{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none;flex:none}.rel-locations::-webkit-scrollbar{display:none}.rel-location{flex:0 0 104px;min-height:70px;border:1px solid #e3eaf3;background:#fff;border-radius:14px;padding:10px;text-align:left}.rel-location strong{display:block;font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rel-location small{display:block;color:#8996a8;font-size:0.5625rem;margin-top:6px}.rel-location.inactive{filter:grayscale(1);opacity:.58}.rel-location.add{display:grid;place-items:center;text-align:center;color:var(--blue);font-size:0.6875rem;background:var(--blue-soft);border-color:#d8e5ff}.rel-people-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.rel-people{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:54px;gap:7px;overflow-y:auto;min-height:68px;max-height:180px;padding:1px;scrollbar-width:none}.rel-person{min-width:0;border:1px solid #e4eaf3;border-radius:11px;background:#fff;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:0.5rem;color:#556a84}.rel-person i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:#2662c5;font-style:normal;font-weight:700;font-size:0.625rem;border:2px solid #3d79df}.rel-person.probation i{border-color:#e8b938;background:#fff6d8;color:#936c00}.rel-person.inactive i{border-color:#aab2bd;background:#eef0f3;color:#7c8590}.rel-person.add{color:var(--blue);background:var(--blue-soft);font-size:1.125rem}.rel-person span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel-management-note{font-size:0.5rem;color:#9ca7b6;text-align:center;margin:0}.rel-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}.rel-row:last-child{border-bottom:0}.rel-row-main{min-width:0;flex:1}.rel-row-main strong{display:block;font-size:0.75rem}.rel-row-main small{display:block;color:#8a97a8;font-size:0.5625rem;line-height:1.5;margin-top:3px}.rel-price{font-size:0.75rem;color:#3e5674;font-weight:650}.rel-switch{border:0;border-radius:20px;background:#e8edf3;color:#8490a0;padding:5px 9px;font-size:0.5625rem}.rel-switch.on{background:#e7f6ee;color:#277553}.rel-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.rel-tab{white-space:nowrap;border:1px solid #e0e7f1;background:#fff;color:#75849a;border-radius:20px;min-height:32px;padding:6px 12px;font-size:0.625rem}.rel-tab.active{background:var(--blue);border-color:var(--blue);color:white}.rel-schedule{border:1px solid #e6edf6;border-radius:15px;background:white;overflow:hidden}.rel-week{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #edf1f6}.rel-day{text-align:center;padding:8px 1px;border-right:1px solid #f0f3f7;font-size:0.5625rem;color:#8593a7}.rel-day:last-child{border-right:0}.rel-day b{display:grid;place-items:center;width:23px;height:23px;margin:5px auto 0;border-radius:8px;color:#3f5875}.rel-day.on b{background:var(--blue);color:#fff}.rel-shift{padding:10px 12px;border-top:1px solid #edf1f6}.rel-shift strong{font-size:0.6875rem}.rel-shift p{font-size:0.625rem;color:#657993;margin:5px 0 0}.rel-actual{margin-top:7px;border-left:3px solid #efb735;padding:7px 9px;background:#fff9e8;border-radius:0 8px 8px 0}.rel-actual b{font-size:0.625rem;color:#825d00}.rel-history{margin-top:7px;font-size:0.5625rem;color:#7e8da2}.rel-permission{padding:9px 11px;background:#f3f6fb;border-radius:10px;color:#667b96;font-size:0.625rem;line-height:1.6}.rel-status-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.rel-status-line+.rel-status-line{margin-top:9px}.rel-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.rel-kpi div{background:white;border:1px solid #e5ebf4;border-radius:12px;padding:10px 6px;text-align:center}.rel-kpi b{display:block;font-size:0.875rem;color:#2d527f}.rel-kpi span{font-size:0.5rem;color:#8d99aa}.rel-checks{display:flex;gap:6px;flex-wrap:wrap}.rel-check{border:1px solid #dfe7f2;background:#fff;border-radius:9px;padding:7px 9px;font-size:0.625rem;color:#657890}.rel-check.selected{background:#edf3ff;border-color:#d3e1ff;color:#1f5dcc}.rel-modal{width:min(420px,calc(100vw - 28px));max-height:80dvh;overflow:auto;border-radius:21px;padding:21px;box-shadow:0 18px 70px #13243c2c}.rel-modal h2{font-size:1.125rem;margin:0 0 8px}.rel-modal p{font-size:0.6875rem;color:#8491a4;line-height:1.7}.rel-modal::backdrop{background:#1522384d}@media(max-height:700px){.rel-management{gap:6px}.rel-identity{padding-top:8px;padding-bottom:8px}.rel-locations .rel-location{min-height:60px}.rel-people{grid-auto-rows:46px;max-height:102px}.rel-person i{width:20px;height:20px}.rel-management-note{display:none}}@media(max-width:359px){.rel-scroll{padding-left:14px;padding-right:14px}.rel-people{gap:5px}.rel-preset{font-size:0.5625rem}.rel-location{flex-basis:96px}}