@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{--kr-navy:#0c1a3a;--kr-blue:#2563eb;--kr-bg:#f7f9fc;--kr-border:#dfe6f0;--kr-text:#0f172a;--kr-muted:#64748b;--kr-green:#10b981}
html,body,#root{font-family:'Inter',system-ui,-apple-system,'Noto Sans KR',sans-serif!important;-webkit-font-smoothing:antialiased}body{background:var(--kr-bg)!important;color:var(--kr-text)!important;font-size:14px!important}.shell{min-height:100vh!important;background:var(--kr-bg)!important}
@media(min-width:761px){.sidebar{width:240px!important;padding:0!important;background:var(--kr-navy)!important;border-right:0!important;box-shadow:none!important;overflow-y:auto!important}.workspace{margin-left:240px!important;width:calc(100% - 240px)!important;background:var(--kr-bg)!important;min-height:100vh!important}}
.brandbar{height:56px!important;min-height:56px!important;width:100%!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:transparent!important;padding:0 12px!important;display:flex!important;align-items:center!important;text-align:left!important}.brandmark{display:block!important;width:30px!important;height:30px!important;background:url('https://cn.tuvsud-cosmetics-portal.com/assets/TS_logo_RGB.png') center/contain no-repeat!important}.userbox{margin:0!important;padding:14px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.11)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0!important}.avatar{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#2563eb!important;color:#fff!important;font-size:13px!important;font-weight:800!important;flex:0 0 auto!important}.usertext{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important}.usertext b{font-size:13px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:175px!important}.usertext span{font-size:11px!important;color:#70a8ff!important;font-weight:600!important}.base-nav,.project-nav{display:flex!important;flex-direction:column!important;gap:2px!important;padding:10px 8px!important}.base-nav button,.project-nav button,.management-nav button,.workflow-nav button,.sidefoot button{width:100%!important;border:0!important;background:transparent!important;color:#c7d1e4!important;text-align:left!important;border-radius:8px!important;transition:.15s!important}.base-nav button,.project-nav button,.management-nav button,.sidefoot button{padding:9px 10px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:12px!important;min-height:38px!important}.base-nav button span:last-child,.project-nav button span:last-child{display:flex!important;flex-direction:column!important;gap:1px!important}.base-nav small,.project-nav small{font-size:10px!important;color:#7183a8!important;font-weight:400!important}.base-nav button:hover,.project-nav button:hover,.management-nav button:hover,.workflow-nav button:hover,.sidefoot button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.base-nav button.active,.project-nav button.active,.workflow-nav button.active{background:rgba(255,255,255,.15)!important;color:#fff!important}.navicon{width:15px!important;display:inline-flex!important;justify-content:center!important;flex:0 0 15px!important;color:#b7c5df!important}
.projectbox{padding:13px 11px 15px!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.11)!important;color:#fff!important}.projectlabel{font-size:11px!important;font-weight:700!important;color:#d9e2f4!important}.projectsub{font-size:10px!important;color:#7183a8!important;margin:2px 0 8px!important}.projectbox>b{display:block!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.projectbox>span{display:block!important;margin-top:3px!important;font-size:11px!important;color:#7eb2ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.progressrow{display:flex!important;align-items:center!important;gap:7px!important;margin-top:11px!important}.progressbar{height:5px!important;flex:1!important;background:rgba(255,255,255,.12)!important;border-radius:999px!important;overflow:hidden!important}.progressbar i{display:block!important;height:100%!important;background:#4da3ff!important;border-radius:999px!important}.progressrow strong{font-size:11px!important;color:#9fc7ff!important}.projectbox>small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#7183a8!important}.projectbox>em{display:block!important;margin-top:12px!important;font-style:normal!important;font-size:10px!important;color:#b7c5df!important}.sectionlabel{padding:7px 11px 4px!important;font-size:10px!important;color:#7183a8!important;text-transform:uppercase!important;letter-spacing:.06em!important}.workflow-nav{padding:2px 8px 10px!important;display:flex!important;flex-direction:column!important;gap:2px!important}.workflow-nav button{padding:7px 8px!important;display:flex!important;align-items:flex-start!important;gap:8px!important}.workflow-nav button>span:last-child{min-width:0!important;display:flex!important;flex-direction:column!important;gap:1px!important}.workflow-nav b{font-size:11px!important;font-weight:600!important;line-height:1.25!important;color:inherit!important}.workflow-nav small{font-size:9px!important;color:#7183a8!important;line-height:1.25!important}.stepdot{width:20px!important;height:20px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 20px!important;background:rgba(255,255,255,.12)!important;color:#8494b4!important;font-size:9px!important;font-weight:800!important;margin-top:1px!important}.stepdot.done{background:#10b981!important;color:#fff!important}.stepdot.current{background:#2563eb!important;color:#fff!important}.management-nav{margin-top:auto!important;padding:6px 8px 8px!important;border-top:1px solid rgba(255,255,255,.1)!important}.management-nav button{font-size:11px!important;padding:8px 9px!important;min-height:32px!important}.sidefoot{padding:0 8px 10px!important;border-top:1px solid rgba(255,255,255,.08)!important}.sidefoot button{margin-top:7px!important;color:#aab8d1!important;font-size:11px!important}
.topbar{height:56px!important;background:var(--kr-navy)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;position:sticky!important;top:0!important;z-index:20!important}.new-project{border:0!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;padding:10px 17px!important;font-size:12px!important;font-weight:700!important}.new-project:hover{background:#1d4ed8!important}
.content{padding:28px 32px 42px!important;max-width:1280px!important;margin:0 auto!important}.detail{max-width:1280px!important}.pagehead{align-items:center!important;margin-bottom:22px!important}.pagehead h1{font-size:20px!important;line-height:1.75rem!important;color:#0f172a!important;margin:0 0 3px!important;font-weight:700!important;letter-spacing:0!important}.pagehead p{font-size:14px!important;line-height:1.25rem!important;color:#64748b!important;margin:0!important}.primary{background:#1556b8!important;border-radius:8px!important;padding:10px 15px!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important}.primary:hover{background:#10499e!important}.stats{gap:14px!important;margin-bottom:20px!important}.stat{border:1px solid var(--kr-border)!important;border-radius:12px!important;padding:18px 20px!important;box-shadow:0 1px 3px rgba(15,23,42,.04)!important;min-height:92px!important;background:#fff!important}.stat strong{font-size:30px!important;color:var(--kr-navy)!important;line-height:1!important}.stat span{font-size:12px!important;color:#7b879d!important;margin-top:9px!important}.panel,.editor{border:1px solid var(--kr-border)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;background:#fff!important}.panelhead,.editorhead{padding:17px 19px!important}.panelhead h2,.editorhead h2{font-size:16px!important;color:var(--kr-navy)!important}.panelhead span,.editorhead p{font-size:12px!important;color:#8b97aa!important}.panelhead input{width:320px!important;height:40px!important;border-color:#d8e0ec!important;border-radius:8px!important;font-size:14px!important}th{background:#f8fafc!important;color:#607089!important;font-size:12px!important;font-weight:600!important;padding:12px 14px!important}td{font-size:14px!important;color:#334155!important;padding:14px!important}.mono{font-family:'Inter',system-ui,-apple-system,'Noto Sans KR',sans-serif!important;font-size:14px!important}.empty{padding:52px 20px!important;font-size:14px!important;color:#8793a8!important}.status,.stepchip{font-size:11px!important;padding:4px 8px!important}
.home-page .pagehead{margin-bottom:18px!important}.home-projects{overflow:hidden!important}.home-project-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important}.home-project-card{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;padding:16px!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:8px!important}.home-project-card:hover{border-color:#bfdbfe!important;background:#f8fbff!important}.home-project-card>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.home-project-card strong{font-size:15px!important;color:#0f172a!important}.home-project-card span,.home-project-card small,.home-project-card em{font-size:12px!important;color:#64748b!important;font-style:normal!important}.home-project-card small{font-family:'Inter',system-ui,-apple-system,'Noto Sans KR',sans-serif!important}
.overview-page{display:flex!important;flex-direction:column!important;gap:20px!important}.overview-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}.overview-head p{margin:0 0 3px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important;color:#2563eb!important}.overview-head h1{margin:0!important;font-size:20px!important;line-height:1.75rem!important;color:#0f172a!important}.overview-head>div>span{display:block!important;margin-top:3px!important;font-size:14px!important;line-height:1.25rem!important;color:#64748b!important}.refresh-btn{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:8px!important;padding:10px 13px!important;font-size:12px!important;color:#475569!important}.overview-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.overview-card{background:#fff!important;border:1px solid #dfe6f0!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;padding:20px!important}.overview-card>span{font-size:12px!important;color:#7b879d!important}.overview-card>strong{display:block!important;margin-top:6px!important;font-size:30px!important;line-height:1!important;color:#0f172a!important}.overview-card>strong small{font-size:18px!important;color:#94a3b8!important}.overview-card>button{margin-top:13px!important;border:0!important;background:transparent!important;padding:0!important;color:#1d4ed8!important;font-size:14px!important}.overview-progress{height:7px!important;margin-top:16px!important;background:#eef2f7!important;border-radius:999px!important;overflow:hidden!important}.overview-progress i{display:block!important;height:100%!important;background:#2563eb!important;border-radius:999px!important}.overview-grid{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(0,2fr)!important;gap:14px!important;align-items:stretch!important}.overview-card h2{margin:0!important;font-size:16px!important;color:#1e293b!important}.info-card dl{margin:16px 0 0!important;display:flex!important;flex-direction:column!important;gap:11px!important}.info-card dl div{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.info-card dt{font-size:11px!important;color:#94a3b8!important}.info-card dd{margin:0!important;font-size:12px!important;font-weight:600!important;color:#334155!important;text-align:right!important}.regulation{margin-top:16px!important;padding-top:13px!important;border-top:1px solid #eef2f7!important}.regulation small{display:block!important;font-size:10px!important;color:#94a3b8!important}.regulation b{display:block!important;margin-top:3px!important;font-size:12px!important;color:#475569!important}.workflow-card{display:flex!important;flex-direction:column!important}.overview-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.overview-section-head span{font-size:12px!important;color:#94a3b8!important}.workflow-grid{margin-top:13px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;flex:1!important}.workflow-grid button{min-height:70px!important;border:1px solid #edf1f5!important;border-radius:9px!important;background:#fff!important;padding:12px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important}.workflow-grid button.complete{border-color:#c8f0df!important;background:#effcf6!important}.workflow-grid button.active{border-color:#bfdbfe!important;background:#eff6ff!important}.wf-circle{width:24px!important;height:24px!important;border-radius:50%!important;background:#f1f5f9!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:800!important;flex:0 0 24px!important}.wf-circle.done{background:#10b981!important;color:#fff!important}.wf-circle.current{background:#2563eb!important;color:#fff!important}.workflow-grid b{font-size:12px!important;color:#475569!important;flex:1!important}.workflow-grid button.complete b{color:#047857!important}.workflow-grid button.active b{color:#1d4ed8!important}.workflow-grid em{font-style:normal!important;font-size:9px!important;background:#dbeafe!important;color:#2563eb!important;border-radius:999px!important;padding:3px 6px!important}.workflow-bars{display:flex!important;gap:4px!important;margin-top:12px!important}.workflow-bars i{height:4px!important;flex:1!important;border-radius:999px!important;background:#e2e8f0!important}.workflow-bars i.done{background:#34d399!important}.workflow-bars i.active{background:#93c5fd!important}.recent-card{padding:19px!important}.recent-card>p{margin:12px 0 0!important;font-size:12px!important;color:#94a3b8!important}.recent-list{margin-top:11px!important;display:flex!important;flex-direction:column!important;gap:7px!important}.recent-list div{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important}.recent-list b{flex:1!important;font-weight:600!important;color:#334155!important}.recent-list small{color:#94a3b8!important}
.editor>.formgrid{padding:20px!important;gap:15px!important}.field{font-size:12px!important;color:#55637a!important}.field input,.field select,.field textarea,.inlineform input,.inlineform select{border-color:#d8e0ec!important;border-radius:8px!important;font-size:14px!important;min-height:40px!important}.editoractions{padding:14px 19px!important}.inlineform{padding:14px 19px!important;gap:8px!important}.modal{border-radius:14px!important}.modalhead{padding:18px 20px!important}.modalactions{padding:14px 18px!important}.portal-footer{padding:24px 18px 28px!important;text-align:center!important;color:#a0aec0!important;font-size:11px!important}
@media(max-width:1050px) and (min-width:761px){.sidebar{width:220px!important}.workspace{margin-left:220px!important;width:calc(100% - 220px)!important}.content{padding:22px!important}.overview-grid{grid-template-columns:1fr!important}}@media(max-width:760px){.content{padding:18px!important}.overview-stats,.home-project-grid{grid-template-columns:1fr!important}.overview-grid{grid-template-columns:1fr!important}.workflow-grid{grid-template-columns:1fr!important}.topbar{padding:0 16px!important}}