@font-face{font-family:Pretendard Variable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/fonts/PretendardVariable.ttf) format("truetype")}:root{--bp-large-max: 1920px;--bp-large-min: 1441px;--bp-desktop-max: 1440px;--bp-desktop-min: 1025px;--bp-tablet-max: 1024px;--bp-tablet-min: 768px;--bp-mobile-max: 768px;--bp-mobile-min: 0px;--number-0: 0;--number-2: .125rem;--number-4: .25rem;--number-6: .375rem;--number-8: .5rem;--number-10: .625rem;--number-12: .75rem;--number-16: 1rem;--number-20: 1.25rem;--number-24: 1.5rem;--number-28: 1.75rem;--number-32: 2rem;--number-36: 2.25rem;--number-40: 2.5rem;--number-48: 3rem;--number-56: 3.5rem;--number-64: 4rem;--number-full: 999px;--sans-serif: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--monospace: "Consolas", "Monaco", monospace;--font-size-8: .5rem;--font-size-10: .625rem;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-28: 1.75rem;--font-size-32: 2rem;--font-size-40: 2.5rem;--font-size-48: 3rem;--font-size-56: 3.5rem;--font-size-64: 4rem;--font-weight-100: 100;--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--line-height-0: 1;--line-height-2: 1.2;--line-height-4: 1.4;--line-height-6: 1.6;--line-height-8: 1.8;--line-height-10: 2;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .02rem;--z-0: 0;--z-100: 100;--z-200: 200;--z-300: 300;--z-400: 400;--z-500: 500;--z-600: 600;--z-700: 700;--z-800: 800;--z-900: 900;--z-1000: 1000;--z-2000: 2000;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .5s;--white: #ffffff;--black: #131a26;--gray-5: #f7f9fc;--gray-10: #eef2f7;--gray-20: #dfe5ee;--gray-30: #c9d2df;--gray-40: #adb8c8;--gray-50: #96a2b5;--gray-60: #7a8799;--gray-70: #5f6b7d;--gray-80: #414c5e;--gray-90: #2a3446;--gray-95: #1b2433;--alpha-w-10: rgba(255, 255, 255, .1);--alpha-w-25: rgba(255, 255, 255, .25);--alpha-w-50: rgba(255, 255, 255, .5);--alpha-w-75: rgba(255, 255, 255, .75);--alpha-b-10: rgba(27, 36, 51, .08);--alpha-b-25: rgba(27, 36, 51, .22);--alpha-b-50: rgba(27, 36, 51, .5);--alpha-b-75: rgba(27, 36, 51, .78);--red-5: #fdeae6;--red-10: #fbd5cc;--red-20: #f7ab99;--red-30: #f38166;--red-40: #ee5733;--red-50: #e84522;--red-60: #de3412;--red-70: #c92e10;--red-80: #b4280e;--red-90: #8a1c0a;--red-95: #741608;--orange-5: #fff0e6;--orange-10: #ffe1cc;--orange-20: #ffc399;--orange-30: #ffa566;--orange-40: #ff8733;--orange-50: #ff741a;--orange-60: #fa630a;--orange-70: #e25809;--orange-80: #c94d08;--orange-90: #a63f06;--orange-95: #7d2f05;--yellow-5: #fff6e5;--yellow-10: #ffedcc;--yellow-20: #ffdb99;--yellow-30: #ffc966;--yellow-40: #ffbf4d;--yellow-50: #ffb114;--yellow-60: #e69e12;--yellow-70: #cc8c10;--yellow-80: #b37a0e;--yellow-90: #99680c;--yellow-95: #80570a;--green-5: #e6f5e9;--green-10: #ccebd3;--green-20: #99d7a7;--green-30: #66c37b;--green-40: #4fb468;--green-50: #3ea85e;--green-60: #349b4b;--green-70: #2e8a42;--green-80: #287839;--green-90: #216630;--green-95: #1b5527;--cyan-5: #e5f9fc;--cyan-10: #ccf3f8;--cyan-20: #99e7f1;--cyan-30: #66dbea;--cyan-40: #33cfe3;--cyan-50: #00bddd;--cyan-60: #00a8c4;--cyan-70: #0093aa;--cyan-80: #007e91;--cyan-90: #006977;--cyan-95: #00545e;--cobalt-5: #e7f1f9;--cobalt-10: #cde4f4;--cobalt-20: #a1cded;--cobalt-30: #70b5e6;--cobalt-40: #3e9ce0;--cobalt-50: #228fdd;--cobalt-60: #1c7bbf;--cobalt-70: #176aa6;--cobalt-80: #115688;--cobalt-90: #0b3f65;--cobalt-95: #08314f;--blue-5: #e6f2ff;--blue-10: #cce5ff;--blue-20: #99cbff;--blue-30: #66b2ff;--blue-40: #3398ff;--blue-50: #1a8cff;--blue-60: #007bff;--blue-70: #006ae6;--blue-80: #0059cc;--blue-90: #0047b3;--blue-95: #003699;--navy-5: #e8e9f1;--navy-10: #d1d3e3;--navy-20: #a3a7c7;--navy-30: #757bab;--navy-40: #4f588f;--navy-50: #3c4679;--navy-60: #2f3869;--navy-70: #202a5b;--navy-80: #161d42;--navy-90: #121636;--navy-95: #0d102a;--purple-5: #f2ecf8;--purple-10: #e4d9f0;--purple-20: #c9b3e0;--purple-30: #ae8dd1;--purple-40: #9367c1;--purple-50: #8558b5;--purple-60: #7b51ab;--purple-70: #764ba2;--purple-80: #623e87;--purple-90: #4e326d;--purple-95: #3f2857;--pink-5: #fde7ef;--pink-10: #fbd0df;--pink-20: #f7a1bf;--pink-30: #f3729f;--pink-40: #ee437f;--pink-50: #e91e63;--pink-60: #d21958;--pink-70: #bb164e;--pink-80: #a31344;--pink-90: #8c103a;--pink-95: #760d30}:root{--container-min-w: 1280px;--container-wide-w: var(--bp-large-min);--container-max-w: var(--bp-large-max);--container-margin: calc((100vw - var(--container-min-w)) / 2 + var(--pd-container));--content-max-w: 840px;--content-min-h: 600px;--modal-min-w: 480px;--modal-max-w: 600px;--panel-w: 360px;--menu-w: 240px;--menu-item-w: 96px;--menu-item-h: 96px;--logo-fw: var(--fw-black);--logo-ls: var(--ls-tight);--gap-xs: var(--number-4);--gap-sm: var(--number-8);--gap-md: var(--number-12);--gap-lg: var(--number-24);--gap-xl: var(--number-36);--gap-xxl: var(--number-48);--gap-section: var(--number-64);--pd-xxs: var(--number-2);--pd-xs: var(--number-4);--pd-sm: var(--number-8);--pd-md: var(--number-12);--pd-lg: var(--number-24);--pd-xl: var(--number-36);--pd-xxl: var(--number-48);--pd-section: var(--number-64);--pd-container: var(--pd-lg);--pd-dropdown: var(--pd-sm) 0;--pd-banner: var(--pd-xl) var(--pd-lg);--pd-badge: var(--number-2) var(--number-6);--pd-input-sm: var(--number-6) var(--number-10);--pd-input-md: var(--number-12) var(--number-16);--pd-input-lg: var(--number-16) var(--number-24);--pd-input-sm-vertical: var(--number-10) var(--number-6);--pd-input-md-vertical: var(--number-16) var(--number-12);--pd-input-lg-vertical: var(--number-24) var(--number-16);--pd-icon-sm: var(--number-2);--pd-icon-md: var(--number-6);--pd-icon-lg: var(--number-10);--icon-size-xs: var(--font-size-12);--icon-size-sm: var(--font-size-14);--icon-size-md: var(--font-size-16);--icon-size-lg: var(--font-size-24);--icon-size-xl: var(--font-size-32);--icon-size-big: var(--font-size-64);--ff-body: var(--sans-serif);--ff-code: var(--monospace);--fs-caption: var(--font-size-10);--fs-xs: var(--font-size-12);--fs-sm: var(--font-size-14);--fs-md: var(--font-size-16);--fs-lg: var(--font-size-18);--fs-h3: var(--font-size-24);--fs-h2: var(--font-size-32);--fs-h1: var(--font-size-40);--fs-display: var(--font-size-48);--lh-none: var(--line-height-0);--lh-tight: var(--line-height-2);--lh-base: var(--line-height-4);--lh-relaxed: var(--line-height-6);--fw-light: var(--font-weight-400);--fw-medium: var(--font-weight-500);--fw-semibold: var(--font-weight-600);--fw-bold: var(--font-weight-700);--fw-black: var(--font-weight-800);--radius-xs: var(--number-4);--radius-sm: var(--number-6);--radius-md: var(--number-8);--radius-lg: var(--number-12);--radius-full: var(--number-full);--z-index-tooltip: var(--z-100);--z-index-banner: var(--z-200);--z-index-header: var(--z-300);--z-index-dropdown: var(--z-500);--z-index-sticky-header: var(--z-700);--z-index-modal: var(--z-1000);--z-index-fab: var(--z-2000);--shadow-sm: 0 1px 2px rgba(27, 36, 51, .06), 0 0 0 1px rgba(27, 36, 51, .04);--shadow-md: 0 4px 12px -4px rgba(27, 36, 51, .14), 0 1px 2px rgba(27, 36, 51, .06);--shadow-lg: 0 10px 24px -10px rgba(27, 36, 51, .22), 0 2px 4px rgba(27, 36, 51, .06);--shadow-xl: 0 20px 48px -16px rgba(27, 36, 51, .3), 0 2px 8px rgba(27, 36, 51, .08);--shadow-sm-inverse: 0 1px 2px var(--alpha-w-25);--shadow-md-inverse: 0 2px 12px var(--alpha-w-25);--shadow-lg-inverse: 0 4px 24px var(--alpha-w-25);--shadow-xl-inverse: 0 12px 48px var(--alpha-w-25), 0 2px 8px var(--alpha-w-10);--shadow-bottom: 0 -4px 12px var(--alpha-b-10);--shadow-text: 2px 2px 4px var(--alpha-b-25);--shadow-text-inverse: 1px 1px 2px var(--alpha-w-50);--transition-fast: var(--duration-fast);--transition-base: var(--duration-base);--transition-slow: var(--duration-slow);--scale-hover: none;--scale-active: none;--translate-y-hover: translateY(-1px);--translate-y-active: translateY(0);--opacity-icon-base: .8;--opacity-icon-hover: 1;--opacity-hover: .8;--opacity-disabled: .6;--scrollbar-w: var(--number-4);--scrollbar-h: var(--number-4);--scrollbar-track: var(--bg-level-2);--scrollbar-thumb: var(--border-level-2)}@media (max-width: 1024px){:root{--modal-min-w: 320px;--modal-max-w: 480px}}@media (max-width: 768px){:root{--modal-min-w: 90vw;--modal-max-w: 100vw;--panel-w: 100%;--content-min-h: 280px}}@media (max-width: 1024px){:root{--gap-lg: var(--number-16);--gap-xl: var(--number-24);--gap-xxl: var(--number-36);--gap-section: var(--number-48)}}@media (max-width: 768px){:root{--gap-xl: var(--number-20);--gap-xxl: var(--number-24);--gap-section: var(--number-36)}}@media (max-width: 1024px){:root{--pd-lg: var(--number-16);--pd-xl: var(--number-24);--pd-xxl: var(--number-36);--pd-section: var(--number-48)}}@media (max-width: 768px){:root{--pd-xl: var(--number-20);--pd-xxl: var(--number-24);--pd-section: var(--number-36)}}@media (max-width: 1024px){:root{--pd-input-md: var(--number-10) var(--number-12);--pd-input-lg: var(--number-12) var(--number-20);--pd-input-md-vertical: var(--number-12) var(--number-10);--pd-input-lg-vertical: var(--number-20) var(--number-12);--pd-icon-lg: var(--number-8)}}@media (max-width: 768px){:root{--pd-input-md: var(--number-8) var(--number-10);--pd-input-lg: var(--number-10) var(--number-12);--pd-input-md-vertical: var(--number-10) var(--number-8);--pd-input-lg-vertical: var(--number-12) var(--number-10)}}@media (max-width: 1024px){:root{--icon-size-xl: var(--font-size-28)}}@media (max-width: 768px){:root{--icon-size-lg: var(--font-size-20);--icon-size-xl: var(--font-size-24)}}@media (max-width: 1024px){:root{--fs-md: var(--font-size-14);--fs-lg: var(--font-size-16);--fs-h3: var(--font-size-20);--fs-h2: var(--font-size-28);--fs-h1: var(--font-size-32);--fs-display: var(--font-size-40)}}[class^=btn-],[class*=" btn-"]{font-weight:var(--fw-semibold);letter-spacing:-.005em;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}[class^=btn-]:focus-visible,[class*=" btn-"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[class^=btn-]:disabled,[class*=" btn-"]:disabled{cursor:not-allowed}.btn-base{background-color:var(--bg-level-0);border:1px solid var(--border-level-1);border-radius:var(--radius-sm);color:inherit;box-shadow:var(--shadow-sm)}.btn-base:hover:not(:disabled){border-color:var(--border-level-2);box-shadow:var(--shadow-md)}.btn-base:active{transform:var(--scale-active)}.btn-base-solid{background-color:var(--bg-level-0);border:1px solid var(--border-level-2);border-radius:var(--radius-sm);color:var(--text-primary)}.btn-base-solid:hover:not(:disabled){background-color:var(--bg-level-1)}.btn-base-solid:active{transform:var(--scale-active)}.btn-gray{background-color:var(--gray);border:1px solid var(--gray);border-radius:var(--radius-sm);color:var(--gray-inner-text)}.btn-gray:hover:not(:disabled){background-color:var(--gray-hover)}.btn-gray:active{background-color:var(--gray-active)}.btn-gray-solid{background-color:var(--bg-level-0);border:1px solid var(--border-level-2);border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-gray-solid:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.btn-gray-solid:active{border-color:var(--primary);color:var(--primary-text)}.btn-primary{background-color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary-inner-text)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 14px -8px var(--primary)}.btn-primary:active{background-color:var(--primary-active)}.btn-primary-solid{background-color:var(--bg-level-0);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary-text)}.btn-primary-solid:hover:not(:disabled){background-color:var(--primary-hover);color:var(--primary-inner-text)}.btn-primary-solid:active{background-color:var(--primary-active);color:var(--primary-inner-text)}.btn-secondary{background-color:var(--secondary);border:1px solid var(--secondary);border-radius:var(--radius-sm);color:var(--secondary-inner-text)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-secondary:active{background-color:var(--secondary-active)}.btn-secondary-solid{background-color:var(--bg-level-0);border:1px solid var(--secondary);border-radius:var(--radius-sm);color:var(--secondary-text)}.btn-secondary-solid:hover:not(:disabled){background-color:var(--secondary-hover);color:var(--secondary-inner-text)}.btn-secondary-solid:active{background-color:var(--secondary-active);color:var(--secondary-inner-text)}.btn-info{background-color:var(--info);border:1px solid var(--info);border-radius:var(--radius-sm);color:var(--info-inner-text)}.btn-info:hover:not(:disabled){background-color:var(--info-hover)}.btn-info:active{background-color:var(--info-active)}.btn-info-solid{background-color:var(--bg-level-0);border:1px solid var(--info);border-radius:var(--radius-sm);color:var(--info-text)}.btn-info-solid:hover:not(:disabled){background-color:var(--info-hover);color:var(--info-inner-text)}.btn-info-solid:active{background-color:var(--info-active);color:var(--info-inner-text)}.btn-success{background-color:var(--success);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success-inner-text)}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-success:active{background-color:var(--success-active)}.btn-success-solid{background-color:var(--bg-level-0);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--success-text)}.btn-success-solid:hover:not(:disabled){background-color:var(--success-hover);color:var(--success-inner-text)}.btn-success-solid:active{background-color:var(--success-active);color:var(--success-inner-text)}.btn-warning{background-color:var(--warning);border:1px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning-inner-text)}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover)}.btn-warning:active{background-color:var(--warning-active)}.btn-warning-solid{background-color:var(--bg-level-0);border:1px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning-text)}.btn-warning-solid:hover:not(:disabled){background-color:var(--warning-hover);color:var(--warning-inner-text)}.btn-warning-solid:active{background-color:var(--warning-active);color:var(--warning-inner-text)}.btn-danger{background-color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger-inner-text)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}.btn-danger:active{background-color:var(--danger-active)}.btn-danger-solid{background-color:var(--bg-level-0);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger-text)}.btn-danger-solid:hover:not(:disabled){background-color:var(--danger-hover);color:var(--danger-inner-text)}.btn-danger-solid:active{background-color:var(--danger-active);color:var(--danger-inner-text)}.table-base{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}@media (max-width: 1024px){.table-base{font-size:var(--fs-xs)}}.table-base th{padding:var(--pd-md);background-color:var(--bg-level-1);border:1px solid var(--border-level-1);border-bottom:2px solid var(--border-strong);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--text-secondary);text-align:center;white-space:nowrap}.table-base th.table__checkbox{width:33px;padding:var(--pd-sm)}.table-base th.table__name{min-width:300px}@media (max-width: 1024px){.table-base th.table__name{min-width:160px}}.table-base tr{background-color:var(--bg-level-0);transition:background-color var(--transition-fast)}.table-base tbody tr:hover:not(.disabled):not(.table__note){background-color:var(--bg-level-1)}.table-base tr.disabled{background-color:var(--bg-level-1)}.table-base tr.disabled td{color:var(--text-tertiary);opacity:var(--opacity-disabled)}.table-base tr.disabled .product__code{color:var(--text-tertiary)}.table-base tr.disabled .table__quantity{pointer-events:none}.table-base tr.disabled .table__quantity .option-select-btn{pointer-events:auto;opacity:1}.table-base tr.disabled .table__delete{opacity:1}.table-base tr.disabled+tr.table__note{opacity:var(--opacity-disabled);color:var(--text-tertiary);pointer-events:none}.table-base td{padding:var(--pd-sm) var(--pd-md);border:1px solid var(--border-level-1);border-left-color:transparent;border-right-color:transparent;vertical-align:middle;text-align:center;word-break:auto-phrase}@media (max-width: 1024px){.table-base td{padding:var(--pd-sm)}}.table-base td.table__checkbox{padding:var(--pd-sm)}.table-base td.table__image{position:relative;width:80px;height:80px;padding:0}.table-base .product__soldout-overlay{padding:2px 0;font-size:11px}.table-base td.table__name{text-align:left}.table-base td.table__price{text-align:right;white-space:nowrap}.table-base td.table__quantity{padding:var(--pd-xs)}.table-base td.table__spec{text-align:left}.table-base td.table__delete{padding:var(--pd-sm);text-align:center}.table-base td.table__delete button{display:inline-flex;padding:var(--pd-icon-md);border-radius:var(--radius-sm);color:var(--text-tertiary)}.table-base td.table__delete button:hover:not(:disabled){background-color:var(--danger-bg);color:var(--danger-text)}.table-base tr.table__note{text-align:left}.table-base .table__note-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-sm);width:100%}.table-base .table__note-input{flex:1;padding:var(--pd-input-sm);border:1px solid var(--border-level-1);border-radius:var(--radius-sm)}:root{--primary: var(--cobalt-60);--primary-text: var(--cobalt-70);--primary-bg: var(--cobalt-5);--primary-hover: var(--cobalt-50);--primary-active: var(--cobalt-70);--primary-inner-text: var(--white);--secondary: var(--navy-70);--secondary-text: var(--navy-70);--secondary-bg: var(--navy-5);--secondary-hover: var(--navy-60);--secondary-active: var(--navy-80);--secondary-inner-text: var(--white);--ai-chat-primary: var(--blue-40);--ai-chat-secondary: var(--purple-70);--ai-chat-gradient: linear-gradient(135deg, var(--blue-40) 0%, var(--purple-70) 100%);--ai-chat-text: var(--white);--bg-level-0: var(--white);--bg-level-1: var(--gray-5);--bg-level-2: var(--gray-10);--bg-disabled: var(--gray-20);--bg-alpha: var(--alpha-b-25);--bg-alpha-hover: var(--alpha-b-10);--bg-alpha-active: var(--alpha-b-50);--bg-alpha-inverse: var(--alpha-w-25);--bg-alpha-hover-inverse: var(--alpha-w-10);--bg-alpha-active-inverse: var(--alpha-w-50);--bg-tooltip: var(--alpha-b-75);--bg-text-overlay: var(--alpha-b-25);--bg-image-overlay: var(--alpha-b-25);--bg-modal-backdrop: var(--alpha-b-25);--bg-image-backdrop: var(--alpha-b-75);--border-level-0: var(--gray-10);--border-level-1: var(--gray-20);--border-level-2: var(--gray-30);--border-strong: var(--gray-90);--border-disabled: var(--gray-20);--gray: var(--gray-20);--gray-hover: var(--gray-10);--gray-active: var(--gray-30);--gray-inner-text: var(--text-primary);--icon-bg: var(--alpha-b-10);--icon-bg-hover: var(--alpha-b-25);--icon-bg-inverse: var(--alpha-w-10);--icon-bg-hover-inverse: var(--alpha-w-25);--text-primary: var(--gray-95);--text-secondary: var(--gray-70);--text-tertiary: var(--gray-60);--text-disabled: var(--gray-50);--text-primary-inverse: var(--white);--text-secondary-inverse: var(--alpha-w-75);--text-tertiary-inverse: var(--alpha-w-50);--info: var(--blue-50);--info-text: var(--blue-60);--info-bg: var(--blue-5);--info-border: var(--blue-10);--info-hover: var(--blue-40);--info-active: var(--blue-60);--info-inner-text: var(--white);--success: var(--green-50);--success-text: var(--green-60);--success-bg: var(--green-5);--success-border: var(--green-10);--success-hover: var(--green-40);--success-active: var(--green-60);--success-inner-text: var(--white);--warning: var(--yellow-50);--warning-text: var(--yellow-60);--warning-bg: var(--yellow-5);--warning-border: var(--yellow-10);--warning-hover: var(--yellow-40);--warning-active: var(--yellow-60);--warning-inner-text: var(--white);--danger: var(--red-50);--danger-text: var(--red-60);--danger-bg: var(--red-5);--danger-border: var(--red-10);--danger-hover: var(--red-40);--danger-active: var(--red-60);--danger-inner-text: var(--white)}*{margin:0;padding:0;box-sizing:border-box}body{overflow-y:scroll;font-family:var(--ff-body);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-primary);line-height:var(--lh-base);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;-moz-font-feature-settings:tnum;-webkit-font-feature-settings:tnum;font-feature-settings:tnum}a{color:inherit;text-decoration:none;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}ul,ol{list-style:none}button{background-color:transparent;border:none;outline:none;font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);cursor:pointer}button:disabled:not(.icon){background-color:var(--bg-disabled);border-color:var(--border-disabled);color:var(--text-disabled);opacity:var(--opacity-disabled);pointer-events:none}button.icon:disabled{color:var(--text-disabled);opacity:var(--opacity-disabled);pointer-events:none}input{border:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;transition:color var(--transition-base)}input[readonly]{color:var(--text-secondary)}input:disabled{color:var(--text-disabled);opacity:var(--opacity-disabled);pointer-events:none}textarea{border:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;resize:none;overflow-y:hidden;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}textarea:disabled{background-color:var(--bg-disabled);border-color:var(--border-disabled);color:var(--text-disabled);opacity:var(--opacity-disabled);pointer-events:none}input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{scale:1.2;cursor:pointer;filter:var(--input-indicator-filter);opacity:var(--opacity-icon-base)}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:var(--opacity-icon-hover)}.radio{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;padding:var(--pd-input-md);background-color:var(--bg-level-0);border:1px solid var(--border-level-2);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:color var(--transition-base),border-color var(--transition-base);cursor:pointer}.radio:hover:not(:disabled){border-color:var(--info);color:var(--info-text)}.radio:has(input[type=radio]:checked){border-color:var(--info);color:var(--info-text)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;inline-size:1px;block-size:1px;min-inline-size:0;min-block-size:0;opacity:0;clip-path:inset(50%)}.tooltip-target{position:relative}.tooltip-target:hover .tooltip{opacity:1}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:var(--z-index-tooltip);padding:var(--pd-xs) var(--pd-sm);margin-top:2px;background-color:var(--bg-tooltip);color:var(--text-primary-inverse);font-size:var(--fs-xs);white-space:nowrap;border-radius:var(--radius-xs);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.tooltip.required{background-color:var(--danger);font-weight:var(--fw-semibold)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-h)}.scrollbar::-webkit-scrollbar-track{margin:var(--gap-xs);background:var(--scrollbar-track);border-radius:2px}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);transition:background var(--transition-base)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.dropdown{opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) ease-out,transform var(--duration-fast) ease-out,visibility 0s linear var(--duration-fast)}.dropdown-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity var(--duration-fast) ease-in,transform var(--duration-fast) ease-in,visibility 0s linear}.icon{display:flex;justify-content:center;align-items:center}.empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-tertiary)}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);height:100%;min-height:600px;color:var(--text-tertiary)}.error .icon{font-size:var(--icon-size-big)}.error-message{font-size:var(--fs-sm);color:var(--danger-text);font-weight:var(--fw-bold)}.status-button-group{display:flex;gap:var(--gap-md);margin-top:var(--gap-md);font-weight:var(--fw-bold)}.status-button-group>button{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--pd-input-md)}.page{min-height:600px;background-color:var(--bg-level-0)}.page.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.contents{position:relative;width:100%;max-width:var(--container-min-w);padding:var(--pd-md) var(--pd-container) var(--pd-section);margin:0 auto}.page-header{margin-bottom:var(--gap-md);font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--text-primary)}.panel-container{display:flex;gap:var(--gap-md)}@media (max-width: 1024px){.panel-container{flex-direction:column}}.panel-content{position:sticky;top:calc(78px + var(--pd-md));right:0;display:flex;flex-direction:column;gap:var(--gap-md);min-width:var(--panel-w);height:calc(100vh - 104px);padding:var(--pd-lg);background-color:var(--bg-level-0);border:1px solid var(--border-level-1);border-radius:var(--radius-md);overflow-y:auto}@media (max-width: 1024px){.panel-content{top:calc(58px + var(--pd-md));width:100%;height:fit-content;padding:calc(var(--pd-md) * 2)}}