@charset "UTF-8";
:root{--ink:#103b51;--muted:#627b84;--teal:#178b8d;--mint:#48b8af;--line:#cde9e3;--paper:#fbfffd;--panel:#fff;--pink:#ff9fb4;--site-font:"Pretendard Variable","Pretendard","Noto Sans KR",sans-serif;font-family:var(--site-font);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{min-height:100vh;font-family:var(--site-font);background:linear-gradient(180deg,#fbfffd,#f4fbf8);color:var(--ink);line-height:1.65}button,input,textarea,select,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}.feature-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #d5ece7;background:#fbfffdf2;backdrop-filter:blur(16px)}.feature-header-inner{max-width:1180px;margin:auto;padding:13px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.feature-brand{font-size:1.45rem;font-weight:950;letter-spacing:-.05em;white-space:nowrap}.feature-brand small{font-size:.62rem;letter-spacing:.15em;color:var(--muted);margin-left:6px}.feature-nav{display:flex;justify-content:center;gap:24px}.feature-nav a{font-size:.86rem;font-weight:850;padding:7px 2px}.feature-nav a:hover,.feature-nav a.active{color:var(--teal)}.feature-admin-access{width:34px;height:34px;border:1px solid #78cfc1;border-radius:50%;background:linear-gradient(145deg,#cffff1,#79d6c5);box-shadow:0 7px 18px #1a7b6f2e;position:relative}.feature-admin-access::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff9}.feature-admin-access.logged-in{border-radius:9px;transform:rotate(45deg);background:linear-gradient(145deg,#7adbc9,#1ca395)}.feature-admin-access.logged-in::before{content:"✦";inset:0;display:grid;place-items:center;background:transparent;color:#fff;font-size:15px;transform:rotate(-45deg)}.feature-wrap{width:calc(100% - 48px);max-width:1080px;margin:auto}.feature-main{padding:58px 0 80px}.feature-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.feature-eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.15em;color:#0b7779}.feature-title-row h1{margin:5px 0 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em}.feature-actions{display:flex;align-items:center;gap:8px}.feature-btn{border:1px solid #a8ddd5;border-radius:999px;background:#fff;padding:9px 14px;font-size:.78rem;font-weight:900;color:#0d7175}.feature-btn.primary{background:linear-gradient(135deg,#e2faf4,#c6f0e6);border-color:#7ccdbf}.feature-btn.danger{color:#b63c4e;border-color:#efc3cb;background:#fff8f9}.feature-toolbar{display:flex;gap:10px;margin-bottom:18px}.feature-search{width:min(620px,100%);min-height:44px;border:1px solid #c8e6e0;border-radius:13px;background:#fff;padding:10px 14px;outline:none}.feature-search:focus{border-color:#64bfb4;box-shadow:0 0 0 3px #64bfb416}.empty-state{grid-column:1/-1;padding:52px 20px;border:1px dashed #c7e4de;border-radius:18px;background:#ffffffa6;text-align:center;color:var(--muted)}.admin-only[hidden],[hidden]{display:none!important}.feature-dialog{width:min(620px,calc(100% - 24px));max-height:90vh;border:0;border-radius:20px;padding:0;background:#fff;box-shadow:0 30px 80px #07313b38}.feature-dialog::backdrop{background:#082d374d;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e2f0ed}.dialog-head h2{font-size:1.05rem;margin:0}.dialog-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef9f6;font-size:1.25rem}.dialog-body{padding:18px 20px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:.76rem;font-weight:850;color:#356d72}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #cae6e0;border-radius:11px;background:#fff;padding:10px 11px;outline:none}.form-grid textarea{min-height:92px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-status{min-height:20px;margin-top:10px;font-size:.76rem;color:#b33d4d}.feature-login-card{display:grid;gap:12px}.feature-login-card label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.feature-login-card input{border:1px solid #c8e6e0;border-radius:11px;padding:10px 12px}.feature-account{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-account span{font-size:.8rem;color:var(--muted)}
@media(max-width:720px){.feature-header-inner{grid-template-columns:minmax(0,1fr) 36px;grid-template-areas:"brand admin" "nav nav";gap:5px 10px;padding:10px 14px 8px}.feature-brand{grid-area:brand}.feature-nav{grid-area:nav;justify-content:space-between;gap:2px}.feature-nav a{font-size:.71rem;padding:5px 3px}.feature-admin-access{grid-area:admin;justify-self:end}.feature-wrap{width:calc(100% - 28px)}.feature-main{padding-top:38px}.feature-title-row{align-items:center}.feature-title-row h1{font-size:2rem}.feature-actions{flex-wrap:wrap;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

/* upbo */
.upbo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.upbo-card{border:1px solid #d2ebe6;border-radius:20px;background:#fff;padding:17px;text-align:center;box-shadow:0 9px 24px #1d6a6810;transition:.18s ease}.upbo-card:hover{transform:translateY(-2px);border-color:#95d4ca;box-shadow:0 13px 30px #1d6a6818}.upbo-avatar{width:72px;height:72px;margin:auto;border-radius:22px;object-fit:cover;background:linear-gradient(135deg,#e5faf5,#eaf5ff)}.upbo-avatar-fallback{display:grid;place-items:center;font-size:1.5rem;font-weight:950;color:#299c90}.upbo-card h3{margin:10px 0 0;font-size:.92rem}.upbo-id{font-size:.7rem;color:var(--muted)}.upbo-count{display:inline-flex;margin-top:9px;border-radius:999px;padding:4px 9px;background:#edf8ff;color:#4f7d9b;font-size:.74rem;font-weight:900}.detail-list{display:grid;gap:9px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e0f0ed;border-radius:13px;background:#fbfffe}.detail-row strong{font-size:.86rem}.detail-row p{margin:2px 0 0;font-size:.74rem;color:var(--muted)}.detail-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.detail-qty{font-weight:950;color:#0d7a79}
/* wardrobe */
.wardrobe-tabs{display:flex;gap:7px;margin-bottom:18px}.wardrobe-tab{border:1px solid #cce9e3;border-radius:999px;background:#fff;padding:8px 13px;font-size:.78rem;font-weight:900;color:#51747a}.wardrobe-tab.active{background:#dff8f2;border-color:#82ccbf;color:#0c7476}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wardrobe-card{overflow:hidden;border:1px solid #d2ebe6;border-radius:20px;background:#fff;box-shadow:0 9px 24px #1d6a6810}.wardrobe-image{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eef9f6;cursor:zoom-in}.wardrobe-body{padding:13px}.wardrobe-body h3{margin:0;font-size:.92rem}.wardrobe-body p{margin:4px 0 0;font-size:.76rem;color:var(--muted);min-height:1.2em}.wardrobe-actions{display:flex;gap:6px;margin-top:10px}.viewer-dialog{width:min(920px,calc(100% - 24px));max-height:94vh;background:#0f272be8;padding:12px;border:0;border-radius:18px}.viewer-dialog::backdrop{background:#07191dbd}.viewer-dialog img{width:100%;max-height:84vh;object-fit:contain;border-radius:12px}.viewer-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffdf;color:#173f48;font-size:1.3rem}
@media(max-width:900px){.upbo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.upbo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upbo-card{padding:13px}.upbo-avatar{width:64px;height:64px;border-radius:18px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wardrobe-body{padding:10px}.wardrobe-image{aspect-ratio:4/5}.detail-row{align-items:flex-start;flex-direction:column}.detail-row-actions{width:100%;justify-content:flex-start}}
@media(max-width:380px){.upbo-grid,.wardrobe-grid{grid-template-columns:1fr}}

.soop-lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.soop-lookup-row input{min-width:0}.soop-lookup-btn{min-height:42px;padding-inline:14px}.soop-profile-preview{display:grid!important;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid #d7ece7;border-radius:14px;background:linear-gradient(135deg,#fbfffe,#f0faf7)}.soop-profile-preview img{width:64px;height:64px;border-radius:18px;object-fit:cover;background:#eaf7f4;border:1px solid #cce8e2}.soop-profile-preview strong{display:block;font-size:.9rem;color:var(--ink)}.soop-profile-preview span{display:block;margin-top:3px;font-size:.74rem;font-weight:650;color:var(--muted);line-height:1.45}.soop-profile-preview.is-loading img{opacity:.55}.soop-profile-preview.is-loading strong::after{content:" · 조회 중";color:var(--teal);font-weight:750}@media(max-width:520px){.soop-lookup-row{grid-template-columns:1fr}.soop-lookup-btn{width:100%}.soop-profile-preview{grid-template-columns:54px minmax(0,1fr)}.soop-profile-preview img{width:54px;height:54px;border-radius:15px}}