@import"https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.css";:root{--bg-gray: #EBE5DF;--white: #ffffff;--blue-base: #1E2023;--blue-hover: #3A3D42;--blue-light: #F6EBD5;--text-primary: #1E2023;--text-secondary: #6B6D71;--text-muted: #9BA0A6;--text-blue: #1E2023;--text-base: #1E2023;--border-gray: #DFD7CD;--line-gray: #F4EFEA;--status-success: #2ecc71;--status-warning: #FFCE47;--status-danger: #FF7E78;--status-info: #1E2023;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--font-main: "SUIT Variable", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .04);--shadow-md: 0 16px 40px rgba(0, 0, 0, .06);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.25, 1, .5, 1);--ease-out-itda: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .18s;--dur-base: .24s;--dur-slow: .35s}:root{--color-background: #EBE5DF;--color-foreground: #1E2023;--color-card: #FFFFFF;--color-card-foreground: #1E2023;--color-primary: #1E2023;--color-primary-foreground: #FFFFFF;--color-primary-hover: #3A3D42;--color-primary-foreground-muted: rgba(245, 242, 235, .6);--color-secondary: #FAF8F5;--color-secondary-foreground: #1E2023;--color-accent: #F6EBD5;--color-accent-foreground: #1E2023;--color-accent-soft: rgba(246, 235, 213, .55);--color-muted: #EAE6E1;--color-muted-foreground: #6B6D71;--color-border: #DFD7CD;--color-input: #DFD7CD;--color-ring: #1E2023;--color-destructive: #FF7E78;--color-destructive-foreground: #FFFFFF;--subtle-foreground: #A39C91;--status-warning: #D4766A;--color-butter: #DDBD51;--color-butter-subtle: rgba(221, 189, 81, .12);--color-apricot: #D4766A;--color-apricot-subtle: rgba(212, 118, 106, .12);--color-pine: #85A089;--color-pine-subtle: rgba(133, 160, 137, .12);--color-mist: #7D96AD;--color-mist-subtle: rgba(125, 150, 173, .12);--color-lavender: #A38FAC;--color-lavender-subtle: rgba(163, 143, 172, .12);--role-p-base: #DDBD51;--role-p-darker-fg: #7A631D;--role-p-subtle-bg: rgba(221, 189, 81, .12);--role-m-base: #D4766A;--role-m-darker-fg: #8A3E34;--role-m-subtle-bg: rgba(212, 118, 106, .12);--role-e-base: #A38FAC;--role-e-darker-fg: #5B4865;--role-e-subtle-bg: rgba(163, 143, 172, .12);--role-t-base: #7D96AD;--role-t-darker-fg: #3C5266;--role-t-subtle-bg: rgba(125, 150, 173, .12);--color-backdrop: rgba(0, 0, 0, .5);--backdrop-blur: 4px;--color-drawer-scrim: rgba(235, 229, 223, .6);--shadow-focus-ring: 0 0 0 3px rgba(30, 32, 35, .07);--shadow-error-ring: 0 0 0 3px rgba(255, 126, 120, .14);--color-table-hover-bg: rgba(221, 189, 81, .06);--shadow-card: var(--shadow-sm);--shadow-card-raised: var(--shadow-md);--shadow-modal: var(--shadow-lg);--font-display-size: 40px;--font-display-line: 1.1;--font-display-tracking: -.04em;--font-display-weight: 800;--font-h1-size: 32px;--font-h1-line: 1.15;--font-h1-tracking: -.04em;--font-h1-weight: 800;--font-h2-size: 28px;--font-h2-line: 1.15;--font-h2-tracking: -.04em;--font-h2-weight: 800;--font-h3-size: 22px;--font-h3-line: 1.2;--font-h3-tracking: -.03em;--font-h3-weight: 700;--font-body-lg-size: 16px;--font-body-lg-line: 1.55;--font-body-lg-tracking: -.01em;--font-body-lg-weight: 500;--font-body-size: 14px;--font-body-line: 1.65;--font-body-tracking: -.01em;--font-body-weight: 500;--font-caption-size: 13px;--font-caption-line: 1.5;--font-caption-tracking: 0;--font-caption-weight: 500;--font-label-size: 12px;--font-label-line: 1.4;--font-label-tracking: .04em;--font-label-weight: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-page-x: var(--space-12);--space-page-y: var(--space-10);--space-section: var(--space-12);--space-card: var(--space-8);--space-card-gap: var(--space-6);--space-card-grid-gap: var(--space-5);--space-form-gap: var(--space-4);--space-action-gap: var(--space-3);--space-inline: var(--space-2);--modal-padding: 32px;--radius-2xl: 32px;--radius-full: 9999px;--motion-fast: .18s;--motion-base: .24s;--motion-slow: .35s;--motion-ease-out: cubic-bezier(.25, 1, .5, 1);--motion-ease-smooth: cubic-bezier(.4, 0, .2, 1);--motion-ease-spring: cubic-bezier(.16, 1, .3, 1);--motion-default: var(--motion-fast) var(--motion-ease-out);--motion-enter: var(--motion-base) var(--motion-ease-spring);--motion-exit: var(--motion-fast) var(--motion-ease-smooth)}[data-theme=dark],.dark{--color-background: #1C1A17;--color-foreground: #F5F2EB;--color-card: #2A2723;--color-card-foreground: #F5F2EB;--color-primary: #E5DBC8;--color-primary-foreground: #1E2023;--color-primary-hover: #E8E4DA;--color-primary-foreground-muted: rgba(30, 32, 35, .6);--color-secondary: #38342F;--color-secondary-foreground: #F5F2EB;--color-accent: #4A453D;--color-accent-foreground: #F5F2EB;--color-accent-soft: rgba(74, 69, 61, .55);--color-muted: #332F2B;--color-muted-foreground: #A39E93;--color-border: #454039;--color-input: #454039;--color-ring: #F5F2EB;--color-destructive: #E66660;--color-destructive-foreground: #FFFFFF;--subtle-foreground: #6B655D;--status-warning: #C46458;--color-butter: #C6A743;--color-butter-subtle: rgba(221, 189, 81, .12);--color-apricot: #C46458;--color-apricot-subtle: rgba(212, 118, 106, .12);--color-pine: #728F76;--color-pine-subtle: rgba(133, 160, 137, .12);--color-mist: #6A859E;--color-mist-subtle: rgba(125, 150, 173, .12);--color-lavender: #8F7B99;--color-lavender-subtle: rgba(163, 143, 172, .12);--role-p-base: #C6A743;--role-m-base: #C46458;--role-e-base: #8F7B99;--role-t-base: #6A859E;--role-p-darker-fg: #E8C857;--role-m-darker-fg: #E89589;--role-e-darker-fg: #C5B5CD;--role-t-darker-fg: #A8BCCC;--role-p-subtle-bg: rgba(221, 189, 81, .16);--role-m-subtle-bg: rgba(212, 118, 106, .16);--role-e-subtle-bg: rgba(163, 143, 172, .16);--role-t-subtle-bg: rgba(125, 150, 173, .16);--color-backdrop: rgba(0, 0, 0, .7);--color-drawer-scrim: rgba(28, 26, 23, .8);--shadow-focus-ring: 0 0 0 3px rgba(245, 242, 235, .1);--shadow-error-ring: 0 0 0 3px rgba(230, 102, 96, .18);--color-table-hover-bg: rgba(221, 189, 81, .1)}@media (max-width: 639px){:root,[data-theme=dark],.dark{--font-display-size: 32px;--font-h1-size: 26px;--font-h2-size: 22px;--font-h3-size: 18px;--font-body-line: 1.6;--font-caption-line: 1.6;--space-card: 16px;--space-card-gap: 12px;--space-card-grid-gap: 12px;--space-page-x: 16px;--space-page-y: 24px;--modal-padding: 20px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.app-wrapper{height:100vh;padding:0;display:flex;width:100vw;overflow:hidden}.app-container{display:flex;width:100%;height:100%;background:var(--color-secondary);overflow:hidden;position:relative}.sidebar{width:76px;background:var(--color-secondary);padding:20px 14px;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden;border-right:none;z-index:100;position:absolute;top:0;left:0;bottom:0;transition:width .32s cubic-bezier(.4,0,.2,1),box-shadow .32s ease}.sidebar.expanded{width:230px;box-shadow:4px 0 16px #00000014,16px 0 48px #0000000d;transition:width .28s cubic-bezier(.25,1,.5,1),box-shadow .28s ease}.sidebar-brand{height:36px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px;flex-shrink:0;white-space:nowrap;overflow:hidden;width:100%;padding-left:8px;transition:padding .28s cubic-bezier(.4,0,.2,1)}.sidebar.expanded .sidebar-brand{padding-left:12px}.sidebar-brand .brand-logo{font-size:20px;font-weight:800;color:var(--color-foreground);letter-spacing:-.05em;font-family:var(--font-main);line-height:1;flex-shrink:0}.sidebar-brand .brand-full{font-size:15px;font-weight:500;color:var(--subtle-foreground);margin-left:4px;font-family:var(--font-main);opacity:0;max-width:0;overflow:hidden;transition:opacity .1s ease,max-width .28s cubic-bezier(.4,0,.2,1)}.sidebar.expanded .sidebar-brand .brand-full{opacity:1;max-width:80px;transition:max-width .28s cubic-bezier(.25,1,.5,1),opacity .18s ease .1s}.nav-menu{display:flex;flex-direction:column;flex:1;width:100%;overflow-x:hidden;overflow-y:auto}.nav-menu::-webkit-scrollbar{width:0}.nav-group{padding:4px 0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.05);border-radius:14px;background:transparent;transition:background .4s ease,padding .4s ease,margin-bottom .4s ease,border-color .4s ease}.nav-group:last-child{border-bottom:none}.sidebar.expanded .nav-group{background:#00000005;padding:6px;margin-bottom:4px;border-bottom-color:transparent}.nav-group-title{font-size:9px;font-weight:700;color:var(--subtle-foreground);text-transform:uppercase;letter-spacing:.08em;padding:0 12px;white-space:nowrap;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .25s ease}.sidebar.expanded .nav-group-title{max-height:20px;opacity:1;padding:2px 12px 4px}.nav-link{display:flex;align-items:center;justify-content:flex-start;width:100%;height:38px;padding:0 0 0 8px;gap:10px;text-decoration:none;color:var(--color-muted-foreground);border-radius:12px;transition:padding .28s cubic-bezier(.4,0,.2,1),background .12s ease,color .12s ease;position:relative}.sidebar.expanded .nav-link{padding:0 12px}.nav-link .nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.nav-link .nav-icon svg{display:block;flex-shrink:0}.nav-text{font-size:13px;font-weight:600;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .1s ease,max-width .28s cubic-bezier(.4,0,.2,1)}.sidebar.expanded .nav-text{opacity:1;max-width:160px;transition:max-width .28s cubic-bezier(.25,1,.5,1),opacity .18s ease .08s}.nav-link:hover{background:#0000000d;color:var(--color-foreground)}.nav-link.active{background:var(--color-primary);color:var(--color-primary-foreground);box-shadow:0 2px 8px #11182726}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{margin-top:auto;padding-top:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.sidebar-footer .avatar{width:34px;height:34px;border-radius:10px;background:var(--role-p-base);color:var(--role-p-darker-fg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;flex-shrink:0}.theme-toggle,.logout-btn,.logout-btn-icon{width:30px;height:30px;padding:0;border-radius:8px;background:#0000000a;color:var(--subtle-foreground);border:none;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover,.logout-btn:hover,.logout-btn-icon:hover{background:#00000014;color:var(--color-foreground)}.card-blob-dark{position:relative;overflow:hidden}.card-blob-dark:before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,var(--role-p-base) 0%,transparent 65%);top:-30px;right:-40px;opacity:.18;filter:blur(32px);pointer-events:none;animation:blobFloat1 14s ease-in-out infinite}.card-blob-dark:after{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,var(--color-destructive) 0%,transparent 65%);bottom:-20px;left:10px;opacity:.2;filter:blur(28px);pointer-events:none;animation:blobFloat2 18s ease-in-out infinite}.card-blob-dark .card-blob-content{position:relative;z-index:1}@keyframes appEnterFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes sidebarIconEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cardEnterUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-wrapper.entering{animation:appEnterFade .55s cubic-bezier(.16,1,.3,1) both}.app-wrapper.entering .sidebar-brand{opacity:0;animation:sidebarIconEnter .4s cubic-bezier(.16,1,.3,1) .1s forwards}.app-wrapper.entering .nav-group:nth-child(1){opacity:0;animation:sidebarIconEnter .35s cubic-bezier(.16,1,.3,1) .16s forwards}.app-wrapper.entering .nav-group:nth-child(2){opacity:0;animation:sidebarIconEnter .35s cubic-bezier(.16,1,.3,1) .24s forwards}.app-wrapper.entering .nav-group:nth-child(3){opacity:0;animation:sidebarIconEnter .35s cubic-bezier(.16,1,.3,1) .32s forwards}.app-wrapper.entering .nav-group:nth-child(4){opacity:0;animation:sidebarIconEnter .35s cubic-bezier(.16,1,.3,1) .4s forwards}.app-wrapper.entering .sidebar-footer .avatar,.app-wrapper.entering .sidebar-footer .logout-btn-icon{opacity:0;animation:sidebarIconEnter .35s cubic-bezier(.16,1,.3,1) .5s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(1){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .2s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(2){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .28s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(3){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .34s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(4){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .38s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(5){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .42s forwards}.app-wrapper.entering #view-dashboard .card:nth-child(6){opacity:0;animation:cardEnterUp .45s cubic-bezier(.16,1,.3,1) .46s forwards}@keyframes pageSlideUpIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes pageSlideDownIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.page-section.page-enter-up{animation:pageSlideUpIn .35s cubic-bezier(.4,0,.2,1) both}.page-section.page-exit-up{animation:pageSlideUpOut .2s cubic-bezier(.4,0,.2,1) both}.page-section.page-enter-down{animation:pageSlideDownIn .35s cubic-bezier(.4,0,.2,1) both}.page-section.page-exit-down{animation:pageSlideDownOut .2s cubic-bezier(.4,0,.2,1) both}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-section.page-enter-up>*,.page-section.page-enter-down>*{opacity:0;animation:staggerFadeIn .4s cubic-bezier(.4,0,.2,1) both}.page-section.page-enter-up>*:nth-child(1),.page-section.page-enter-down>*:nth-child(1){animation-delay:.06s}.page-section.page-enter-up>*:nth-child(2),.page-section.page-enter-down>*:nth-child(2){animation-delay:.12s}.page-section.page-enter-up>*:nth-child(3),.page-section.page-enter-down>*:nth-child(3){animation-delay:.18s}.page-section.page-enter-up>*:nth-child(4),.page-section.page-enter-down>*:nth-child(4){animation-delay:.24s}.page-section.page-enter-up>*:nth-child(5),.page-section.page-enter-down>*:nth-child(5){animation-delay:.28s}.page-section.page-enter-up>*:nth-child(6),.page-section.page-enter-down>*:nth-child(6){animation-delay:.32s}.page-section.page-enter-up>*:nth-child(7),.page-section.page-enter-down>*:nth-child(7){animation-delay:.36s}.page-section.page-enter-up>*:nth-child(8),.page-section.page-enter-down>*:nth-child(8){animation-delay:.4s}.main-content{flex:1;padding:32px 40px;margin-left:76px;background:transparent;height:100%;overflow-y:auto;max-width:none;transition:none}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}header{margin-bottom:18px}header h1{font-size:22px;font-weight:800;margin-bottom:4px}header p{color:var(--text-secondary);font-size:14px}.grid{display:grid;gap:16px;margin-bottom:20px}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.card{background:var(--white);padding:20px;border-radius:20px;box-shadow:0 2px 10px #00000006;transition:var(--transition)}.card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-1px)}.card-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.card-value{font-size:26px;font-weight:800;color:var(--color-foreground);letter-spacing:-.8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;border:none;transition:var(--transition);gap:8px;text-decoration:none}.btn-primary{background:var(--blue-base);color:var(--white)}.btn-primary:hover{background:var(--blue-hover)}.btn-primary:active{transform:scale(.96);transition:transform .08s ease}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}.btn-secondary{background:var(--line-gray);color:var(--text-secondary)}.btn-secondary:hover{background:var(--border-gray);color:var(--text-primary)}.btn-secondary:active{transform:scale(.96);transition:transform .08s ease}.badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.badge-success{background:var(--color-pine-subtle, var(--color-secondary));color:var(--color-pine, var(--status-success))}.badge-warning{background:var(--color-accent);color:var(--status-warning)}.badge-danger{background:var(--color-destructive);color:var(--color-destructive-foreground)}.badge-info{background:var(--blue-light);color:var(--blue-base)}.badge-purple{background:var(--color-secondary);color:var(--color-lavender)}.status-btn{padding:6px 14px;border-radius:50px;font-size:13px;font-weight:800;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.status-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;filter:brightness(1.05)}.status-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.status-btn-unpaid{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}.status-btn-paid{background-color:var(--color-mist);color:var(--color-card)}.table-container{background:var(--white);border-radius:var(--radius-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}.table-container table{min-width:700px}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--color-secondary);padding:11px 18px;font-size:11px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-gray)}td{padding:13px 18px;font-size:14px;border-bottom:1px solid var(--line-gray);color:var(--text-secondary)}tr:hover td{background:var(--color-secondary)}tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover td{background:var(--color-muted)!important}.clickable-row:active td{background:var(--color-border)!important;transition:background .05s ease}.action-banner{display:flex;align-items:center;justify-content:space-between;background:var(--blue-light);padding:20px 24px;border-radius:var(--radius-lg);margin-bottom:24px}.action-banner-text{flex:1}.action-banner-text strong{display:block;color:var(--blue-base);font-size:16px;margin-bottom:4px}.action-banner-text p{color:var(--text-secondary);font-size:14px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes blobFloat1{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-48%,-52%) scale(1.05) rotate(5deg)}}@keyframes blobFloat2{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-52%,-48%) scale(1.08) rotate(-5deg)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.split-login-container{display:flex;width:100%;max-width:1000px;height:600px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;animation:fadeSlideUp 1s cubic-bezier(.16,1,.3,1) forwards}.login-visual-panel{flex:1;background:var(--color-background);position:relative;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-right:1px solid var(--border-gray)}.login-visual-panel:before{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,var(--role-p-base) 0%,transparent 60%);top:20%;left:40%;opacity:.6;filter:blur(40px);transform:translate(-50%,-50%);animation:blobFloat1 12s ease-in-out infinite}.login-visual-panel:after{content:"";position:absolute;width:350px;height:350px;background:radial-gradient(circle,var(--color-destructive) 0%,transparent 60%);top:60%;left:30%;opacity:.7;filter:blur(40px);transform:translate(-50%,-50%);animation:blobFloat2 15s ease-in-out infinite}.login-visual-panel .dark-blob{content:"";position:absolute;width:250px;height:250px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);top:30%;left:20%;opacity:.8;filter:blur(30px);transform:translate(-50%,-50%);animation:blobFloat1 18s ease-in-out infinite reverse}.login-visual-content{position:relative;z-index:2}.login-visual-title{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1.35;margin-bottom:16px;word-break:keep-all;letter-spacing:-1px;opacity:0;animation:fadeSlideRight .8s cubic-bezier(.16,1,.3,1) .3s forwards}.login-visual-desc{color:var(--text-secondary);font-size:16px;font-weight:500;word-break:keep-all;line-height:1.6;opacity:0;animation:fadeSlideRight .8s cubic-bezier(.16,1,.3,1) .5s forwards}.entry-card{width:440px;padding:64px 48px;display:flex;flex-direction:column;justify-content:center;background:var(--white);text-align:left;opacity:0;animation:fadeSlideLeft .8s cubic-bezier(.16,1,.3,1) .4s forwards}.entry-card h2{font-size:28px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.entry-card p{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.entry-card input{width:100%;padding:16px 20px;border-radius:var(--radius-lg);border:2px solid var(--border-gray);font-size:16px;font-weight:600;margin-bottom:24px;background:var(--white);transition:var(--transition);color:var(--text-primary)}.entry-card input::placeholder{color:var(--text-muted);font-weight:500}.entry-card input:focus{outline:none;border-color:var(--blue-base);background:var(--white);box-shadow:0 0 0 4px #1e202314}#enter-btn{width:100%;border-radius:50px;padding:18px;font-size:16px;margin-top:8px;background:var(--color-primary);color:var(--color-primary-foreground);border:none;cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #11182726}#enter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #11182740;background:var(--color-primary-hover)}#enter-btn:active{transform:translateY(0);box-shadow:0 4px 12px #11182726}#toggle-password:hover{color:var(--text-primary)!important}.segmented-control{display:flex;gap:4px;background:var(--color-secondary);padding:4px;border-radius:10px}.segmented-btn{padding:6px 18px;font-size:13px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--text-muted)}.segmented-btn.active{background:var(--white);color:var(--blue-base);box-shadow:0 4px 12px #00000014}.segmented-btn:not(.active):hover{color:var(--text-secondary);background:#00000005}.mb-12{margin-bottom:36px}.mb-8{margin-bottom:24px}.mb-6{margin-bottom:18px}.mb-4{margin-bottom:12px}.mb-2{margin-bottom:6px}.mt-12{margin-top:36px}.mt-8{margin-top:24px}.mt-6{margin-top:18px}.mt-4{margin-top:12px}.mt-2{margin-top:6px}.gap-8{gap:24px}.gap-6{gap:18px}.gap-4{gap:12px}.flex-between{display:flex;justify-content:space-between;align-items:center}.detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-backdrop);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:40px 24px;overflow-y:auto}.detail-panel{background:var(--white);width:100%;max-width:900px;max-height:calc(100vh - 80px);overflow-y:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:32px;animation:modal-appear .3s ease-out;margin:auto 0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}#prompt-modal{z-index:10100}.modal-card{background:var(--white);width:100%;max-width:500px;max-height:90vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:modal-appear .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 16px}.modal-header h2{font-size:22px;font-weight:800}.modal-body{flex:1;overflow-y:auto;padding:0 32px}.modal-footer{padding:16px 32px 32px;display:flex;gap:12px}.modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-gray);font-size:15px;font-family:var(--font-main);background:var(--color-secondary);transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--blue-base);background:var(--white)}.form-card{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:14px;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-gray);font-size:15px;font-family:var(--font-main);background:var(--color-secondary);transition:var(--transition)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-base);background:var(--white)}.field textarea{resize:vertical;min-height:96px}.field-wide{grid-column:1 / -1}@media (max-width: 1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.sidebar{width:72px}.form-grid{grid-template-columns:1fr}}.calendar-overlay{position:absolute;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f;padding:24px;z-index:3000;width:320px;display:none;border:1px solid var(--border-gray);bottom:calc(100% + 8px);left:0;animation:fadeInScaleUp .2s ease-out}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-title{font-size:16px;font-weight:800;color:var(--text-primary)}.calendar-nav-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s;color:var(--text-muted);font-size:14px}.calendar-nav-btn:hover{background:var(--bg-gray);color:var(--blue-base)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day-header{text-align:center;font-size:11px;font-weight:800;color:var(--text-muted);padding-bottom:12px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s}.calendar-day:hover:not(.empty){background:var(--bg-gray);color:var(--blue-base)}.calendar-day.active{background:var(--blue-base);color:#fff!important;font-weight:800}.calendar-day.today{color:var(--blue-base);font-weight:800}.calendar-day.empty{cursor:default}.calendar-day.weekend-sun{color:var(--status-danger)}.calendar-day.weekend-sat{color:var(--blue-base)}.date-input-wrapper{position:relative}.date-display-field{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.date-display-field svg{margin-left:8px;opacity:.6}.switch-toggle{position:relative;display:inline-block;width:34px;height:20px}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.4s;border-radius:20px}.slider-round:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--color-card);transition:.4s;border-radius:50%}.switch-toggle input:checked+.slider-round{background-color:var(--blue-base)}.switch-toggle input:checked+.slider-round:before{transform:translate(14px)}input:focus+.slider-round{box-shadow:0 0 1px var(--blue-base)}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-chip{padding:8px 16px;background:var(--bg-gray);border:1px solid var(--border-gray);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition);position:relative;-webkit-user-select:none;user-select:none}.tag-chip:hover{border-color:var(--blue-base);color:var(--blue-base)}.tag-chip:active{transform:scale(.95);transition:transform .06s ease}.tag-chip.active{background:var(--blue-base);border-color:var(--blue-base);color:#fff}.tag-chip[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:8px 12px;background:#000000d9;color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 12px #00000026}.tag-chip[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;border:5px solid transparent;border-top-color:#000000d9;z-index:100}@keyframes tag-chip-lock-flash{0%{border-color:var(--status-danger);box-shadow:0 0 0 3px #ff7e7840}50%{border-color:var(--border-gray);box-shadow:none}to{border-color:var(--status-danger);box-shadow:0 0 0 3px #ff7e7840}}.tag-chip--lock-warn{animation:tag-chip-lock-flash .4s ease 2;border-color:var(--status-danger)!important}.filter-bar{padding:12px 20px}.filter-bar input,.filter-bar select,.filter-bar .flex-between input,.filter-bar .flex-between select{font-size:13px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-gray);font-family:var(--font-main);background:var(--white);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--blue-base);box-shadow:0 0 0 3px #1e20230f}div[onclick*=navigateTo]:hover{background:var(--color-background)!important;transform:translate(2px)}.empty-state-cell{text-align:center;padding:48px 24px}.empty-state-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-icon{width:48px;height:48px;background:var(--color-secondary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:2px}.empty-state-title{font-size:14px;font-weight:600;color:var(--color-muted-foreground);margin:0}.empty-state-sub{font-size:12px;color:var(--subtle-foreground);margin:0}html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark]{--bg-gray: var(--color-background);--white: var(--color-card);--blue-base: var(--color-foreground);--blue-hover: var(--color-primary-hover);--blue-light: var(--color-secondary);--text-primary: var(--color-foreground);--text-secondary: var(--color-muted-foreground);--text-muted: var(--subtle-foreground);--text-blue: var(--color-foreground);--text-base: var(--color-foreground);--border-gray: var(--color-border);--line-gray: var(--color-muted);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .2);--shadow-md: 0 16px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .4)}[data-theme=dark] body{background-color:var(--color-background)}[data-theme=dark] .app-container{background:var(--color-card)}[data-theme=dark] .sidebar{background:var(--color-card);border-right-color:#ffffff0f}[data-theme=dark] .sidebar-brand .brand-logo{color:var(--color-foreground)}[data-theme=dark] .nav-link{color:var(--color-muted-foreground)}[data-theme=dark] .nav-link:hover{background:#ffffff0d;color:var(--color-foreground)}[data-theme=dark] .nav-link.active{background:var(--role-p-base);color:var(--role-p-darker-fg);box-shadow:0 2px 8px #ffce474d}[data-theme=dark] .nav-group{border-bottom-color:#ffffff0d}[data-theme=dark] .sidebar.expanded .nav-group{background:#ffffff08}[data-theme=dark] .nav-group-title{color:var(--subtle-foreground);background:transparent}[data-theme=dark] .sidebar-brand .brand-full{color:var(--subtle-foreground)}[data-theme=dark] .card{background:var(--color-card)}[data-theme=dark] .card:hover{box-shadow:0 8px 24px #0000004d}[data-theme=dark] .card-title{color:var(--color-muted-foreground)}[data-theme=dark] .card-value{color:var(--color-foreground)}[data-theme=dark] th{background:var(--color-card);color:var(--subtle-foreground);border-bottom-color:#ffffff0f}[data-theme=dark] td{color:var(--color-muted-foreground);border-bottom-color:#ffffff0a}[data-theme=dark] tr:hover td{background:#ffffff05}[data-theme=dark] .table-container{background:var(--color-card)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-foreground)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--role-p-base)}[data-theme=dark] input::placeholder{color:var(--subtle-foreground)}[data-theme=dark] .modal-overlay{background:var(--color-backdrop)}[data-theme=dark] .modal-card{background:var(--color-card)}[data-theme=dark] header h1{color:var(--color-foreground)}[data-theme=dark] header p{color:var(--color-muted-foreground)}[data-theme=dark] .btn-secondary{background:var(--color-secondary);color:var(--color-muted-foreground);border-color:var(--color-border)}[data-theme=dark] .btn-secondary:hover{background:var(--color-muted);color:var(--color-foreground)}[data-theme=dark] .segmented-control{background:var(--color-secondary)}[data-theme=dark] .segmented-btn{color:var(--subtle-foreground)}[data-theme=dark] .segmented-btn.active{background:var(--color-muted);color:var(--color-foreground)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .action-banner{background:var(--color-secondary)}[data-theme=dark] .logout-btn,[data-theme=dark] .logout-btn-icon{background:#ffffff0f;color:var(--subtle-foreground)}[data-theme=dark] .logout-btn:hover,[data-theme=dark] .logout-btn-icon:hover{background:#ffffff1a;color:var(--color-foreground)}[data-theme=dark] div[onclick*=navigateTo]{background:var(--color-secondary)!important}[data-theme=dark] div[onclick*=navigateTo]:hover{background:var(--color-muted)!important}[data-theme=dark] div[onclick*=navigateTo] p{color:var(--color-muted-foreground)!important}[data-theme=dark] div[onclick*=navigateTo] p:last-child{color:var(--color-foreground)!important}[data-theme=dark] .empty-state-icon{background:var(--color-secondary)}[data-theme=dark] .empty-state-title{color:var(--subtle-foreground)}[data-theme=dark] .empty-state-sub{color:var(--color-border)}[data-theme=dark] .filter-bar input,[data-theme=dark] .filter-bar select{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-foreground)}[data-theme=dark] .tag-chip{background:var(--color-secondary);color:var(--color-muted-foreground);border-color:var(--color-border)}[data-theme=dark] .main-content,[data-theme=dark] .page-section{background:var(--color-background)}[data-theme=dark] .theme-toggle{background:#ffffff0f;color:var(--subtle-foreground)}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a;color:var(--role-p-base)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.sidebar-backdrop{position:fixed;top:0;left:76px;right:0;bottom:0;background:#0000;pointer-events:none;z-index:50;transition:background .45s cubic-bezier(.4,0,.2,1),backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease}.sidebar-backdrop.active{background:#00000026;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}[data-theme=dark] .sidebar-backdrop.active{background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-pin{position:absolute;top:22px;right:12px;width:28px;height:28px;border-radius:8px;background:transparent;border:none;color:var(--subtle-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,background .15s ease,color .15s ease,transform .2s ease}.sidebar.expanded .sidebar-pin{opacity:1;pointer-events:auto}.sidebar-pin:hover{background:#0000000f;color:var(--color-foreground)}.sidebar.pinned .sidebar-pin{color:var(--role-p-base);transform:rotate(45deg)}[data-theme=dark] .sidebar-pin:hover{background:#ffffff14;color:var(--color-foreground)}[data-theme=dark] .sidebar.pinned .sidebar-pin{color:var(--role-p-base)}.cell-name{font-weight:700}.cell-amount{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.cell-status{text-align:center}.cell-muted{color:var(--text-muted);font-size:12px}.cell-contact{font-size:13px;color:var(--text-secondary)}.table-empty-state{text-align:center;padding:48px 24px}.table-empty-state-icon{width:48px;height:48px;background:var(--color-secondary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 8px}.table-empty-state-title{font-size:14px;font-weight:600;color:var(--color-muted-foreground);margin:0}.table-empty-state-desc{font-size:12px;color:var(--subtle-foreground);margin:0}.timeline-entry{position:relative;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start}.timeline-dot{position:absolute;left:-25px;top:0;width:16px;height:16px;border-radius:50%;background:var(--border-gray);border:4px solid white;box-shadow:0 0 0 1px var(--border-gray);z-index:1}.timeline-dot--active{background:var(--blue-base);box-shadow:0 0 0 1px var(--blue-base)}.timeline-status{font-weight:700;font-size:14px;margin-bottom:4px}.timeline-status--active{color:var(--blue-base)}.timeline-date{font-size:12px;color:var(--text-muted)}.timeline-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 4px}.detail-section-title{font-size:16px;font-weight:800;margin-bottom:16px}.detail-info-card{background:var(--bg-gray);margin-bottom:24px;padding:20px;border-radius:var(--radius-md)}.detail-info-label{font-size:14px;color:var(--text-muted);margin-bottom:8px}@media (max-width: 680px){.hr-toolbar{flex-direction:column;align-items:stretch;gap:8px}.hr-toolbar #hr-search{min-width:0;width:100%}.hr-search-scope,.hr-view-toggle{flex-wrap:wrap}.hr-search-scope button,.hr-view-toggle button{flex:1;min-width:44px;min-height:44px;font-size:11px;padding:6px 8px;white-space:nowrap}.hr-status-filter{width:100%}}@media (max-width: 768px){#project-detail{left:0!important;right:0!important;top:0!important;border-radius:0;max-height:100vh;overflow-y:auto;padding:16px!important}#project-detail .grid.grid-cols-2{grid-template-columns:1fr}}:root{--hr-accent-p: var(--role-p-base);--hr-accent-p-bg: var(--role-p-subtle-bg);--hr-accent-m: var(--role-m-base);--hr-accent-m-bg: var(--role-m-subtle-bg);--hr-accent-e: var(--role-e-base);--hr-accent-e-bg: var(--role-e-subtle-bg);--hr-card-radius: var(--radius-lg);--hr-header-h: 56px}.hr-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.hr-page-header__title-block{display:flex;flex-direction:column;gap:8px;min-width:0}#view-hr .hr-page-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-tracking);line-height:var(--font-h1-line);color:var(--color-foreground);margin:0}.hr-page-header__subtitle{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-feature-settings:"tnum";font-weight:500}.hr-page-header__actions{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}#view-hr #btn-add-hr{height:44px;padding:0 20px;font-size:var(--font-body-size);font-weight:700;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-foreground);border:1px solid transparent;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out);cursor:pointer;letter-spacing:-.01em}#view-hr #btn-add-hr:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}#view-hr #btn-add-hr:active{transform:translateY(0)}#view-hr #btn-export-hr-csv{height:44px;padding:0 16px;font-size:var(--font-body-size);font-weight:600;border-radius:var(--radius-md);background-color:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border);transition:background-color var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out);cursor:pointer;letter-spacing:-.01em}#view-hr #btn-export-hr-csv:hover{background-color:var(--color-accent-soft);border-color:var(--color-foreground)}.hr-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-card-grid-gap);margin-bottom:24px}.hr-kpi-card{display:flex;flex-direction:column;gap:8px;padding:var(--space-card);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);min-height:140px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-out)}.hr-kpi-card:hover{box-shadow:var(--shadow-md)}.hr-kpi-card--anchor{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.hr-kpi-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground)}.hr-kpi-card--anchor .hr-kpi-label{color:var(--color-primary-foreground-muted)}.hr-kpi-value{font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking);color:var(--color-foreground);font-feature-settings:"tnum";display:inline-flex;align-items:baseline;gap:4px}.hr-kpi-card--anchor .hr-kpi-value{color:var(--color-primary-foreground)}.hr-kpi-unit{font-size:var(--font-body-lg-size);font-weight:600;letter-spacing:-.01em;color:var(--color-muted-foreground)}.hr-kpi-card--anchor .hr-kpi-unit{color:var(--color-primary-foreground-muted)}.hr-kpi-caption{font-size:var(--font-caption-size);color:var(--color-muted-foreground);margin-top:auto;font-feature-settings:"tnum"}.hr-kpi-card--anchor .hr-kpi-caption{color:var(--color-primary-foreground-muted)}.hr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;margin-bottom:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hr-toolbar #hr-search{flex:1;min-width:200px;height:44px;padding:0 16px 0 40px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-body-size);font-family:var(--font-main);background:var(--color-card);color:var(--color-foreground);transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.hr-toolbar #hr-search:focus{outline:none;border-color:var(--color-ring);box-shadow:var(--shadow-focus-ring)}.hr-toolbar #hr-search::placeholder{color:var(--subtle-foreground);font-weight:400}.hr-search-scope,.hr-view-toggle{display:flex;background:var(--color-secondary);padding:4px;border-radius:var(--radius-md);gap:0;border:1px solid var(--color-border)}.hr-search-scope button,.hr-view-toggle button{height:32px;padding:6px 12px;font-size:var(--font-caption-size);font-weight:600;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-family:var(--font-main);transition:background var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out);display:flex;align-items:center;gap:5px}.hr-search-scope button.active,.hr-view-toggle button.active{background:var(--color-card);color:var(--color-foreground);box-shadow:var(--shadow-sm);font-weight:700}.hr-search-scope button:hover:not(.active),.hr-view-toggle button:hover:not(.active){color:var(--color-foreground)}#hr-filter-status{height:44px;padding:0 32px 0 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-body-size);font-family:var(--font-main);font-weight:500;background:var(--color-card);color:var(--color-foreground);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6D71' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}#hr-filter-status:focus{outline:none;border-color:var(--color-ring);box-shadow:var(--shadow-focus-ring)}.hr-group{margin-bottom:0;border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);overflow:hidden}.hr-group-header{display:flex;align-items:center;gap:12px;padding:16px 24px;height:var(--hr-header-h);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:background-color var(--motion-fast) var(--motion-ease-out);position:relative}.hr-group-header:hover{background-color:var(--color-muted)}.hr-group-header:before{content:"";width:8px;height:8px;border-radius:2px;background-color:var(--group-color, var(--color-muted-foreground));flex-shrink:0}.hr-group[data-group=P]{--group-color: var(--role-p-base)}.hr-group[data-group=M]{--group-color: var(--role-m-base)}.hr-group[data-group=E]{--group-color: var(--role-e-base)}.hr-group-chevron{font-size:10px;color:var(--color-muted-foreground);transition:transform var(--motion-base) var(--motion-ease-out);display:inline-flex;align-items:center;flex-shrink:0}.hr-group-chevron.collapsed,.hr-group[aria-expanded=false] .hr-group-chevron{transform:rotate(-90deg)}.hr-group-name{font-size:var(--font-h3-size);font-weight:700;color:var(--color-foreground);letter-spacing:-.02em}.hr-group-count{padding:2px 8px;background:var(--color-muted);color:var(--color-muted-foreground);border-radius:var(--radius-sm);font-size:var(--font-label-size);font-weight:600}.hr-group-stats{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hr-group-stats span{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-caption-size);font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:var(--color-secondary);color:var(--color-muted-foreground);border:1px solid var(--color-border)}.kpi-settlement{background:var(--color-destructive)!important;color:var(--color-destructive-foreground)!important;border:1px solid transparent!important}.kpi-immediate{background:var(--color-pine-subtle)!important;color:var(--color-pine)!important;border:1px solid var(--color-pine)!important}.kpi-active{background:var(--color-secondary)!important;color:var(--color-muted-foreground)!important;border:1px solid var(--color-border)!important}.hr-group-stat--danger{background:var(--color-destructive)!important;color:var(--color-destructive-foreground)!important;border:1px solid transparent!important}.hr-group-body{padding:0;overflow:hidden;transition:opacity var(--motion-base) var(--motion-ease-out),max-height var(--motion-slow) var(--motion-ease-out)}.hr-group[aria-expanded=true] .hr-group-body{opacity:1;max-height:4000px}.hr-group[aria-expanded=false] .hr-group-body{opacity:0;max-height:0}.hr-group-body .table-container{border-radius:0;border:none;box-shadow:none;border-top:1px solid var(--color-border)}.hr-group-body[data-view=card]{padding:0}.hr-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-card-grid-gap);padding:var(--space-card);background:var(--color-card);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hr-card{border:1px solid var(--color-border);padding:0;border-radius:var(--hr-card-radius);cursor:pointer;transition:transform var(--motion-base) var(--motion-ease-out),box-shadow var(--motion-base) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out);background:var(--color-card);overflow:hidden;position:relative}.hr-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-foreground)}.hr-card--available:after{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--color-pine);box-shadow:0 0 0 2px var(--color-card);z-index:3}.hr-card-photo{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--color-muted);display:block;transition:transform var(--motion-slow) var(--motion-ease-out)}.hr-card:hover .hr-card-photo{transform:scale(1.04)}.hr-card-photo--placeholder{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:var(--color-muted);font-size:28px;font-weight:700;color:var(--subtle-foreground)}.hr-card-info{padding:16px}.hr-card-name{font-size:var(--font-body-lg-size);font-weight:700;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;display:flex;align-items:center;gap:5px}.hr-card-availability,.hr-card--available .hr-card-availability{display:none}.hr-card-meta{display:flex;gap:6px;align-items:center;margin-bottom:7px;flex-wrap:wrap}.hr-card-instagram{font-size:var(--font-caption-size);color:var(--subtle-foreground)}.hr-card-rate{font-size:11px;font-weight:600;color:var(--color-muted-foreground)}.hr-card-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.hr-card-tags .tag-chip{font-size:10.5px;padding:3px 8px;border-radius:var(--radius-md);border-width:1px;font-weight:600}.hr-row-actions{text-align:right;white-space:nowrap;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease-out);padding-right:12px!important}tr:hover .hr-row-actions,tr:focus-within .hr-row-actions,.hr-row-actions:focus-within{opacity:1}.hr-action-btn{background:var(--color-card);border:1px solid var(--color-border);padding:0;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-body-size);color:var(--color-muted-foreground);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background-color var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}.hr-action-btn:hover{border-color:var(--color-foreground);background:var(--color-accent-soft);color:var(--color-foreground)}.hr-action-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.hr-availability-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--color-pine);font-weight:700;margin-left:8px;background:var(--color-pine-subtle);padding:2px 7px;border-radius:var(--radius-sm)}.hr-availability-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-pine);flex-shrink:0}.hr-group tbody tr{cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-out)}.hr-group tbody tr:hover td{background-color:var(--color-table-hover-bg)}.hr-group-body table td{border-top:1px solid var(--color-border)}.hr-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);box-sizing:border-box;animation:hrOverlayIn var(--motion-fast) var(--motion-ease-out) both}@keyframes hrOverlayIn{0%{opacity:0}to{opacity:1}}.hr-form-panel{background:var(--color-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:0;width:min(1120px,calc(100vw - 48px));max-width:1120px;max-height:90vh;max-height:min(90vh,calc(100dvh - 48px));overflow-y:auto;box-shadow:var(--shadow-modal);animation:hrPanelIn .25s ease both;scrollbar-width:thin}@keyframes hrPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hr-form-panel::-webkit-scrollbar{width:5px}.hr-form-panel::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:4px}.hr-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--modal-padding);border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-card);font-size:var(--font-body-lg-size);font-weight:700;letter-spacing:-.02em;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.hr-form--create .hr-form-header{border-top-color:var(--color-foreground)}.hr-form--edit .hr-form-header{border-top-color:var(--color-border)}#hr-form-cancel-btn,.hr-form-close-x{width:36px!important;height:36px!important;padding:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;border:1px solid transparent!important;color:var(--color-muted-foreground)!important;font-size:var(--font-body-lg-size)!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}#hr-form-cancel-btn:hover,.hr-form-close-x:hover{background:var(--color-accent-soft)!important;color:var(--color-foreground)!important;border-color:transparent!important}.hr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch}#hr-form-col-left{padding:var(--modal-padding);border-right:1px solid var(--color-border);display:flex;flex-direction:column}#hr-form-col-right{padding:var(--modal-padding);display:flex;flex-direction:column}#hr-form-col-right>.form-group:last-child{flex:1;display:flex;flex-direction:column;margin-bottom:0}#hr-form-col-right>.form-group:last-child>textarea#hr-form-memo{flex:1;min-height:96px}.form-group label{display:block;font-size:var(--font-label-size);font-weight:var(--font-label-weight);color:var(--subtle-foreground);text-transform:uppercase;letter-spacing:var(--font-label-tracking);margin-bottom:6px}.form-group input,.form-group select{height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-input);font-size:var(--font-body-size);font-family:var(--font-main);background:var(--color-card);transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out);color:var(--color-foreground)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-ring);box-shadow:var(--shadow-focus-ring)}.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--color-input);font-size:var(--font-body-size);font-family:var(--font-main);background:var(--color-card);transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out);padding:12px 14px;min-height:96px;color:var(--color-foreground)}.form-group textarea:focus{outline:none;border-color:var(--color-ring);box-shadow:var(--shadow-focus-ring)}#hr-form-photos{width:100%;padding:24px;border-radius:var(--radius-md);border:1px dashed var(--color-border);font-size:var(--font-caption-size);font-family:var(--font-main);background:var(--color-secondary);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),background var(--motion-fast) var(--motion-ease-out);color:var(--subtle-foreground);text-align:center;box-sizing:border-box}#hr-form-photos:hover{border-color:var(--color-foreground);background:var(--color-accent-soft)}.hr-form-panel .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--modal-padding);border-top:1px solid var(--color-border);background:var(--color-card);position:sticky;bottom:0;z-index:10;margin-top:0}.hr-form-footer-left{display:flex;align-items:center}.hr-form-footer-right{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}@media (max-width: 639px){.hr-form-panel .modal-footer{flex-direction:column-reverse;align-items:stretch;gap:var(--space-3);padding:var(--space-5) var(--modal-padding)}.hr-form-footer-left,.hr-form-footer-right{width:100%;margin-left:0;justify-content:stretch}.hr-form-footer-right{flex-direction:column-reverse;gap:var(--space-3)}.hr-form-footer-right>.btn,.hr-form-footer-left>.btn{width:100%}}#hr-form-submit-btn{height:48px;padding:0 24px;border-radius:var(--radius-md);font-size:var(--font-body-lg-size);font-weight:700;background-color:var(--color-primary);color:var(--color-primary-foreground);border:1px solid transparent;box-shadow:var(--shadow-sm);transition:opacity var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out);cursor:pointer}#hr-form-submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}#hr-form-cancel-btn-footer,.hr-form-cancel{height:48px;padding:0 20px;border-radius:var(--radius-md);font-size:var(--font-body-size);font-weight:600;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-muted-foreground);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}#hr-form-cancel-btn-footer:hover,.hr-form-cancel:hover{border-color:var(--color-foreground);color:var(--color-foreground)}#hr-form-delete-btn{height:48px;padding:0 18px;border-radius:var(--radius-md);font-size:var(--font-body-size);font-weight:600;background:transparent;color:var(--color-destructive);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}#hr-form-delete-btn:hover:not(:disabled){border-color:var(--color-destructive);background-color:var(--color-apricot-subtle, var(--color-card))}.required-mark{color:var(--color-destructive);margin-left:2px}.form-required-legend{font-size:11.5px;color:var(--color-muted-foreground);margin-top:4px}.field-error input,.field-error select,.field-error textarea{border-color:var(--color-destructive);box-shadow:var(--shadow-error-ring)}.hr-form-mode-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-label-size);font-weight:700;margin-right:10px;vertical-align:middle}.hr-form-mode-badge--create{background:var(--color-accent);color:var(--color-foreground);border:1px solid var(--color-foreground)}.hr-form-mode-badge--edit{background:var(--color-muted);color:var(--color-muted-foreground)}.hr-group-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:8px;color:var(--subtle-foreground)}.hr-group-empty-icon{font-size:28px;line-height:1;margin-bottom:2px}.hr-group-empty-title{font-size:var(--font-body-lg-size);font-weight:600;color:var(--color-muted-foreground);margin-top:16px}.hr-group-empty-cta{margin-top:20px;padding:10px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;color:var(--color-foreground);background:var(--color-card);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),background var(--motion-fast) var(--motion-ease-out)}.hr-group-empty-cta:hover{border-color:var(--color-foreground);background:var(--color-accent-soft)}.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--subtle-foreground);gap:12px}.hr-empty-state__icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-muted);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:4px}.hr-empty-state__title{font-size:var(--font-body-lg-size);font-weight:600;color:var(--color-muted-foreground);margin-top:16px;letter-spacing:-.01em}.hr-empty-state__sub{font-size:var(--font-caption-size);color:var(--subtle-foreground);max-width:240px;line-height:1.5}.hr-empty-state__cta{margin-top:20px;padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-caption-size);font-weight:600;color:var(--color-foreground);background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease-out),background var(--motion-fast) var(--motion-ease-out)}.hr-empty-state__cta:hover{border-color:var(--color-foreground);background:var(--color-accent-soft)}@keyframes hrSkeletonPulse{0%,to{opacity:1}50%{opacity:.45}}.hr-skeleton-wrap{padding:16px}.hr-skeleton-header{height:58px;border-radius:10px;background:linear-gradient(90deg,var(--line-gray) 0%,var(--border-gray) 50%,var(--line-gray) 100%);background-size:200% 100%;animation:hrSkeletonPulse 1.6s ease-in-out infinite;margin-bottom:12px}.hr-skeleton-row{height:52px;border-radius:8px;background:linear-gradient(90deg,var(--line-gray) 0%,var(--border-gray) 50%,var(--line-gray) 100%);background-size:200% 100%;animation:hrSkeletonPulse 1.6s ease-in-out infinite;margin-bottom:8px}.hr-skeleton-row:nth-child(2){animation-delay:.1s}.hr-skeleton-row:nth-child(3){animation-delay:.2s}.hr-skeleton-card{aspect-ratio:1 / 1;border-radius:var(--hr-card-radius);background:linear-gradient(90deg,var(--line-gray) 0%,var(--border-gray) 50%,var(--line-gray) 100%);background-size:200% 100%;animation:hrSkeletonPulse 1.6s ease-in-out infinite}.hr-skeleton-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.tag-combobox-input{height:44px;padding:0 12px!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border)!important;font-size:var(--font-caption-size)!important;background:var(--color-card)!important;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)!important}.tag-combobox-input:focus{border-color:var(--color-ring)!important;background:var(--color-card)!important;box-shadow:var(--shadow-focus-ring)!important}.tag-combobox-dropdown{border-radius:var(--radius-md)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-md)!important;padding:6px 0!important}.tag-combobox-option--active{background:var(--color-muted)!important}.tag-combobox-option:hover:not(.tag-combobox-option--disabled){background:var(--color-muted)!important}.tag-chip{background:var(--color-muted)!important;border-color:var(--color-border)!important;color:var(--color-foreground)!important;border-radius:var(--radius-full)!important;font-size:var(--font-label-size)!important;padding:5px 10px!important}.tag-chip.active{background:var(--blue-base)!important;border-color:var(--blue-base)!important;color:#fff!important}[data-theme=dark] .tag-combobox-empty{color:var(--color-muted-foreground)}*:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (max-width: 960px){.hr-form-panel{max-width:100%;border-radius:var(--radius-lg)}.hr-form-grid{grid-template-columns:1fr;gap:0;padding:0}#hr-form-col-left{padding:var(--modal-padding);border-right:none;border-bottom:1px solid var(--color-border)}#hr-form-col-right{padding:var(--modal-padding)}#hr-form-col-right>.form-group:last-child{flex:initial;display:block}#hr-form-col-right>.form-group:last-child>textarea#hr-form-memo{flex:initial;min-height:96px}}@media (max-width: 639px){.hr-form-overlay{padding:var(--space-3)}.hr-form-panel{max-width:90vw;max-height:90vh}}.hr-search-wrap{position:relative;flex:1;min-width:280px}.hr-search-wrap:before{content:"";position:absolute;left:18px;top:50%;width:18px;height:18px;transform:translateY(-50%);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239BA0A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat center / contain;pointer-events:none}.hr-search-wrap:after{content:"⌘ K";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--subtle-foreground);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 8px;pointer-events:none;letter-spacing:.02em;transition:opacity var(--motion-fast) var(--motion-ease-out)}.hr-search-wrap:focus-within:after{opacity:.4}#hr-search,.hr-search-input{height:48px!important;padding:0 60px 0 48px!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border)!important;background:var(--color-card)!important;font-size:var(--font-body-size)!important;font-weight:500!important;color:var(--color-foreground)!important;letter-spacing:-.01em!important;transition:border-color var(--motion-fast) var(--motion-ease-smooth),box-shadow var(--motion-fast) var(--motion-ease-smooth)!important;width:100%}#hr-search:focus,.hr-search-input:focus{outline:none!important;border-color:var(--color-ring)!important;box-shadow:var(--shadow-focus-ring)!important}.hr-group-stats span{padding:5px 12px;border-radius:var(--radius-full);font-size:var(--font-label-size);font-weight:600;display:inline-flex;align-items:center;gap:5px;letter-spacing:-.01em;background:var(--color-card);color:var(--color-muted-foreground);border:1px solid var(--color-border)}.hr-group-stat--success{background:var(--color-pine-subtle)!important;color:var(--color-pine)!important;border:1px solid var(--color-pine)!important}.hr-group-stat--danger{background:var(--color-destructive)!important;color:var(--color-destructive-foreground)!important;border:1px solid var(--color-destructive)!important}#view-hr{padding:var(--space-page-y) var(--space-page-x)}#hr-groups,.hr-group-container{display:flex;flex-direction:column;gap:24px}.hr-group{margin-bottom:0}.hr-group-header{padding:18px 24px;gap:12px}.hr-card-grid{padding:20px 24px 24px;gap:18px}.hr-group-empty-state{padding:56px 32px}.hr-list-row td,.hr-group-body tbody tr td{padding:14px 20px;height:60px;vertical-align:middle}@media (max-width: 1280px){#view-hr{padding:24px}#hr-groups{gap:20px}}.hr-group-body{background:transparent}.hr-group-body table,.hr-list-table,.hr-card-grid,.hr-group-empty-state{background:var(--color-card)}@media (max-width: 639px){#view-hr{padding:var(--space-page-y) var(--space-page-x)}.hr-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}#view-hr .hr-page-header h1{font-size:var(--font-h1-size)}.hr-page-header__actions{justify-content:flex-end}#view-hr #btn-add-hr,#view-hr #btn-export-hr-csv{flex:1;height:44px}.hr-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:16px}.hr-kpi-card{padding:var(--space-card);min-height:auto;border-radius:var(--radius-lg)}.hr-kpi-card--anchor{grid-column:1 / -1}.hr-kpi-value{font-size:28px}.hr-kpi-unit{font-size:var(--font-body-size)}.hr-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:var(--radius-md)}.hr-toolbar #hr-search,.hr-search-wrap{min-width:0;width:100%}.hr-search-scope,.hr-view-toggle{flex-wrap:wrap}.hr-search-scope button,.hr-view-toggle button{flex:1;min-width:44px;min-height:40px;font-size:11px;padding:6px 8px;white-space:nowrap}#hr-filter-status{width:100%}.hr-group-header{padding:14px 16px}.hr-group-name{font-size:var(--font-h3-size)}.hr-group-stats{gap:6px}.hr-group-stats span{font-size:11px;padding:3px 8px}.hr-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.hr-list-row td,.hr-group-body tbody tr td{padding:12px 14px;height:auto}.hr-form-overlay{padding:0}.hr-form-panel{max-width:100%;max-height:100vh;border-radius:0;height:100vh}.hr-form-header{padding:16px 20px;border-radius:0}.hr-form-grid{padding:20px;gap:16px}}.dashboard-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.dashboard-page-header__title-block{display:flex;flex-direction:column;gap:8px;min-width:0}#view-dashboard .dashboard-page-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-tracking);line-height:var(--font-h1-line);color:var(--color-foreground);margin:0}.dashboard-page-header__subtitle{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-weight:500}.dashboard-action-banner{background:var(--color-accent);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-kpi-strip{margin-bottom:24px}.dashboard-kpi-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:var(--space-card);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);min-height:144px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-out)}.dashboard-kpi-card:hover{box-shadow:var(--shadow-md)}.dashboard-kpi-card--anchor{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);overflow:hidden;position:relative}.dashboard-kpi-card--anchor:hover{box-shadow:var(--shadow-md)}.dashboard-kpi-card__top{position:relative;z-index:1}#view-dashboard .dashboard-kpi-card .dashboard-kpi-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground);margin-bottom:8px}#view-dashboard .dashboard-kpi-card--anchor .dashboard-kpi-label{color:var(--color-primary-foreground-muted);text-transform:none;letter-spacing:-.01em;font-size:var(--font-caption-size);font-weight:600}#view-dashboard .dashboard-kpi-card .dashboard-kpi-value{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line);letter-spacing:var(--font-h2-tracking);color:var(--color-foreground);font-feature-settings:"tnum"}#view-dashboard .dashboard-kpi-card--anchor .dashboard-kpi-value{color:var(--color-primary-foreground);font-size:var(--font-display-size);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking);margin-top:4px}.dashboard-kpi-card__trend{position:relative;z-index:1;display:flex;gap:8px;margin-top:16px}.dashboard-kpi-trend-pill{display:inline-flex;align-items:center;background:var(--color-pine-subtle);color:var(--color-pine);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-caption-size);font-weight:700;letter-spacing:-.01em}.dashboard-kpi-card--anchor .dashboard-kpi-trend-pill{background:var(--color-accent-soft);color:var(--color-primary-foreground)}.dashboard-kpi-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.dashboard-kpi-icon--projects{background:var(--color-mist-subtle)}.dashboard-kpi-icon--pending{background:var(--color-apricot-subtle)}.dashboard-row{align-items:stretch}.dashboard-chart-card{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard-chart-card__head{align-items:center;min-height:32px}.dashboard-chart-card__title{display:flex;align-items:center;gap:16px}.dashboard-chart-card__title h2{font-size:var(--font-h3-size);line-height:var(--font-h3-line);letter-spacing:var(--font-h3-tracking);font-weight:var(--font-h3-weight);color:var(--color-foreground);margin:0}.dashboard-chart-card__legend{display:flex;align-items:center;gap:20px}.dashboard-chart-legend-item{display:flex;align-items:center;gap:8px}.dashboard-chart-legend-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.dashboard-chart-legend-dot--gross{background:var(--color-mist)}.dashboard-chart-legend-dot--net{background:var(--color-border)}.dashboard-chart-legend-label{font-size:var(--font-caption-size);font-weight:600;color:var(--color-muted-foreground)}.dashboard-chart-canvas-wrap{height:260px;width:100%;margin-top:8px}.dashboard-margin-card{display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard-margin-card__title{font-size:var(--font-h3-size);line-height:var(--font-h3-line);letter-spacing:var(--font-h3-tracking);font-weight:var(--font-h3-weight);color:var(--color-foreground);margin:0 0 4px}.dashboard-margin-card__subtitle{color:var(--color-muted-foreground);font-size:var(--font-caption-size);font-weight:500;margin:0}.dashboard-margin-card__value-wrap{margin-top:8px}#view-dashboard .dashboard-margin-card__value{font-size:var(--font-h1-size);line-height:var(--font-h1-line);letter-spacing:var(--font-h1-tracking);font-weight:var(--font-h1-weight);color:var(--color-pine);font-feature-settings:"tnum"}.dashboard-section-headers{align-items:flex-start}.dashboard-section-title{font-size:var(--font-h3-size);line-height:var(--font-h3-line);letter-spacing:var(--font-h3-tracking);font-weight:var(--font-h3-weight);color:var(--color-foreground);margin:0}.dashboard-section-subtitle{font-size:var(--font-caption-size);color:var(--color-muted-foreground);margin-top:4px;font-weight:500}.dashboard-section-link{color:var(--color-foreground);font-weight:700;text-decoration:none;font-size:var(--font-caption-size);padding:6px 12px;border-radius:var(--radius-sm);background:var(--color-accent);border:1px solid var(--color-border);transition:background var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out)}.dashboard-section-link:hover{background:var(--color-accent-soft);border-color:var(--color-foreground)}.dashboard-bottom-row{align-items:stretch}.dashboard-projects-card{padding:0;display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;height:100%}.dashboard-projects-table-wrap{overflow-x:auto}.dashboard-empty-cell{text-align:center;padding:48px 24px}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.dashboard-empty-state__icon{width:48px;height:48px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.dashboard-empty-state__title{font-size:var(--font-body-size);font-weight:600;color:var(--color-muted-foreground);margin:0}.dashboard-empty-state__hint{font-size:var(--font-caption-size);color:var(--subtle-foreground);margin:0}.dashboard-side-col{display:flex;flex-direction:column;gap:16px}.dashboard-tile-list{padding:20px;flex:1;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard-tile-list__inner{display:flex;flex-direction:column;gap:8px}.dashboard-tile{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-secondary);border:1px solid transparent;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out)}.dashboard-tile:hover{background:var(--color-accent-soft);border-color:var(--color-border);transform:translate(2px)}.dashboard-tile__lead{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-tile__icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--color-card);border:1px solid var(--color-border)}.dashboard-tile[data-role=p] .dashboard-tile__icon{background:var(--role-p-subtle-bg);border-color:transparent}.dashboard-tile[data-role=m] .dashboard-tile__icon{background:var(--role-m-subtle-bg);border-color:transparent}.dashboard-tile[data-role=e] .dashboard-tile__icon{background:var(--role-e-subtle-bg);border-color:transparent}.dashboard-tile[data-role=t] .dashboard-tile__icon{background:var(--role-t-subtle-bg);border-color:transparent}.dashboard-tile__label{font-size:var(--font-label-size);color:var(--color-muted-foreground);font-weight:700;letter-spacing:.02em;margin:0}.dashboard-tile__value{font-size:var(--font-body-lg-size);font-weight:800;color:var(--color-foreground);line-height:1.2;margin:4px 0 0;font-feature-settings:"tnum"}.dashboard-tile__unit{font-weight:600;color:var(--subtle-foreground);margin-left:4px}.dashboard-tile__chevron{color:var(--color-muted-foreground);font-size:18px;opacity:.5;transition:opacity var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out)}.dashboard-tile:hover .dashboard-tile__chevron{opacity:1;transform:translate(2px)}.dashboard-security-card{padding:20px;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard-security-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dashboard-security-card__eyebrow{font-size:var(--font-label-size);color:var(--color-muted-foreground);font-weight:700;letter-spacing:.02em;margin:0}.dashboard-security-card__title{font-size:var(--font-body-lg-size);font-weight:800;color:var(--color-foreground);margin:4px 0 0}.dashboard-security-card__icon{font-size:20px}.dashboard-security-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-security-stat{padding:12px;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border)}.dashboard-security-stat__label{font-size:var(--font-label-size);color:var(--color-muted-foreground);font-weight:700;margin:0;letter-spacing:.02em}.dashboard-security-stat__value{font-size:var(--font-h3-size);font-weight:800;color:var(--color-foreground);margin:4px 0 0;font-feature-settings:"tnum"}.dashboard-security-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:8px}.dashboard-security-card__footer-item{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:600;margin:0}@media (max-width: 639px){.dashboard-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.dashboard-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:16px}.dashboard-kpi-card{padding:var(--space-card);min-height:auto;border-radius:var(--radius-lg)}.dashboard-kpi-card--anchor{grid-column:1 / -1}#view-dashboard .dashboard-kpi-card--anchor .dashboard-kpi-value{font-size:32px}.dashboard-kpi-icon{width:36px;height:36px;font-size:18px}.dashboard-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.dashboard-row .col-span-2{grid-column:auto}.dashboard-chart-card__head{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-chart-card__title{flex-wrap:wrap;gap:12px}.dashboard-chart-canvas-wrap{height:220px}.dashboard-section-headers{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.dashboard-section-headers .col-span-2{grid-column:auto}.dashboard-bottom-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.dashboard-bottom-row .col-span-2{grid-column:auto}.dashboard-side-col{gap:12px}.dashboard-tile-list{padding:16px}.dashboard-tile{padding:12px 14px}.dashboard-tile__icon{width:32px;height:32px;font-size:16px}.dashboard-security-card{padding:16px}.dashboard-security-stat{padding:10px 12px}.dashboard-security-card__footer{flex-direction:column;align-items:flex-start}.dashboard-empty-cell{padding:32px 16px}}.projects-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.projects-page-header__title-block{display:flex;flex-direction:column;gap:8px;min-width:0}#view-projects .projects-page-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-tracking);line-height:var(--font-h1-line);color:var(--color-foreground);margin:0}.projects-page-header__subtitle{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-weight:500}.projects-page-header__actions{display:flex;gap:8px;flex-shrink:0}.projects-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:24px}.projects-kpi-card{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:var(--space-card);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);min-height:140px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-out)}.projects-kpi-card:hover{box-shadow:var(--shadow-md)}.projects-kpi-card--anchor{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);overflow:hidden;position:relative}.projects-kpi-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground)}.projects-kpi-card--anchor .projects-kpi-label{color:var(--color-primary-foreground-muted);text-transform:none;letter-spacing:-.01em;font-size:var(--font-caption-size);font-weight:600}.projects-kpi-value{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line);letter-spacing:var(--font-h2-tracking);color:var(--color-foreground);font-feature-settings:"tnum";margin:0}.projects-kpi-card--anchor .projects-kpi-value{color:var(--color-primary-foreground);font-size:var(--font-display-size);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking)}.projects-kpi-unit{font-size:.55em;font-weight:600;color:var(--color-muted-foreground);margin-left:4px;letter-spacing:0}.projects-kpi-card--anchor .projects-kpi-unit{color:var(--color-primary-foreground-muted)}.projects-kpi-caption{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:500;line-height:1.4}.projects-kpi-card--anchor .projects-kpi-caption{color:var(--color-primary-foreground-muted)}.projects-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}.projects-search-wrap{flex:1;min-width:220px;position:relative}.projects-search-wrap:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--color-muted-foreground);pointer-events:none;z-index:1}.projects-toolbar #project-search{width:100%;font-size:var(--font-body-size);padding:10px 14px 10px 38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);font-family:inherit;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.projects-toolbar #project-search:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 3px var(--color-accent-soft)}.projects-toolbar #project-search::placeholder{color:var(--subtle-foreground)}.projects-filter-select{font-size:var(--font-body-size);padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);font-family:inherit;font-weight:500;cursor:pointer;min-height:40px;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.projects-filter-select:hover{border-color:var(--color-muted-foreground)}.projects-filter-select:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 3px var(--color-accent-soft)}.projects-table-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.projects-table-wrap{overflow-x:auto}.projects-table-card table{width:100%;border-collapse:collapse}.projects-table-card thead th{background:var(--color-secondary);color:var(--color-muted-foreground);font-size:var(--font-label-size);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;text-align:left;border-bottom:1px solid var(--color-border)}.projects-table-card tbody td{padding:16px 18px;border-bottom:1px solid var(--color-border);color:var(--color-foreground);font-size:var(--font-body-size);vertical-align:middle}.projects-table-card tbody tr:last-child td{border-bottom:none}.projects-table-card tbody tr.clickable-row:hover td{background:var(--color-accent-soft);cursor:pointer}.projects-table-card tbody tr.clickable-row:active td{background:var(--color-accent)}.projects-table-card td strong{color:var(--color-foreground);font-weight:700;font-size:var(--font-body-size)}.projects-table-card td .cell-muted{color:var(--color-muted-foreground);font-size:var(--font-caption-size);font-weight:500}.projects-table-card td.cell-amount{color:var(--color-foreground);font-weight:700;font-feature-settings:"tnum"}#view-projects .projects-table-card .badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-caption-size);font-weight:700;letter-spacing:-.01em;line-height:1.4;background:var(--color-mist-subtle);color:var(--color-mist);border:none;white-space:nowrap}#view-projects .projects-table-card .badge.badge-info{background:var(--color-mist-subtle);color:var(--color-mist)}#view-projects .projects-table-card .badge.badge-warning{background:var(--color-butter-subtle);color:var(--color-butter)}#view-projects .projects-table-card .badge.badge-danger{background:var(--color-apricot-subtle);color:var(--color-apricot)}#view-projects .projects-table-card .badge.badge-secondary{background:var(--color-lavender-subtle);color:var(--color-lavender)}#view-projects .projects-table-card .badge.badge-success{background:var(--color-pine-subtle);color:var(--color-pine)}.projects-empty-cell{text-align:center;padding:64px 24px}.projects-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.projects-empty-state__icon{width:48px;height:48px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.projects-empty-state__title{font-size:var(--font-body-size);font-weight:600;color:var(--color-muted-foreground);margin:0}.projects-empty-state__hint{font-size:var(--font-caption-size);color:var(--subtle-foreground);margin:0}@media (max-width: 639px){.projects-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.projects-page-header__actions{flex-direction:column}.projects-page-header__actions .btn{width:100%}.projects-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:16px}.projects-kpi-card{padding:var(--space-card);min-height:auto;border-radius:var(--radius-lg)}.projects-kpi-card--anchor{grid-column:1 / -1}.projects-kpi-card--anchor .projects-kpi-value{font-size:32px}.projects-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.projects-search-wrap{min-width:0;width:100%}.projects-filter-select{width:100%;min-height:44px}.projects-table-card thead{display:none}.projects-table-card table,.projects-table-card tbody,.projects-table-card tr,.projects-table-card td{display:block;width:100%}.projects-table-card tbody tr.clickable-row{position:relative;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-card)}.projects-table-card tbody tr.clickable-row:last-child{border-bottom:none}.projects-table-card tbody td{padding:4px 0;border-bottom:none;font-size:var(--font-caption-size);color:var(--color-muted-foreground)}.projects-table-card tbody td:first-child{padding-right:80px;margin-bottom:4px}.projects-table-card tbody td:first-child strong{font-size:var(--font-body-size);display:block;line-height:1.3}.projects-table-card tbody td:nth-child(2){position:absolute;top:16px;right:16px;padding:0}.projects-table-card tbody td:nth-child(3),.projects-table-card tbody td:nth-child(4),.projects-table-card tbody td:nth-child(5){display:inline-block;width:auto;margin-right:12px;color:var(--color-muted-foreground);font-size:var(--font-caption-size)}.projects-table-card tbody td:nth-child(3):before{content:"P ";color:var(--subtle-foreground);font-weight:700}.projects-table-card tbody td:nth-child(4):before{content:"M ";color:var(--subtle-foreground);font-weight:700}.projects-table-card tbody td:nth-child(5):before{content:"E ";color:var(--subtle-foreground);font-weight:700}.projects-table-card tbody td:nth-child(6){display:block;margin-top:8px}.projects-table-card tbody td:nth-child(6):before{content:"마감 ";color:var(--subtle-foreground);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.projects-table-card tbody td:nth-child(7){display:block;margin-top:4px;text-align:left;color:var(--color-foreground);font-weight:700;font-feature-settings:"tnum"}.projects-table-card tbody td:nth-child(7):before{content:"₩ ";color:var(--subtle-foreground);font-weight:700}.projects-empty-cell{padding:40px 16px}}.finance-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.finance-page-header__title-block{display:flex;flex-direction:column;gap:8px;min-width:0}#view-finance-revenue .finance-page-header h1,#view-finance-cost .finance-page-header h1,#view-finance-fixed .finance-page-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-tracking);line-height:var(--font-h1-line);color:var(--color-foreground);margin:0}.finance-page-header__subtitle{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-weight:500}.finance-page-header__actions{display:flex;gap:8px;flex-shrink:0}.finance-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:24px}.finance-kpi-strip--two{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpi-card{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:var(--space-card);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);min-height:140px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-out)}.finance-kpi-card:hover{box-shadow:var(--shadow-md)}.finance-kpi-card--anchor{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary);overflow:hidden;position:relative}.finance-kpi-card--alert{background:var(--color-apricot-subtle);border-color:var(--color-apricot-subtle)}.finance-kpi-card--warn{background:var(--color-butter-subtle);border-color:var(--color-butter-subtle)}.finance-kpi-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground)}.finance-kpi-card--anchor .finance-kpi-label{color:var(--color-primary-foreground-muted);text-transform:none;letter-spacing:-.01em;font-size:var(--font-caption-size);font-weight:600}.finance-kpi-card--alert .finance-kpi-label{color:var(--color-apricot)}.finance-kpi-card--warn .finance-kpi-label{color:var(--color-butter)}.finance-kpi-value{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line);letter-spacing:var(--font-h2-tracking);color:var(--color-foreground);font-feature-settings:"tnum";margin:0}.finance-kpi-card--anchor .finance-kpi-value{color:var(--color-primary-foreground);font-size:var(--font-display-size);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking)}.finance-kpi-card--alert .finance-kpi-value{color:var(--color-apricot)}.finance-kpi-card--warn .finance-kpi-value{color:var(--color-butter)}.finance-kpi-unit{font-size:.55em;font-weight:600;color:var(--color-muted-foreground);margin-left:4px;letter-spacing:0}.finance-kpi-card--anchor .finance-kpi-unit{color:var(--color-primary-foreground-muted)}.finance-kpi-card--alert .finance-kpi-unit,.finance-kpi-card--warn .finance-kpi-unit{color:var(--color-muted-foreground)}.finance-kpi-caption{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:500;line-height:1.4}.finance-kpi-card--anchor .finance-kpi-caption{color:var(--color-primary-foreground-muted)}.finance-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}.finance-month-selector{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:180px;padding:4px 12px;border-radius:var(--radius-md);background:var(--color-secondary);border:1px solid var(--color-border)}.finance-month-nav{padding:4px 8px;border:none;background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:13px;border-radius:var(--radius-sm);transition:background var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}.finance-month-nav:hover{background:var(--color-accent-soft);color:var(--color-foreground)}.finance-month-label{font-weight:700;font-size:var(--font-body-size);color:var(--color-foreground);font-feature-settings:"tnum"}.finance-search-wrap{flex:1;min-width:220px;position:relative}.finance-search-wrap--spacer{flex:1;min-width:0}.finance-search-wrap:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--color-muted-foreground);pointer-events:none;z-index:1}.finance-search-wrap--spacer:before{content:none}.finance-toolbar input[type=text]{width:100%;font-size:var(--font-body-size);padding:10px 14px 10px 38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);font-family:inherit;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.finance-toolbar input[type=text]:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 3px var(--color-accent-soft)}.finance-toolbar input[type=text]::placeholder{color:var(--subtle-foreground)}.finance-filter-select{font-size:var(--font-body-size);padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);font-family:inherit;font-weight:500;cursor:pointer;min-height:40px;transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.finance-filter-select:hover{border-color:var(--color-muted-foreground)}.finance-filter-select:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 3px var(--color-accent-soft)}.finance-table-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.finance-table-wrap{overflow-x:auto}.finance-table-card table{width:100%;border-collapse:collapse}.finance-table-card thead th{background:var(--color-secondary);color:var(--color-muted-foreground);font-size:var(--font-label-size);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;text-align:left;border-bottom:1px solid var(--color-border)}.finance-table-card tbody td{padding:16px 18px;border-bottom:1px solid var(--color-border);color:var(--color-foreground);font-size:var(--font-body-size);vertical-align:middle}.finance-table-card tbody tr:last-child td{border-bottom:none}.finance-table-card tbody tr.clickable-row:hover td{background:var(--color-accent-soft);cursor:pointer}.finance-table-card tbody tr.clickable-row:active td{background:var(--color-accent)}.finance-table-card td.cell-amount,.finance-table-card td[style*="text-align: right"]{font-feature-settings:"tnum";font-weight:700}.finance-empty-cell{text-align:center;padding:64px 24px}.finance-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.finance-empty-state__icon{width:48px;height:48px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.finance-empty-state__title{font-size:var(--font-body-size);font-weight:600;color:var(--color-muted-foreground);margin:0}.finance-empty-state__hint{font-size:var(--font-caption-size);color:var(--subtle-foreground);margin:0}@media (max-width: 639px){.finance-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.finance-page-header__actions{flex-direction:column}.finance-page-header__actions .btn{width:100%}.finance-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:16px}.finance-kpi-strip--two{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpi-card{padding:var(--space-card);min-height:auto;border-radius:var(--radius-lg)}.finance-kpi-card--anchor{grid-column:1 / -1}.finance-kpi-card--anchor .finance-kpi-value{font-size:32px}.finance-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.finance-month-selector{width:100%;justify-content:space-between}.finance-search-wrap{min-width:0;width:100%}.finance-search-wrap--spacer{display:none}.finance-filter-select{width:100%;min-height:44px}.finance-table-card thead{display:none}.finance-table-card table,.finance-table-card tbody,.finance-table-card tr,.finance-table-card td{display:block;width:100%}.finance-table-card tbody tr{position:relative;padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-card)}.finance-table-card tbody tr:last-child{border-bottom:none}.finance-table-card tbody td{padding:4px 0;border-bottom:none;font-size:var(--font-caption-size);color:var(--color-muted-foreground);text-align:left!important}.finance-table-card tbody td:first-child{font-size:var(--font-body-size);font-weight:700;color:var(--color-foreground);margin-bottom:4px}.finance-empty-cell{padding:40px 16px}}.admin-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.admin-page-header__title-block{display:flex;flex-direction:column;gap:8px;min-width:0}.admin-page-header__title-block h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-tracking);line-height:var(--font-h1-line);color:var(--color-foreground);margin:0}.admin-page-header__subtitle{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-weight:500;font-feature-settings:"tnum"}.admin-page-header__actions{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;flex-wrap:wrap}.admin-page-header__actions .btn{height:44px;padding:0 20px;font-size:var(--font-body-size);font-weight:700;border-radius:var(--radius-md);letter-spacing:-.01em;transition:transform var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.admin-page-header__actions .btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground);border:1px solid transparent;box-shadow:var(--shadow-sm)}.admin-page-header__actions .btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-page-header__actions .btn-secondary{background-color:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border)}.admin-page-header__actions .btn-secondary:hover{background-color:var(--color-accent-soft);border-color:var(--color-foreground)}.admin-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-card-grid-gap);margin-bottom:24px}.admin-kpi-strip--two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-kpi-card{display:flex;flex-direction:column;gap:8px;padding:var(--space-card);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);min-height:140px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--motion-ease-out)}.admin-kpi-card:hover{box-shadow:var(--shadow-md)}.admin-kpi-card--anchor{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.admin-kpi-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground)}.admin-kpi-card--anchor .admin-kpi-label{color:var(--color-primary-foreground-muted)}.admin-kpi-value{font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking);color:var(--color-foreground);font-feature-settings:"tnum";display:inline-flex;align-items:baseline;gap:4px}.admin-kpi-card--anchor .admin-kpi-value{color:var(--color-primary-foreground)}.admin-kpi-unit{font-size:var(--font-body-lg-size);font-weight:600;letter-spacing:-.01em;color:var(--color-muted-foreground)}.admin-kpi-card--anchor .admin-kpi-unit{color:var(--color-primary-foreground-muted)}.admin-kpi-caption{font-size:var(--font-caption-size);color:var(--color-muted-foreground);margin-top:auto;font-feature-settings:"tnum"}.admin-kpi-card--anchor .admin-kpi-caption{color:var(--color-primary-foreground-muted)}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;margin-bottom:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-toolbar__search{flex:1;min-width:200px;height:44px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-body-size);font-family:var(--font-main);background:var(--color-card);color:var(--color-foreground);transition:border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.admin-toolbar__search:focus{outline:none;border-color:var(--color-ring);box-shadow:var(--shadow-focus-ring)}.admin-toolbar__search::placeholder{color:var(--subtle-foreground);font-weight:400}.admin-toolbar__select{height:44px;padding:0 32px 0 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-body-size);font-family:var(--font-main);background:var(--color-card);color:var(--color-foreground);cursor:pointer;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted-foreground) 50%),linear-gradient(135deg,var(--color-muted-foreground) 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px;background-repeat:no-repeat;transition:border-color var(--motion-fast) var(--motion-ease-out)}.admin-toolbar__select:hover{border-color:var(--color-foreground)}.admin-empty{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:60px 24px;text-align:center;box-shadow:var(--shadow-sm)}.admin-empty__icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);border-radius:var(--radius-2xl);font-size:28px}.admin-empty__title{font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);color:var(--color-foreground);margin:0 0 6px;letter-spacing:-.02em}.admin-empty__hint{font-size:var(--font-body-size);color:var(--color-muted-foreground);margin:0;font-weight:500}#view-client .admin-page-header__title-block h1,#view-internal-hr .admin-page-header__title-block h1,#view-tags .admin-page-header__title-block h1,#view-portfolio .admin-page-header__title-block h1,#view-marketing .admin-page-header__title-block h1,#view-naver-search-analysis .admin-page-header__title-block h1{font-size:var(--font-h1-size)}.admin-coming-soon{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:64px 32px;text-align:center;box-shadow:var(--shadow-sm)}.admin-coming-soon__icon{width:72px;height:72px;border-radius:var(--radius-2xl);background:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px}.admin-coming-soon__title{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);color:var(--color-foreground);letter-spacing:-.03em;margin:0 0 10px}.admin-coming-soon__desc{font-size:var(--font-body-lg-size);color:var(--color-muted-foreground);line-height:var(--font-body-lg-line);max-width:520px;margin:0 auto}.admin-coming-soon__badge{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-foreground);font-size:var(--font-caption-size);font-weight:700;letter-spacing:.02em}@media (max-width: 639px){.admin-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.admin-page-header__title-block h1{font-size:var(--font-h2-size)}.admin-page-header__actions{justify-content:flex-end}.admin-page-header__actions .btn{flex:1;height:44px}.admin-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card-grid-gap);margin-bottom:16px}.admin-kpi-strip--two{grid-template-columns:1fr}.admin-kpi-card{padding:var(--space-card);min-height:auto;border-radius:var(--radius-lg)}.admin-kpi-card--anchor{grid-column:1 / -1}.admin-kpi-value{font-size:28px}.admin-kpi-unit{font-size:var(--font-body-size)}.admin-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:var(--radius-md)}.admin-toolbar__search,.admin-toolbar__select{width:100%;min-width:0}.admin-coming-soon{padding:40px 20px;border-radius:var(--radius-lg)}.admin-coming-soon__title{font-size:var(--font-h3-size)}#view-client header,#view-internal-hr header,#view-tags header,#view-portfolio header,#view-marketing header,#view-naver-search-analysis header{display:flex;flex-direction:column;align-items:flex-start;gap:8px}#view-client header h1,#view-internal-hr header h1,#view-tags header h1,#view-portfolio header h1,#view-marketing header h1,#view-naver-search-analysis header h1{font-size:var(--font-h2-size)}.modal-card,.detail-panel{width:90vw;max-width:90vw;margin:0 auto}.modal-header,.modal-body{padding-left:20px;padding-right:20px}.modal-footer{padding:16px 20px 20px;flex-direction:column}.modal-footer .btn{width:100%}.tag-container{gap:6px}.tag-chip{padding:6px 12px;font-size:12px}.filter-bar{padding:10px 14px}.filter-bar input,.filter-bar select{width:100%}#view-client .table-container,#view-internal-hr .table-container,#view-tags .table-container,#view-portfolio .table-container{margin:0 -8px}#view-client th,#view-internal-hr th,#view-tags th,#view-portfolio th,#view-client td,#view-internal-hr td,#view-tags td,#view-portfolio td{padding:10px 14px;font-size:13px}.admin-empty{padding:40px 16px;border-radius:var(--radius-lg)}}.admin-portfolio-toolbar{align-items:stretch}.admin-portfolio-view-toggle{display:inline-flex;align-items:stretch;gap:4px;padding:4px;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-portfolio-view-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--color-muted-foreground);font-family:var(--font-main);font-size:var(--font-caption-size);font-weight:700;letter-spacing:-.01em;padding:0 14px;height:36px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out)}.admin-portfolio-view-toggle__btn:hover{color:var(--color-foreground)}.admin-portfolio-view-toggle__btn.is-active{background:var(--color-card);color:var(--color-foreground);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.admin-portfolio-result-bar{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:600;margin-bottom:16px;font-feature-settings:"tnum"}.admin-portfolio-list-wrap{margin-bottom:24px}.admin-portfolio-editor-anchor{scroll-margin-top:24px}.admin-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.admin-portfolio-card{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs, var(--shadow-sm));transition:box-shadow var(--motion-base) var(--motion-ease-out),transform var(--motion-base) var(--motion-ease-out),border-color var(--motion-base) var(--motion-ease-out)}.admin-portfolio-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-foreground)}.admin-portfolio-card__media{position:relative;aspect-ratio:9 / 16;width:100%;background:var(--color-accent-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-portfolio-card__media-img,.admin-portfolio-card__media-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.admin-portfolio-card__media-img--err,.admin-portfolio-card__media-video--err{display:none}.admin-portfolio-card--p .admin-portfolio-card__media{background:var(--color-butter-subtle)}.admin-portfolio-card--m .admin-portfolio-card__media{background:var(--color-pine-subtle)}.admin-portfolio-card--e .admin-portfolio-card__media{background:var(--color-mist-subtle)}.admin-portfolio-card--neutral .admin-portfolio-card__media{background:var(--color-muted)}.admin-portfolio-card__media-initial{position:relative;z-index:1;font-size:28px;font-weight:800;letter-spacing:-.04em;color:var(--color-foreground);opacity:.42;line-height:1}.admin-portfolio-card__category{position:absolute;z-index:1;top:6px;left:6px;padding:3px 8px;background:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:-.01em;box-shadow:var(--shadow-sm)}.admin-portfolio-status{position:absolute;z-index:1;top:6px;right:6px;padding:3px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.admin-portfolio-status--active{background:var(--color-pine-subtle);color:var(--color-pine);border:1px solid var(--color-pine-subtle)}.admin-portfolio-status--inactive{background:var(--color-muted);color:var(--color-muted-foreground);border:1px solid var(--color-border)}.admin-portfolio-card__body{display:flex;flex-direction:column;gap:6px;padding:var(--space-3);flex:1}.admin-portfolio-card__title{font-size:var(--font-body-size);font-weight:700;letter-spacing:-.02em;color:var(--color-foreground);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-portfolio-card__project{font-size:11px;color:var(--color-muted-foreground);margin:0;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-portfolio-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;color:var(--color-muted-foreground);font-weight:600;font-feature-settings:"tnum";margin-top:2px}.admin-portfolio-card__meta-item{white-space:nowrap}.admin-portfolio-card__meta-dot{color:var(--color-border)}.admin-portfolio-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.admin-portfolio-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-foreground);font-size:10px;font-weight:700;letter-spacing:-.01em}.admin-portfolio-tag--group{background:var(--color-accent-soft);border-color:var(--color-accent)}.admin-portfolio-tag--more{background:var(--color-card);color:var(--color-muted-foreground)}.admin-portfolio-card__actions{display:flex;gap:6px;padding:6px var(--space-3) var(--space-3);margin-top:2px}.admin-portfolio-card__btn{flex:1;height:28px;padding:0 8px;font-size:11px;font-weight:700}.admin-portfolio-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-portfolio-list__head{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1.4fr) 100px 90px 160px;gap:12px;padding:14px 20px;background:var(--color-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);text-transform:uppercase;color:var(--color-muted-foreground)}.admin-portfolio-list__head-actions{text-align:right}.admin-portfolio-list__row{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1.4fr) 100px 90px 160px;gap:12px;padding:14px 20px;border-bottom:1px solid var(--color-border);align-items:center;transition:background-color var(--motion-fast) var(--motion-ease-out)}.admin-portfolio-list__row:last-child{border-bottom:none}.admin-portfolio-list__row:hover{background:var(--color-table-hover-bg)}.admin-portfolio-list__cell{font-size:var(--font-body-size);color:var(--color-foreground);min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-portfolio-list__cell--title{display:flex;align-items:center;gap:12px}.admin-portfolio-list__avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-foreground);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;letter-spacing:-.02em}.admin-portfolio-list__row.admin-portfolio-card--p .admin-portfolio-list__avatar{background:var(--color-butter-subtle)}.admin-portfolio-list__row.admin-portfolio-card--m .admin-portfolio-list__avatar{background:var(--color-pine-subtle)}.admin-portfolio-list__row.admin-portfolio-card--e .admin-portfolio-list__avatar{background:var(--color-mist-subtle)}.admin-portfolio-list__title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-portfolio-list__title-block strong{font-weight:700;color:var(--color-foreground);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-portfolio-list__sub{font-size:11px;color:var(--color-muted-foreground);font-weight:600;font-feature-settings:"tnum"}.admin-portfolio-list__muted{color:var(--color-muted-foreground);font-weight:500}.admin-portfolio-list__cell--actions{display:flex;justify-content:flex-end;gap:8px}.admin-portfolio-list__cell--actions .btn{height:34px;padding:0 12px;font-size:var(--font-caption-size);font-weight:700}.admin-portfolio-empty{margin-bottom:24px}.admin-portfolio-empty__cta{margin-top:16px}.portfolio-editor-overlay{z-index:2000;padding:var(--space-6)}.portfolio-editor-window{width:min(600px,calc(100vw - 48px));max-width:600px;max-height:90vh;max-height:min(90vh,calc(100dvh - 48px));border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-modal, var(--shadow-lg));display:flex;flex-direction:column;overflow:hidden}.portfolio-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--modal-padding);border-bottom:1px solid var(--color-border);background:var(--color-card);position:sticky;top:0;z-index:10}.portfolio-editor-header h2{font-size:var(--font-body-lg-size);font-weight:800;letter-spacing:-.02em;margin:0;color:var(--color-foreground)}.portfolio-editor-subtitle{margin:4px 0 0;font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:600;line-height:1.5}.portfolio-editor-close{padding:0;width:32px;height:32px;border-radius:50%;flex-shrink:0}.portfolio-editor-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--modal-padding);background:var(--color-card)}.portfolio-editor-form{display:flex;flex-direction:column;gap:var(--space-5)}.portfolio-editor-field{display:flex;flex-direction:column;gap:var(--space-2)}.portfolio-editor-field__label{font-size:var(--font-caption-size);font-weight:700;color:var(--color-muted-foreground);letter-spacing:-.01em}.portfolio-editor-field__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.portfolio-editor-input{min-height:44px;padding:10px 14px;font-size:var(--font-body-size);font-weight:600;border-radius:var(--radius-md)}.portfolio-editor-select{width:100%;background:var(--color-card)}.portfolio-editor-drop{min-height:76px;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-secondary);cursor:pointer;transition:border-color .16s ease,background .16s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3) var(--space-4);gap:4px}.portfolio-editor-drop:hover{border-color:var(--color-foreground)}.portfolio-editor-drop--filled{min-height:64px;padding:var(--space-3) var(--space-4);background:var(--color-card);border-style:solid}.portfolio-editor-drop__icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--color-muted-foreground)}.portfolio-editor-drop__primary{font-size:var(--font-body-size);font-weight:700;color:var(--color-foreground)}.portfolio-editor-drop__hint{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:500}.portfolio-editor-drop__filled{display:flex;flex-direction:column;gap:2px;width:100%}.portfolio-editor-drop__file{font-size:var(--font-body-size);font-weight:700;color:var(--color-foreground);word-break:break-all}.portfolio-editor-drop__meta{font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:500}.portfolio-editor-segments{display:flex;flex-wrap:wrap;gap:6px}.portfolio-editor-segments--category{margin-top:0}.portfolio-editor-segments--group{margin-top:4px;padding-left:var(--space-3);border-left:2px solid var(--color-border)}.portfolio-editor-segment{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--font-body-size);font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.portfolio-editor-segment:hover{border-color:var(--color-foreground)}.portfolio-editor-segment.is-active{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-card)}.portfolio-editor-segment--sm{padding:6px 12px;font-size:var(--font-caption-size);border-radius:var(--radius-sm)}.portfolio-editor-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-left:var(--space-3);border-left:2px solid var(--color-border)}.portfolio-editor-empty{padding:10px 14px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-secondary);font-size:var(--font-caption-size);color:var(--color-muted-foreground);font-weight:600}.portfolio-editor-empty--sub{margin-top:4px;margin-left:var(--space-3)}.portfolio-editor-reset{padding:6px 4px;font-size:var(--font-caption-size);color:var(--color-muted-foreground);text-decoration:underline}.portfolio-editor-history{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-secondary)}.portfolio-editor-history__title{margin:0 0 var(--space-3);font-size:var(--font-body-size);font-weight:800;color:var(--color-foreground)}.portfolio-editor-history__list{display:grid;gap:8px}.portfolio-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--modal-padding);border-top:1px solid var(--color-border);background:var(--color-card);position:sticky;bottom:0;z-index:10}@media (max-width: 639px){.portfolio-editor-overlay{padding:var(--space-3)}.portfolio-editor-window{width:100%;max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}.portfolio-editor-footer{flex-direction:column-reverse;align-items:stretch;gap:var(--space-3)}.portfolio-editor-footer .hr-form-footer-left,.portfolio-editor-footer .hr-form-footer-right{width:100%;justify-content:stretch}.portfolio-editor-footer .hr-form-footer-right{flex-direction:column-reverse;gap:var(--space-3)}.portfolio-editor-footer .hr-form-footer-right>.btn,.portfolio-editor-footer .hr-form-footer-left>.btn{width:100%}}@media (max-width: 639px){.admin-portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.admin-portfolio-card__body{padding:var(--space-3);gap:4px}.admin-portfolio-card__title{font-size:var(--font-body-size)}.admin-portfolio-card__actions{padding:6px var(--space-3) var(--space-3)}.admin-portfolio-view-toggle{align-self:stretch;justify-content:center}.admin-portfolio-view-toggle__btn{flex:1}.admin-portfolio-list,.admin-portfolio-list__head{border-radius:var(--radius-lg)}.admin-portfolio-list__head{display:none}.admin-portfolio-list__row{grid-template-columns:1fr;gap:8px;padding:14px 16px}.admin-portfolio-list__cell--actions{justify-content:flex-start}}