:root{--bread-bg: #f8f1e7;--bread-bg-soft: #fffaf4;--bread-surface: #fffdf8;--bread-surface-2: #f4e8d4;--bread-line: #ddcdb6;--bread-line-strong: #c6ae94;--bread-text: #2f2417;--bread-text-soft: #66533f;--bread-accent: #7a3a16;--bread-accent-hover: #5f2f12;--bread-accent-ink: #fffaf3;--bread-accent-weak: #f7e5cc;--bread-action-text: #261c11;--bread-danger: #9a2e2e;--bread-success: #1e6b3c;--bread-warning: #b84a0a;--bread-success-text: #e7f7ee;--bread-warning-text: #fff9f1;--focus-ring: #d26f2b;--shadow-soft: 0 14px 34px rgba(47, 36, 23, .08);--control-h: 44px;--control-radius: 10px;--panel-radius: 12px;--shell-padding: clamp(10px, 2vw, 18px);--content-max: 1320px;--font-stack: "Pretendard", "SUIT", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box;min-width:0}html,body,#root{min-height:100%}body{margin:0;color:var(--bread-text);font-family:var(--font-stack);line-height:1.45;background:radial-gradient(circle at 12% 10%,rgba(232,186,120,.19),transparent 22%),radial-gradient(circle at 90% 12%,rgba(199,154,94,.14),transparent 24%),linear-gradient(180deg,#fff9f0 0%,var(--bread-bg) 100%)}#root{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,input,select,textarea{border-radius:var(--control-radius)}button{border:1px solid transparent;min-height:var(--control-h);min-width:var(--control-h);padding:0 12px;font-size:.92rem;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.button-row>button{flex:0 0 auto}.workspace-cta-row{display:flex;flex-wrap:wrap;gap:8px}input,select,textarea{width:100%;min-height:var(--control-h);border:1px solid var(--bread-line);padding:10px 12px;background:#fff;color:var(--bread-text);line-height:1.2}textarea{min-height:96px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bread-text-soft) 50%),linear-gradient(135deg,var(--bread-text-soft) 50%,transparent 50%);background-position:calc(100% - 17px) 1.1em,calc(100% - 12px) 1.1em;background-size:6px 6px,6px 6px;background-repeat:no-repeat}*::placeholder{color:#90775f}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[role=tab]:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-color:var(--focus-ring)}.page-shell{min-height:100vh;padding:var(--shell-padding);max-width:var(--content-max);margin:0 auto}.page-shell.portal-shell{max-width:min(1480px,100%);padding:clamp(10px,2vw,24px)}.panel{border:1px solid var(--bread-line);border-radius:var(--panel-radius);padding:14px;background:var(--bread-surface);overflow:hidden;box-shadow:var(--shadow-soft)}.panel.elevated{box-shadow:0 12px 34px #2f24170f}.warm{background:linear-gradient(180deg,var(--bread-bg-soft),var(--bread-surface-2))}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h1,.section-heading h2,.section-heading h3,.section-heading p,.card-title-row h1,.card-title-row h2,.card-title-row h3,.card-title-row p{margin:0}.section-heading p{color:var(--bread-text-soft);font-size:.9rem}.compact-heading{margin-bottom:8px}.portal-shell{width:100%}.auth-panel{background:var(--bread-surface)}.portal-topbar{position:sticky;top:8px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--bread-line);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--bread-surface) 94%,#fff);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:calc(var(--control-h) + 14px)}.portal-topbar h1{margin:0;font-size:1.05rem}.portal-topnav-shell{border:1px solid var(--bread-line)}.portal-topnav-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.portal-topnav-user{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.nav-tab{border:1px solid var(--bread-line);background:#f4e6d0;color:var(--bread-text);border-radius:999px;padding:0 12px;min-height:var(--control-h);font-size:.88rem;font-weight:700;white-space:nowrap}.nav-tab[aria-selected=true],.nav-tab-active{background:var(--bread-accent);color:var(--bread-accent-ink);border-color:var(--bread-accent)}.nav-tab:hover:not(:disabled){background:#e4d0b5}.portal-layout,.portal-layout-shell{display:grid;gap:12px}.portal-grid{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.portal-grid>.panel,.portal-grid>.portal-tab-panel,.portal-grid>.portal-layout-card{grid-column:1 / -1}.portal-split{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.portal-tabbed .portal-tab-panel{display:none}.portal-tabbed .portal-tab-panel.is-active{display:block}.portal-tabbed{position:relative}.portal-content-grid{display:grid;gap:12px;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)}.portal-summary-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.portal-summary-card{border:1px solid #ead9c1;border-radius:10px;background:#fff8ee;padding:10px;display:grid;gap:3px}.portal-content-wrap{display:grid;gap:12px}.portal-tab-bar{margin-bottom:10px}.portal-summary-card strong{font-size:1.08rem}.portal-summary-card span{color:var(--bread-text-soft);font-size:.81rem}.portal-dark{background:color-mix(in srgb,var(--bread-bg) 95%,#fff)}.summary-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff8ee;border:1px solid #ead4ba;border-radius:10px;overflow:hidden}.summary-table th,.summary-table td{padding:10px 12px;border-bottom:1px solid #eedcc2;text-align:left;font-size:.86rem}.summary-table th{color:var(--bread-text-soft);background:#f8efdf;font-weight:700}.summary-table td{color:var(--bread-text)}.compact-kpi{padding:10px;border:1px solid #ead9c1;border-radius:10px;background:#fff8ee;display:grid;gap:6px}.compact-kpi .value{font-size:1.28rem;font-weight:700}.compact-kpi .label{color:var(--bread-text-soft);font-size:.82rem}.dashboard-toolbar,.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.data-table-wrap{overflow-x:auto}.data-table,.portal-list-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #eadcc8;text-align:left;vertical-align:top;word-break:break-word;overflow-wrap:anywhere;font-size:.87rem}.data-table th{color:var(--bread-text-soft);font-weight:700;background:#fbf3e6;position:sticky;top:0}.field,.portal-form{display:grid;gap:8px}.field label,.portal-form label{display:grid;gap:5px}.field label{color:var(--bread-text-soft);font-size:.84rem}.field.col-6{grid-column:span 12}.portal-textarea,.pin-input,.portal-list-table,.portal-table{width:100%}.portal-textarea,.pin-input{border:1px solid var(--bread-line-strong);border-radius:var(--control-radius);background:#fff;color:var(--bread-text);padding:10px 12px;font-size:.9rem}.portal-textarea{resize:vertical;min-height:90px}.primary-button{border-color:var(--bread-accent);background:var(--bread-accent);color:var(--bread-accent-ink);font-weight:700;letter-spacing:.01em}.primary-button:hover:not(:disabled){background:var(--bread-accent-hover);border-color:var(--bread-accent-hover)}.secondary-button{background:#3f2a14;color:#fff8ef;border-color:#2f1f10}.secondary-button:hover:not(:disabled){background:#57331a;color:#fff}.danger-button{background:#9a2e2e;color:#fff9f7;border-color:#842525}.danger-button:hover:not(:disabled){background:#8a2525;border-color:#7a1f1f}.nav-tab:hover:not(:disabled){filter:brightness(1.04)}.hint,.portal-muted,.text-muted{color:var(--bread-text-soft);font-size:.86rem}.status-callout{border:1px solid var(--bread-line);border-radius:10px;background:#f7e9d8;padding:10px 12px;color:var(--bread-text-soft);font-size:.88rem}.status-ok{background:#2f2417;color:#fff8ee;border-color:#2f2417}.status-announcer{margin:2px 0 8px;padding:10px 12px;border-radius:10px;border:1px solid #ead7bc;background:#fff8ef;color:var(--bread-text);font-weight:600;min-height:var(--control-h);display:flex;align-items:center}.status-announcer[aria-live]+.status-announcer{margin-top:6px}.portal-tablist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.portal-grid-shell{display:grid;gap:12px}@media (max-width: 960px){.portal-topbar{gap:8px;top:0}}.auth-shell{display:grid;gap:18px;grid-template-columns:1.1fr .95fr;align-items:stretch}.auth-grid{grid-template-columns:1fr}.auth-hero{border:1px solid var(--bread-line);border-radius:var(--panel-radius);overflow:hidden;background:linear-gradient(160deg,#fff6e8,var(--bread-bg-soft));position:relative}.auth-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff7ec00,#fff8e5db)}.auth-hero-inner{position:relative;z-index:1;padding:16px;display:grid;gap:10px}.auth-hero-copy{margin:0;color:var(--bread-text-soft)}.auth-hero-highlights{margin:0;padding:0;list-style:none;display:grid;gap:8px}.auth-hero-highlights li{border-left:3px solid var(--bread-accent);padding-left:9px;color:var(--bread-text);font-weight:700}.auth-card{display:grid;gap:10px}.auth-mode-switch{display:flex;gap:8px;flex-wrap:wrap}.auth-mode-switch button{flex:1 1 auto}.portal-pill,.workspace-pill,.status-chip,.stage-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#ead2b4;color:#2f2417;white-space:nowrap}.portal-tab,.tab{border:1px solid #c9b49a;border-radius:var(--control-radius);padding:0 12px;min-height:var(--control-h);background:#f2e2cc;color:#5f472d;font-size:.86rem;font-weight:700}.portal-tab[aria-selected=true],.tab-active,.tab[aria-selected=true]{background:var(--bread-accent);color:var(--bread-accent-ink);border-color:var(--bread-accent)}.portal-tab-row,.tab-row{display:flex;flex-wrap:wrap;gap:6px}.portal-table-wrap{overflow-x:auto}.portal-table,.portal-list-table{width:100%;border-collapse:collapse;table-layout:fixed}.portal-table th,.portal-table td,.portal-list-table th,.portal-list-table td{padding:10px 8px;border-bottom:1px solid #eadcc8;text-align:left;vertical-align:top;word-break:break-word;overflow-wrap:anywhere;font-size:.87rem}.portal-table th,.portal-list-table th{color:var(--bread-text-soft);font-weight:700;background:#fbf3e6;position:sticky;top:0;z-index:1}.portal-list,.portal-stack{display:grid;gap:8px}.portal-stack,.portal-row,.match-stack{border:1px solid #ead9c1;border-radius:10px;background:#fff;padding:10px}.portal-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.portal-inline{display:grid;gap:8px;grid-template-columns:1fr 1fr}.match-manage-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);align-items:start}.match-detail-panel{display:grid;gap:10px;position:sticky;top:84px}.match-compare-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.match-compare-grid h4{margin:0 0 8px}.match-compare-grid ul{margin:0;padding-left:18px;display:grid;gap:4px}.portal-form{display:grid;gap:8px}.portal-form label span,.portal-form label{color:var(--bread-text-soft);font-size:.84rem}.invite-card{display:grid;gap:8px}.invite-meta-row,.invite-code-row{display:flex;flex-wrap:wrap;gap:8px}.invite-code{display:block;padding:8px 10px;border:1px solid #ead9c1;border-radius:10px;background:#fff8ee;color:#3b2d1c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.35;word-break:break-all}.empty-copy{margin:0;color:var(--bread-text-soft);font-size:.86rem}.is-hidden{display:none!important}.portal-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c048a;z-index:30;display:grid;place-items:center;padding:16px}.portal-modal{width:min(1120px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--bread-line);border-radius:12px;background:#fffcf6;padding:12px}.portal-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-modal-section{border:1px solid #ead9c1;border-radius:10px;padding:10px;background:#fff}.portal-modal-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.portal-header-block{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 1160px){.portal-split,.portal-modal-grid,.portal-inline,.match-manage-grid,.match-compare-grid,.portal-content-grid{grid-template-columns:1fr}.portal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr}.auth-mode-switch button{min-width:50%}.portal-topbar{position:static}.portal-topnav-row{flex-direction:column;align-items:stretch}.nav-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:2px}.portal-topnav-user{justify-content:space-between}}@media (max-width: 700px){.panel,.portal-modal,.portal-topbar{border-radius:10px;padding:10px}.nav-tab{font-size:.82rem;padding:0 10px}.portal-summary-grid,.portal-inline,.match-manage-grid,.portal-tab-row,.tab-row{grid-template-columns:1fr}.summary-table th,.summary-table td,.data-table th,.data-table td{padding:8px 6px;font-size:.82rem}.button-row{gap:6px}.match-detail-panel{position:static}}.workspace-shell{max-width:1320px;margin:0 auto;padding:var(--shell-padding);min-height:100vh;color:var(--bread-text);position:relative}.workspace-header{margin-bottom:10px}.workspace-layout-shell{display:grid;gap:12px}.workspace-hero,.card{border:1px solid var(--bread-line);border-radius:12px;background:var(--bread-surface)}.workspace-hero{padding:12px;margin-bottom:10px}.card{padding:12px}.workspace-hero h1,.section-copy h1,.section-copy h2,.detail-box h3,.mini-card h3{margin:0}.workspace-hero p,.section-copy p,.detail-box p,.mini-card p,.hint,.phone-box span,.photo-preview span,.deadline{color:var(--bread-text-soft)}.pin-entry-card{max-width:620px;margin:16px auto 0}.workspace-split-layout{display:grid;gap:12px;grid-template-columns:minmax(320px,390px) minmax(340px,1.35fr);align-items:start}.workspace-side{display:grid;gap:12px;align-content:start}.workspace-main{display:grid;gap:12px}.workspace-side .card{overflow:hidden}.workspace-grid,.gate-grid,.workspace-content,.match-flow-list{display:grid;gap:10px}.workspace-grid{grid-template-columns:minmax(320px,1fr) minmax(0,1.3fr)}.workspace-grid>.card:first-child{grid-column:span 1}.workspace-grid>.card:last-child{grid-column:span 1}.workspace-content{grid-template-columns:minmax(340px,1fr) minmax(380px,1fr)}.match-thread-tablist{display:grid;gap:8px;max-height:min(52vh,560px);overflow:auto;padding-right:2px}.match-thread-tab{text-align:left;justify-content:space-between;align-items:center;gap:8px;font-weight:700;border-color:#d1bea6;background:#f7ead6;width:100%;min-height:var(--control-h)}.match-thread-tab[aria-selected=true]{background:var(--bread-accent);color:var(--bread-accent-ink);border-color:var(--bread-accent)}.match-thread-tab .status-chip{margin-left:auto;border:1px solid color-mix(in srgb,var(--bread-text-soft) 20%,transparent);background:#ffffff70}.match-thread-list-card{display:grid;gap:10px}.match-detail-card{min-height:100%;display:grid;gap:10px}.workspace-empty-copy{border:1px solid #ead4ba;border-radius:12px;background:#fff8ef;padding:14px}.gate-grid{grid-template-columns:1fr 1fr}.section-copy{margin-bottom:10px}.pin-row,.profile-topline,.match-topline,.contact-grid{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.pin-row>input,.pin-row>button,.tab{min-height:var(--control-h);border:1px solid #c9b49a;border-radius:var(--control-radius)}.pin-row input,.pin-row-compact input{flex:1;padding:10px 12px;border-color:var(--bread-line)}.pin-row button,.tab{padding-left:12px;padding-right:12px;cursor:pointer;background:var(--bread-accent);color:var(--bread-accent-ink);font-size:.86rem}.pin-row button:disabled{opacity:.45;cursor:not-allowed}.status-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#efdfc9;font-size:.8rem;font-weight:700;color:#5f472d}.pill-grid,.chip-grid,.tab-row{display:flex;flex-wrap:wrap;gap:6px}.pill-grid span,.chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#f3e5cf}.chip{background:#f4e5cf}.chip-accent{background:#f2d8c6}.muted span{background:#f7f1e9}.detail-box,.hidden-box,.phone-box,.photo-preview{margin-top:10px;border-radius:10px;background:#fff8ee;padding:10px;border:1px solid #ead9c1}.mini-card{padding:10px;border-radius:10px;background:#fff;border:1px solid #ead9c1}.reg-form{display:grid;gap:8px}.reg-form .portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reg-field{display:grid;gap:5px}.reg-field .pin-input,.reg-field .portal-textarea{min-height:44px}.tab{background:#f2e2cc;color:#5f472d}.tab-active{background:var(--bread-accent);color:var(--bread-accent-ink);border-color:var(--bread-accent)}.deadline{font-size:.84rem}.ok,.photo-preview-open strong{color:var(--bread-success)}.warning{color:#ab4d21;font-weight:600}.photo-preview{display:grid;gap:6px}.photo-preview-open{background:#eef8f1}.photo-preview-image{width:100%;max-width:640px;border-radius:10px;border:1px solid #e2d1b7;background:#fff}.phone-box{display:grid;gap:6px}.pin-entry-form{margin:0}.pin-entry-form .pin-row{margin-top:10px}.workspace-expired-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a2f38,#171b22 70%,#12151c)}.shutter-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(8,1fr);gap:2px;padding:8px 0;opacity:.9}.shutter-slat{background:linear-gradient(180deg,#9ea4ae,#7b828d 45%,#636a75);border-top:1px solid #b7bcc5;border-bottom:1px solid #4e5560}.expired-content{position:relative;z-index:2;width:min(520px,calc(100% - 24px));border:1px solid rgba(255,255,255,.25);border-radius:14px;background:#14181fc2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:22px;text-align:center;color:#f4f6f8}.expired-content h1{margin:0 0 10px;font-size:2rem;letter-spacing:.03em}.expired-content p{margin:0;color:#d9dee5}.expired-content p+p{margin-top:6px}@media (max-width: 1180px){.workspace-split-layout,.workspace-content,.workspace-grid,.gate-grid{grid-template-columns:1fr}.workspace-grid>.card{grid-column:span 1}.reg-form .portal-grid{grid-template-columns:1fr}}@media (max-width: 700px){.workspace-shell{padding:10px}.card,.workspace-hero,.mini-card{padding:10px;border-radius:10px}.match-topline,.profile-topline,.contact-grid{align-items:flex-start}}