@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#64a018;--color-primary-700:#4a7812;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-success-50:#ecfdf5;--color-success-500:#10b981;--color-success-600:#059669;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-background:#fff;--color-background-secondary:var(--color-gray-50);--color-surface:#fff;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-400);--color-border:var(--color-gray-200);--color-border-focus:var(--color-primary-500);--color-tokbell-green-100:#e2f5dc;--color-tokbell-green-500:#64a018;--color-tokbell-green-700:#4a7812;--color-tokbell-orange-100:#fff4ec;--color-tokbell-orange-500:#e89500;--color-tokbell-orange-600:#e8610a;--color-tokbell-orange-900:#7a2e00;--color-tokbell-blue-500:#009fe6;--color-tokbell-gray-100:#f5f5f5;--color-tokbell-gray-200:#f4f4f4;--color-tokbell-gray-300:#ccc;--color-tokbell-gray-600:#666;--color-tokbell-gray-700:#424242;--color-tokbell-gray-800:#4b4b4b;--color-tokbell-white:#fff;--color-tokbell-black:#171717;--font-family-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,"Andale Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-colors:color 150ms ease,background-color 150ms ease,border-color 150ms ease;--transition-transform:transform 200ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:64px;--container-max-width:1280px;--app-min-width:1200px}[data-theme=dark]{--color-background:var(--color-gray-950);--color-background-secondary:var(--color-gray-900);--color-surface:var(--color-gray-800);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-700)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overflow-x:auto}body,html{min-width:var(--app-min-width)}body{min-height:100vh;overflow-x:visible;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit}a,a:hover{text-decoration:none}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-muted)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-moz-selection{background-color:var(--color-tokbell-green-100);color:var(--color-tokbell-green-700)}::selection{background-color:var(--color-tokbell-green-100);color:var(--color-tokbell-green-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border-width:0}.btn,.sr-only{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors),box-shadow var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary-600);color:#fff;border:1px solid transparent}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-800)}.btn--secondary{background-color:var(--color-gray-100);color:var(--color-gray-900);border:1px solid transparent}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.btn--secondary:active:not(:disabled){background-color:var(--color-gray-300)}.btn--outline{background-color:transparent;color:var(--color-primary-600);border:1px solid var(--color-primary-600)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn--outline:active:not(:disabled){background-color:var(--color-primary-100)}.btn--ghost{background-color:transparent;color:var(--color-gray-700);border:1px solid transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn--ghost:active:not(:disabled){background-color:var(--color-gray-200)}.btn--danger{background-color:var(--color-error-500);color:#fff;border:1px solid transparent}.btn--danger:hover:not(:disabled){background-color:var(--color-error-600)}.btn--danger:active:not(:disabled){background-color:#b91c1c}.btn--success{background-color:var(--color-success-500);color:#fff;border:1px solid transparent}.btn--success:hover:not(:disabled){background-color:var(--color-success-600)}.btn--xs{height:1.75rem;padding:0 var(--spacing-2);font-size:var(--font-size-xs);gap:var(--spacing-1)}.btn--sm{height:2rem;padding:0 var(--spacing-3)}.btn--md,.btn--sm{font-size:var(--font-size-sm)}.btn--md{height:2.5rem;padding:0 var(--spacing-4)}.btn--lg{height:2.75rem;padding:0 var(--spacing-5)}.btn--lg,.btn--xl{font-size:var(--font-size-base)}.btn--xl{height:3rem;padding:0 var(--spacing-6)}.btn--icon{padding:0;aspect-ratio:1}.btn--icon.btn--xs{width:1.75rem}.btn--icon.btn--sm{width:2rem}.btn--icon.btn--md{width:2.5rem}.btn--icon.btn--lg{width:2.75rem}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}.btn--danger.btn--loading:after,.btn--primary.btn--loading:after,.btn--success.btn--loading:after{border-color:#fff transparent #fff #fff}.tkb-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:var(--transition-colors),box-shadow var(--transition-fast);&:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none}&.size-large{min-width:200px;height:56px;padding:0 15px;font-size:18px;border-radius:12px}&.size-md{width:140px;min-width:-moz-min-content;min-width:min-content;height:44px;padding:0 15px;font-size:16px;border-radius:10px}&.size-sm{height:32px;padding:0 10px;font-size:14px;border-radius:8px}&.size-sm,&.size-xsm{width:-moz-max-content;width:max-content}&.size-xsm{height:28px;padding:0 5px;font-size:12px;border-radius:6px}&.w-full{width:100%}&.style-primary{background-color:var(--color-tokbell-green-500);color:var(--color-tokbell-white);&:hover:not(:disabled){background-color:var(--color-tokbell-green-700)}&:disabled{background-color:#c5e1a5}}&.style-secondary{border:1px solid var(--color-tokbell-green-500);background-color:var(--color-tokbell-white);color:var(--color-tokbell-green-500);&:hover:not(:disabled){background-color:var(--color-tokbell-green-100)}&:disabled{color:var(--color-tokbell-gray-300);border-color:#e0e0e0;background-color:var(--color-tokbell-gray-100)}}&.style-neutral{border:1px solid var(--color-tokbell-gray-600);background-color:var(--color-tokbell-white);color:var(--color-tokbell-black);&:disabled,&:hover:not(:disabled){background-color:var(--color-tokbell-gray-100)}&:disabled{color:var(--color-tokbell-gray-300);border-color:var(--color-tokbell-gray-300)}&.color-tokbell-primary{color:var(--color-tokbell-green-500)}}&.style-text{color:var(--color-tokbell-black);&:hover:not(:disabled){color:var(--color-tokbell-blue-500);text-decoration:underline}&:disabled{color:var(--color-tokbell-gray-300)}}&.btn-primary{background-color:var(--color-tokbell-green-500);&:hover:not(:disabled){background-color:var(--color-tokbell-green-700)}&:disabled{background-color:#c5e1a5}}}input[type=checkbox],input[type=radio]{accent-color:#64a018!important}textarea:focus{outline:none;box-shadow:0 0 0 2px #64a018!important}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;border:none!important;box-shadow:0 0 0 2px #64a018!important}select option:checked{background-color:#64a018;color:#fff}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-group__label--required:after{content:"*";margin-left:var(--spacing-1);color:var(--color-error-500)}.input{display:block;width:100%;height:2.5rem;padding:0 var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled){border-color:var(--color-gray-300)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.input:disabled{background-color:var(--color-gray-100);color:var(--color-text-muted);cursor:not-allowed}.input--sm{height:2rem;padding:0 var(--spacing-2);font-size:var(--font-size-xs)}.input--lg{height:2.75rem;padding:0 var(--spacing-4);font-size:var(--font-size-base)}.input--error,.input--error:focus{border-color:var(--color-error-500)}.input--error:focus{box-shadow:0 0 0 3px var(--color-error-50)}.input--success,.input--success:focus{border-color:var(--color-success-500)}.input--success:focus{box-shadow:0 0 0 3px var(--color-success-50)}.input-container{position:relative;display:flex;align-items:center}.input-container__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:2.5rem;height:100%;color:var(--color-text-muted);pointer-events:none}.input-container__icon--left{left:0}.input-container__icon--right{right:0}.input--with-icon-left{padding-left:2.5rem}.input--with-icon-right{padding-right:2.5rem}.textarea{display:block;width:100%;min-height:6rem;padding:var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea::-moz-placeholder{color:var(--color-text-muted)}.textarea::placeholder{color:var(--color-text-muted)}.textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.textarea:disabled{background-color:var(--color-gray-100);color:var(--color-text-muted);cursor:not-allowed}.textarea--error{border-color:var(--color-error-500)}.textarea--error:focus{box-shadow:0 0 0 3px var(--color-error-50)}.input-group__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input-group__error{font-size:var(--font-size-xs);color:var(--color-error-500)}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background-color:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);animation:fade-in .2s ease-out}.modal{position:relative;width:100%;max-height:calc(100vh - 2rem);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:slide-up .2s ease-out;overflow:hidden;display:flex;flex-direction:column}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);height:calc(100vh - 2rem)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.modal__body{flex:1;padding:var(--spacing-5);overflow-y:auto}.modal__body--no-padding{padding:0}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary);flex-shrink:0}.modal__footer--between{justify-content:space-between}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop--entering{animation:modal-fade-in .2s ease-out}.modal--entering{animation:modal-slide-up .2s ease-out}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table__head{background-color:var(--color-background-secondary)}.table__th{padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.table__th--center{text-align:center}.table__th--right{text-align:right}.table__th--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table__th--sortable:hover{color:var(--color-text-primary)}.table__sort-icon{display:inline-flex;margin-left:var(--spacing-1);vertical-align:middle}.table__body{background-color:var(--color-surface)}.table__tr{transition:background-color var(--transition-fast)}.table__tr:hover{background-color:var(--color-background-secondary)}.table__tr--selected{background-color:var(--color-primary-50)}.table__tr--clickable{cursor:pointer}.table__td{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.table__td--center{text-align:center}.table__td--right{text-align:right}.table__td--nowrap{white-space:nowrap}.table__tr:last-child .table__td{border-bottom:none}.table__empty{padding:var(--spacing-12) var(--spacing-4);text-align:center;color:var(--color-text-muted)}.table__empty-icon{margin-bottom:var(--spacing-3);font-size:3rem;opacity:.5}.table__empty-text{font-size:var(--font-size-sm)}.table__loading{padding:var(--spacing-8) var(--spacing-4);text-align:center}.table--compact .table__td,.table--compact .table__th{padding:var(--spacing-2) var(--spacing-3)}.table--striped .table__body .table__tr:nth-child(2n){background-color:var(--color-background-secondary)}.table__checkbox{width:3rem;text-align:center}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge--secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge--success{background-color:var(--color-success-50);color:var(--color-success-600)}.badge--warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.badge--error{background-color:var(--color-error-50);color:var(--color-error-600)}.badge--info{background-color:var(--color-info-50);color:var(--color-info-600)}.badge--primary-solid{background-color:var(--color-primary-600);color:#fff}.badge--success-solid{background-color:var(--color-success-500);color:#fff}.badge--warning-solid{background-color:var(--color-warning-500);color:#fff}.badge--error-solid{background-color:var(--color-error-500);color:#fff}.badge--outline{background-color:transparent;border:1px solid}.badge--sm{padding:.125rem var(--spacing-1);font-size:.625rem}.badge--lg{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.badge--dot{padding:0;width:.5rem;height:.5rem}.badge--dot.badge--lg{width:.75rem;height:.75rem}.badge__icon{margin-right:var(--spacing-1);font-size:.75em}.badge__icon--right{margin-right:0;margin-left:var(--spacing-1)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.card--elevated{box-shadow:var(--shadow-md)}.card--outlined{border:1px solid var(--color-border)}.card--filled{background-color:var(--color-background-secondary)}.card__header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border)}.card__header--compact{padding:var(--spacing-3) var(--spacing-4)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card__subtitle{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card__body{padding:var(--spacing-5)}.card__body--compact{padding:var(--spacing-4)}.card__body--none{padding:0}.card__footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary)}.card__footer--compact{padding:var(--spacing-3) var(--spacing-4)}.card--interactive{cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card--interactive:hover{box-shadow:var(--shadow-lg)}.card--interactive:active{transform:scale(.99)}.card__image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.card__image--top{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.recipient-table-container{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:700px}.recipient-table-actions{justify-content:space-between;flex-wrap:nowrap}.recipient-table-actions,.recipient-table-actions-left{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}.recipient-table-actions-left{flex-shrink:0}.recipient-table-actions-right{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3);flex-shrink:0}.recipient-table-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recipient-table-count strong{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.recipient-table-link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.recipient-table-link:hover{color:var(--color-primary-600)}.recipient-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5)}.recipient-summary-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.recipient-summary-icon{font-size:2.5rem;line-height:1}.recipient-summary-info{flex:1}.recipient-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.recipient-summary-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recipient-summary-count strong{font-size:var(--font-size-2xl);color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.recipient-summary-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.recipient-summary-preview-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-right:var(--spacing-2)}.recipient-summary-preview-names{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recipient-summary-actions{display:flex;gap:var(--spacing-2);flex-wrap:nowrap}.recipient-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;overflow-y:auto;max-height:400px;padding-right:2px}.recipient-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);table-layout:fixed}.recipient-table thead{position:sticky;top:0;z-index:1}.recipient-table-th{padding:var(--spacing-2) var(--spacing-1);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;white-space:nowrap;border-bottom:1px solid var(--color-border);background-color:#f8f9fa}.recipient-table-th-checkbox{text-align:center}.recipient-table-th-checkbox,.recipient-table-th-row-num{width:36px;background-color:#f1f3f4}.recipient-table-row{transition:background-color var(--transition-fast);cursor:pointer}.recipient-table-row:hover{background-color:#fafafa}.recipient-table-row-selected{background-color:#e3f2fd!important}.recipient-table-td{padding:0;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;vertical-align:middle;min-width:0}.recipient-table-td:last-child{border-right:none}.recipient-table-td-checkbox{width:36px;text-align:center;background-color:#fafafa;padding:var(--spacing-2)}.recipient-table-checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-600)}.group-recipient-delete-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background-color:#fee2e2;cursor:pointer;transition:all .15s ease}.group-recipient-delete-btn:hover{background-color:#fecaca;transform:scale(1.1)}.group-recipient-delete-btn:active{transform:scale(.95)}.group-recipient-delete-icon{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#ef4444;line-height:1;margin-top:-1px}.recipient-table-td-row-num{width:36px;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:#fafafa;padding:var(--spacing-2)}.recipient-table-input{width:100%;min-width:0;max-width:100%;height:28px;padding:2px 6px;border:none;background:transparent;font-size:var(--font-size-xs);color:var(--color-text-primary);outline:none}.recipient-table-input:focus{background-color:#fff;box-shadow:inset 0 0 0 2px var(--color-primary-600)}.recipient-table-input::-moz-placeholder{color:#ccc}.recipient-table-input::placeholder{color:#ccc}.recipient-table-input-invalid{background-color:#fef2f2;color:#dc2626}.recipient-table-input-invalid:focus{background-color:#fef2f2;box-shadow:inset 0 0 0 2px #ef4444}.recipient-table-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:nowrap;padding-top:var(--spacing-2);min-width:700px}.recipient-table-bottom-actions-left,.recipient-table-bottom-actions-right{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-sm{max-width:400px}.modal-md,.modal-sm{width:100%;margin:var(--spacing-4)}.modal-md{max-width:560px}.modal-lg{width:100%;max-width:800px;margin:var(--spacing-4)}.modal-title{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--spacing-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);background-color:#f9fafb}.confirm-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal{background-color:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 40px rgba(0,0,0,.15);padding:var(--spacing-6);width:100%;max-width:320px;margin:var(--spacing-4);text-align:center;animation:slideUp .2s ease}.confirm-modal-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fef2f2;color:#ef4444}.confirm-modal-icon svg{width:24px;height:24px}.confirm-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.confirm-modal-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-5);line-height:1.5}.confirm-modal-actions{display:flex;gap:var(--spacing-3);justify-content:center}.confirm-modal-actions .btn{min-width:80px}.add-group-modal-content .recipient-table-bottom-actions,.add-group-modal-content .recipient-table-container{min-width:0}.add-group-modal-content .recipient-table-container{max-width:100%}@media (max-width:768px){.recipient-table-wrapper{max-height:300px}.recipient-table-actions,.recipient-table-bottom-actions{flex-direction:column;align-items:flex-start}.recipient-table-td:nth-child(n+6),.recipient-table-th:nth-child(n+6){display:none}}.tokbell-alert{padding:20px;border-radius:12px;border-top-width:5px;&.type-info{background-color:var(--color-tokbell-green-100);color:var(--color-tokbell-green-700);border-color:var(--color-tokbell-green-700);svg{color:var(--color-tokbell-green-700)}}&.type-warning{background-color:var(--color-tokbell-orange-100);color:var(--color-tokbell-orange-900);border-color:var(--color-tokbell-orange-600);svg{color:var(--color-tokbell-orange-600)}}&.type-danger{background-color:var(--color-tokbell-gray-100);color:var(--color-tokbell-black);border-color:var(--color-tokbell-gray-800);svg{color:var(--color-tokbell-gray-800)}}}.tokbell-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.tokbell-page-btn{padding:8px 12px;border:1px solid var(--color-border,#e2e8f0);background:var(--color-background,#fff);border-radius:8px;cursor:pointer;font-size:14px;color:var(--color-text-secondary,#64748b);transition:background-color .2s,color .2s,border-color .2s}.tokbell-page-btn:hover:not(:disabled):not(.tokbell-page-btn--current){background-color:var(--color-gray-50,#f8fafc);color:var(--color-primary-600,#64a018)}.tokbell-page-btn:disabled{opacity:.5;cursor:not-allowed}.tokbell-page-btn--current{background-color:var(--color-primary-600,#64a018);color:#fff;border-color:var(--color-primary-600,#64a018);font-weight:600;cursor:default;min-width:40px;text-align:center}.tokbell-page-btn--current:hover{background-color:var(--color-primary-700,#4a7812);border-color:var(--color-primary-700,#4a7812);color:#fff}.tokbell-page-ellipsis{padding:0 4px;color:var(--color-text-secondary,#64748b);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.caller-register-banner-wrap{position:sticky;top:64px;z-index:40;background:linear-gradient(90deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.2)}.caller-register-banner{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.caller-register-banner-text{font-size:14px;font-weight:600;color:#92400e}.caller-register-banner .caller-register-btn{padding:8px 16px;font-size:13px;font-weight:600;background:#d97706;color:#fff;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .2s}.caller-register-banner .caller-register-btn:hover{background:#b45309}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:width var(--transition-slow),transform var(--transition-slow)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{display:flex;align-items:center;height:var(--header-height);padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border)}.sidebar__logo{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.sidebar__nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.sidebar__footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.nav-group{margin-bottom:var(--spacing-6)}.nav-group__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.nav-group__title,.nav-item{padding:var(--spacing-2) var(--spacing-3)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.nav-item--active{background-color:var(--color-primary-50);color:var(--color-primary-600)}.nav-item--active:hover{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-item__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.nav-item__text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item__badge{flex-shrink:0}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background-color:var(--color-background-secondary);transition:margin-left var(--transition-slow)}.main-content--sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.header{position:sticky;top:0;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky)}.header,.header__left{display:flex;align-items:center}.header__left{gap:var(--spacing-4)}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.header__right{display:flex;align-items:center;gap:var(--spacing-3)}.page{padding:var(--spacing-6)}.page__header{margin-bottom:var(--spacing-6)}.page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page__description{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-6)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar--open{transform:translateX(0)}.main-content{margin-left:0}.page{padding:var(--spacing-4)}}.gnb{background:#fff;border-bottom:1px solid #e0f2f7;box-shadow:none}.gnb-container{max-width:1400px;margin:0 auto;padding:0 24px}.gnb-inner{justify-content:space-between;height:64px}.gnb-inner,.gnb-logo-link{display:flex;align-items:center}.gnb-logo-link{text-decoration:none;flex-shrink:0}.gnb-logo-img{height:24px;width:auto;display:block;-o-object-fit:contain;object-fit:contain}.gnb-nav{flex:1;display:flex;justify-content:center;align-items:center;gap:2px}.gnb-nav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 20px;font-size:14px;font-weight:500;color:#676767;text-decoration:none;border-radius:6px;transition:color .2s,background-color .2s;-webkit-tap-highlight-color:transparent}.gnb-nav-link:focus{outline:none}.gnb-nav-link:focus-visible{outline:2px solid var(--color-tokbell-green-500,#64a018);outline-offset:2px}.gnb-nav-link:hover{color:#374151;background-color:#f9fafb}.gnb-nav-link.active{color:var(--color-primary-600,#64a018);background-color:var(--color-tokbell-green-100,#e2f5dc)}.gnb-nav-chevron{flex-shrink:0;transition:transform .2s}.gnb-nav-chevron.open{transform:rotate(180deg)}.gnb-dropdown{position:absolute;left:0;top:100%;padding-top:8px;z-index:50}.gnb-dropdown-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:180px;padding:8px 0}.gnb-dropdown-item{display:block;padding:10px 20px;font-size:14px;color:#374151;text-decoration:none;transition:background-color .2s,color .2s;-webkit-tap-highlight-color:transparent}.gnb-dropdown-item:focus{outline:none}.gnb-dropdown-item:focus-visible{outline:2px solid var(--color-tokbell-green-500,#64a018);outline-offset:2px}.gnb-dropdown-item:hover{background-color:#f3f4f6;color:#64a018}.gnb-dropdown-item.active{background-color:var(--color-tokbell-green-100,#e2f5dc);color:var(--color-tokbell-green-500,#64a018);font-weight:600}.gnb-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.gnb-btn-login{padding:8px 20px;font-size:14px;font-weight:500;color:#374151;text-decoration:none;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:all .2s}.gnb-btn-login:hover{background-color:#f9fafb;border-color:#9ca3af}.gnb-btn-signup{padding:8px 20px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;border:none;border-radius:6px;background:var(--color-tokbell-green-500);transition:all .2s}.gnb-btn-signup:hover{background:var(--color-tokbell-green-700)}.gnb-balance{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f9fafb;border-radius:8px;cursor:pointer}.gnb-balance-label{font-size:12px;color:#6b7280}.gnb-balance-value{font-size:14px;font-weight:600;color:var(--color-primary-600,#64a018)}.gnb-balance-link{text-decoration:none;color:inherit}.gnb-balance-link:hover{background:#f3f4f6}.gnb-btn-charge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:var(--color-primary-600,#64a018);border:none;border-radius:6px;cursor:pointer;text-decoration:none;transition:background-color .2s}.gnb-btn-charge:hover{background:var(--color-primary-700,#4a7812)}.gnb-btn-user{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none}.gnb-btn-user:hover{background:#f9fafb}.gnb-user-dropdown{position:absolute;right:0;top:100%;padding-top:8px;z-index:50}.gnb-user-dropdown-panel{width:176px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.gnb-user-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:14px;color:#374151;text-align:left;text-decoration:none;border:none;background:none;cursor:pointer;transition:background-color .2s,color .2s}.gnb-user-dropdown-item:hover{background:#f3f4f6;color:#64a018}.gnb-user-dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}