:root,[data-theme=clean]{--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #F9FAFB;--line: #E5E7EB;--line-strong: #D1D5DB;--text: #111827;--text-2: #4B5563;--text-3: #6B7280;--danger: #B91C1C;--danger-soft: #FEF2F2;--warn: #92400E;--warn-soft: #FFFBEB;--ok: #047857;--ok-soft: #ECFDF5;--brand: #1D4ED8;--brand-ink: #FFFFFF;--brand-soft: #EEF2FF;--brand-text: #1D4ED8;--shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 1px 8px rgba(17, 24, 39, .04);--radius: 14px;--radius-sm: 10px;--fs: 15px;--fs-sm: 13px;--fs-lg: 17px;--fs-xl: 22px;--fs-num: 22px;--h-btn: 50px;--h-input: 50px;--h-tap: 44px;--icon: 22px;--gap: 12px;--pad: 16px;--border-w: 1px;--tab-h: 64px;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Hiragino Sans", "Yu Gothic UI", "Microsoft YaHei", "PingFang SC", "Segoe UI", Roboto, sans-serif;color-scheme:light}[data-theme=field]{--bg: #11151C;--surface: #1B2129;--surface-2: #151A21;--line: #2A323D;--line-strong: #3A4452;--text: #F3F4F6;--text-2: #C3CAD4;--text-3: #AEB6C1;--danger: #FCA5A5;--danger-soft: #3B1515;--warn: #FED7AA;--warn-soft: #2A1A12;--ok: #86EFAC;--ok-soft: #10261A;--shadow: none;--radius: 18px;--radius-sm: 14px;--fs: 17px;--fs-sm: 15px;--fs-lg: 19px;--fs-xl: 24px;--fs-num: 28px;--h-btn: 60px;--h-input: 58px;--h-tap: 52px;--icon: 26px;--gap: 14px;--pad: 18px;--border-w: 2px;--tab-h: 74px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs);-webkit-text-size-adjust:100%}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-text)}h1,h2,h3,p{margin:0}img{max-width:100%}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h-btn);padding:0 18px;border-radius:var(--radius-sm);border:var(--border-w) solid var(--line-strong);background:var(--surface);color:var(--text);font-size:var(--fs-lg);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.soft{background:var(--brand-soft);border-color:transparent;color:var(--brand-text)}.btn.danger{color:var(--danger);border-color:var(--line-strong)}.btn.ghost{background:none;border-color:transparent}.btn.block{width:100%}.btn.sm{min-height:40px;padding:0 12px;font-size:var(--fs-sm)}[data-theme=field] .btn{font-weight:800}.icon-btn{width:var(--h-tap);height:var(--h-tap);display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;border-radius:var(--radius-sm);cursor:pointer;position:relative;flex-shrink:0}.icon-btn:hover{background:var(--surface-2)}.badge-dot{position:absolute;top:8px;right:8px;min-width:9px;height:9px;border-radius:9px;background:#dc2626}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#dc2626;color:#fff;font-size:12px;font-weight:700}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}.field .hint{font-size:var(--fs-sm);color:var(--text-3)}.input,.select,.textarea{width:100%;min-height:var(--h-input);border:var(--border-w) solid var(--line-strong);border-radius:var(--radius-sm);padding:0 14px;background:var(--surface);color:var(--text);font-size:16px}.textarea{padding:12px 14px;min-height:110px;resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}.input[readonly]{background:var(--surface-2)}.check{display:flex;align-items:center;gap:10px;min-height:var(--h-tap);cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--brand)}.form{display:flex;flex-direction:column;gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:380px){.grid2{grid-template-columns:1fr}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad)}[data-theme=field] .card{border:1px solid var(--line)}.card h2{font-size:var(--fs);font-weight:700}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--text-2)}.small{font-size:var(--fs-sm)}.num{font-variant-numeric:tabular-nums}.big-num{font-size:var(--fs-num);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}[data-theme=field] .list{border:1px solid var(--line)}.list-item{display:flex;align-items:center;gap:12px;padding:14px var(--pad);min-height:64px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;cursor:pointer}.list-item:last-child{border-bottom:0}.list-item:hover{background:var(--surface-2)}.list-item .main{flex:1;min-width:0}.list-item .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .sub{font-size:var(--fs-sm);color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .right{text-align:right;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);white-space:nowrap}.chip.brand{background:var(--brand-soft);color:var(--brand-text);border-color:transparent}.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--fs-sm)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice.info{background:var(--brand-soft);color:var(--brand-text)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.seg{display:flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:4px;gap:4px;overflow-x:auto}.seg button{flex:1;min-height:40px;border:0;background:none;border-radius:8px;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap;padding:0 12px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}[data-theme=field] .seg button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.app{display:flex;min-height:100dvh}.side{display:none}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;min-height:56px;padding:0 8px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--line)}.topbar h1{flex:1;font-size:var(--fs-lg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.topbar .logo{height:28px;max-width:140px;object-fit:contain}.content{flex:1;padding:var(--pad);padding-bottom:calc(var(--tab-h) + 24px + env(safe-area-inset-bottom));max-width:1100px;width:100%;margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}[data-theme=field] .tabbar{background:#0b0e13}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--text-3);text-decoration:none;position:relative;font-weight:600}[data-theme=field] .tabbar a{font-size:12px}.tabbar a.active{color:var(--brand-text)}.tabbar .badge{position:absolute;top:6px;left:calc(50% + 6px)}.fab{position:fixed;right:18px;bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom));z-index:15;width:60px;height:60px;border-radius:30px;border:0;background:var(--brand);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0003;cursor:pointer}.sticky-foot{position:sticky;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);margin:16px calc(var(--pad) * -1) 0;padding:12px var(--pad);display:flex;flex-direction:column;gap:10px}@media(min-width:900px){.side{display:flex;flex-direction:column;width:248px;flex-shrink:0;height:100dvh;position:sticky;top:0;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:16px 12px 24px}.side .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:800;font-size:var(--fs-lg)}.side .brand img{max-height:36px;max-width:180px;object-fit:contain}.side .grp{margin-top:14px;font-size:12px;color:var(--text-3);font-weight:700;padding:0 10px 4px}.side a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--text-2);text-decoration:none;font-size:14px}.side a:hover{background:var(--surface-2)}.side a.active{background:var(--brand-soft);color:var(--brand-text);font-weight:700}.tabbar,.topbar .only-mobile{display:none}.content{padding:24px 28px 48px}.fab{bottom:28px;right:28px}.sticky-foot{bottom:0}}.overlay{position:fixed;inset:0;z-index:50;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:92dvh;background:var(--surface);border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.sheet-head{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 18px;border-bottom:1px solid var(--line)}.sheet-head h2{flex:1;font-size:var(--fs-lg);font-weight:700}.sheet-body{padding:16px 18px;overflow-y:auto}.sheet-foot{padding:12px 18px 16px;border-top:1px solid var(--line);display:flex;gap:10px}.sheet-foot .btn{flex:1}@media(min-width:700px){.overlay{align-items:center}.sheet{border-radius:20px}}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{max-width:520px;padding:12px 16px;border-radius:12px;background:#111827;color:#fff;font-size:var(--fs-sm);box-shadow:0 6px 20px #00000040;pointer-events:auto}.toast.error{background:#7f1d1d}[data-theme=field] .toast{background:#f3f4f6;color:#111827;font-weight:700}.offline-bar{position:sticky;top:0;z-index:30;background:var(--warn-soft);color:var(--warn);text-align:center;font-size:var(--fs-sm);padding:6px}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.tbl th{font-size:12px;color:var(--text-3);font-weight:700;background:var(--surface-2)}.tbl td.r,.tbl th.r{text-align:right}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--surface-2)}@media print{body{background:#fff;color:#000}.no-print,.topbar,.tabbar,.side,.fab,.toast-wrap{display:none!important}.content{padding:0;max-width:none}}.home-clean{display:flex;flex-direction:column;gap:14px}.home-main,.home-side{display:contents}.home-hero{order:0}.home-punch{order:1}.home-quick{order:2}.home-kpi{order:3}.home-alerts{order:4}.home-todo{order:5}.home-trend{order:6}.home-punch:empty,.home-alerts:empty,.home-todo:empty{display:none}.side-foot,.kpi-icon{display:none}@media(min-width:900px){body{background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 60%),var(--bg);background-attachment:fixed}.side{width:260px;padding:18px 14px 0;gap:0;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border-right:1px solid var(--line)}.side .brand{padding:6px 10px 18px;margin-bottom:6px;border-bottom:1px solid var(--line);letter-spacing:-.02em}.side .grp{margin-top:18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 12px 6px}.side a{min-height:38px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-2);transition:background .15s,color .15s}.side a svg{color:var(--text-3);transition:color .15s}.side a:hover{background:color-mix(in srgb,var(--brand) 6%,transparent);color:var(--text)}.side a:hover svg{color:var(--brand-text)}.side a.active{background:var(--brand-soft);color:var(--brand-text);font-weight:700;box-shadow:inset 3px 0 0 var(--brand)}.side a.active svg{color:var(--brand-text)}.side-foot{display:flex;align-items:center;gap:10px;position:sticky;bottom:0;margin:18px -14px 0;padding:14px 18px;background:var(--surface);border-top:1px solid var(--line);text-decoration:none;color:inherit}.side-foot:hover{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#7C3AED));color:#fff;font-weight:800;font-size:15px}.side-foot .who{flex:1;min-width:0;line-height:1.25}.side-foot .who b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot .who span{font-size:12px;color:var(--text-3)}.topbar{min-height:64px;padding:0 20px 0 16px;gap:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}.topbar h1{font-size:20px;font-weight:800;letter-spacing:-.02em}.content{max-width:1240px;padding:28px 32px 56px}.card,.list,.table-wrap{border:1px solid var(--line);box-shadow:0 1px 2px #1018280a,0 6px 16px -8px #10182814}.card{padding:20px}.card h2{font-size:16px;letter-spacing:-.01em}a.card{transition:transform .15s,box-shadow .15s,border-color .15s}a.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:0 2px 4px #1018280d,0 14px 28px -12px #1018282e}.list-item{transition:background .12s}.big-num{font-size:26px;letter-spacing:-.02em}[data-theme=clean]{--h-btn: 44px;--h-input: 44px}[data-theme=clean] .btn{font-size:15px}.input,.select,.textarea{transition:border-color .15s,box-shadow .15s;font-size:15px}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}.btn{transition:background .15s,border-color .15s,box-shadow .15s,filter .15s}.btn:not(:disabled):hover{border-color:var(--text-3)}.btn.primary{box-shadow:0 1px 2px #1018281a,0 4px 12px -4px color-mix(in srgb,var(--brand) 55%,transparent)}.btn.primary:not(:disabled):hover{filter:brightness(1.06);border-color:var(--brand)}.fab{width:64px;height:64px;border-radius:20px;box-shadow:0 10px 24px -6px color-mix(in srgb,var(--brand) 60%,transparent),0 2px 6px #0000001f;transition:transform .15s}.fab:hover{transform:translateY(-2px) scale(1.03)}.tbl th{position:sticky;top:0;z-index:1;padding:12px 16px;font-size:12px;letter-spacing:.02em}.tbl td{padding:12px 16px}.tbl tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.tbl tr.click:hover td{background:var(--brand-soft)}.seg{background:color-mix(in srgb,var(--line) 55%,transparent)}.home-hero{position:relative;overflow:hidden;padding:26px 28px;border-radius:20px;color:#fff;background:linear-gradient(120deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 60%,#7C3AED) 100%);box-shadow:0 16px 32px -18px color-mix(in srgb,var(--brand) 80%,transparent)}.home-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}.home-hero p{color:#fffc!important}.home-hero h2{font-size:26px!important;font-weight:800!important;letter-spacing:-.02em}.home-quick a.card{padding:18px 8px!important;font-size:14px!important}.kpi{position:relative}.kpi-icon{display:flex;position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-text)}.kpi.warn .kpi-icon{background:var(--warn-soft);color:var(--warn)}}@media(min-width:1180px){.home-clean{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.home-hero{grid-column:1 / -1}.home-main,.home-side{display:flex;flex-direction:column;gap:18px;min-width:0}}.av img,.av .av-ph{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 0 0 2px var(--surface)}.av .av-badge{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 2px var(--surface)}.topbar .me-link{width:var(--h-tap);height:var(--h-tap);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.topbar .me-link:hover .av img,.topbar .me-link:hover .av .av-ph{box-shadow:0 0 0 2px var(--brand)}