:root{--wkc-primary:var(--main-primary);--wkc-primary-hover:var(--main-primary-dark);--wkc-text:#1e293b;--wkc-text-muted:#475569;--wkc-text-light:#64748b;--wkc-text-lighter:#94a3b8;--wkc-bg:#fff;--wkc-bg-hover:#f8fafc;--wkc-border:#e2e8f0;--wkc-border-light:#f1f5f9;--wkc-card-bg:#fff;--wkc-card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--wkc-card-radius:var(--main-radius-lg);--wkc-main-bg:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--wkc-main-text:#fff;--wkc-input-bg:#fff;--wkc-input-border:#e2e8f0;--wkc-input-focus-border:var(--wkc-primary);--wkc-input-focus-shadow:0 0 0 3px #6366f11a;--wkc-icon-blue:#3b82f6;--wkc-icon-blue-bg:#3b82f61a;--wkc-icon-purple:#8b5cf6;--wkc-icon-purple-bg:#8b5cf61a;--wkc-icon-green:#10b981;--wkc-icon-green-bg:#10b9811a}._wkc-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.hidden{display:none!important}._wkc-results{gap:var(--main-space-5);flex-direction:column;display:flex}._wkc-empty{padding:var(--main-space-10) var(--main-space-4);text-align:center;justify-content:center;align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._wkc-empty-icon{background:var(--wkc-border-light);border-radius:var(--main-radius-full);justify-content:center;align-items:center;width:64px;height:64px;display:flex}._wkc-empty-icon svg{color:var(--wkc-text-lighter)}._wkc-empty span{color:var(--wkc-text-light);font-size:var(--main-text-sm)}@media (max-width:768px){._wkc-container{gap:var(--main-space-4);padding-left:1rem;padding-right:1rem}._wkc-results{gap:var(--main-space-4)}}._wkc-input-card{background:var(--wkc-card-bg);border-radius:var(--wkc-card-radius);box-shadow:var(--wkc-card-shadow);overflow:hidden}._wkc-tabs{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wkc-border-light);display:flex}._wkc-tab{justify-content:center;align-items:center;gap:var(--main-space-2);padding:.875rem var(--main-space-4);font-size:var(--main-text-sm);color:var(--wkc-text-light);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:color .15s,background .15s;display:flex;position:relative}._wkc-tab svg{color:var(--wkc-text-lighter);transition:color .15s}._wkc-tab:hover{color:var(--wkc-text);background:var(--wkc-bg-hover)}._wkc-tab--active,._wkc-tab--active svg{color:var(--wkc-primary)}._wkc-tab--active:after{content:"";background:var(--wkc-primary);height:2px;position:absolute;bottom:0;left:0;right:0}._wkc-tab-content{padding:var(--main-space-5);display:none}._wkc-tab-content--active{display:block}._wkc-dates-row{gap:var(--main-space-4);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}._wkc-input-field{gap:var(--main-space-2);flex-direction:column;display:flex}._wkc-input-field label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wkc-text);font-weight:500;display:flex}._wkc-input-field label svg{color:var(--wkc-primary)}._wkc-label-row{justify-content:space-between;align-items:center;display:flex}._wkc-input-wrap{align-items:center;display:flex;position:relative}._wkc-input{width:100%;font-size:var(--main-text-base);background:var(--wkc-input-bg);border-style:solid;border-width:1px;border-color:var(--wkc-input-border);border-radius:var(--main-radius);color:var(--wkc-text);cursor:pointer;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .15s,box-shadow .15s}._wkc-input::placeholder{color:var(--wkc-text-lighter)}._wkc-input:focus{border-color:var(--wkc-input-focus-border);box-shadow:var(--wkc-input-focus-shadow);outline:none}._wkc-input-icon{color:var(--wkc-text-lighter);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;right:.875rem}._wkc-number-input{width:100%;font-size:var(--main-text-base);color:var(--wkc-text);text-align:center;background:var(--wkc-input-bg);border-style:solid;border-width:1px;border-color:var(--wkc-input-border);border-radius:var(--main-radius);-moz-appearance:textfield;padding:.75rem 1rem;font-weight:600;transition:border-color .15s,box-shadow .15s}._wkc-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._wkc-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._wkc-number-input:focus{border-color:var(--wkc-input-focus-border);box-shadow:var(--wkc-input-focus-shadow);outline:none}._wkc-number-input::placeholder{color:var(--wkc-text-lighter);font-weight:400}._wkc-today-btn{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--wkc-primary);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius-full);cursor:pointer;background:0 0;align-self:flex-start;padding:.25rem .625rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}._wkc-today-btn svg{color:var(--wkc-primary)}._wkc-today-btn:hover{background:var(--wkc-bg-hover);border-color:var(--wkc-primary)}._wkc-swap-col{justify-content:center;align-items:center;padding-top:1.75rem;display:flex}._wkc-swap-btn{background:var(--wkc-bg-hover);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius-full);width:36px;height:36px;color:var(--wkc-text-light);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}._wkc-swap-btn:hover{background:var(--wkc-primary);border-color:var(--wkc-primary);color:#fff}._wkc-operation{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--wkc-border);gap:0;display:flex;overflow:hidden}._wkc-op-btn{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wkc-text-muted);background:var(--wkc-bg);cursor:pointer;border:none;flex:1;padding:.5rem 1rem;font-weight:500;transition:background .15s,color .15s;display:flex}._wkc-op-btn:first-child{border-right-style:solid;border-right-width:1px;border-right-color:var(--wkc-border)}._wkc-op-btn:hover{background:var(--wkc-bg-hover)}._wkc-op-btn--active{background:var(--wkc-primary);color:#fff}._wkc-op-btn--active:hover{background:var(--wkc-primary-hover);color:#fff}._wkc-op-btn--active svg{color:#fff}._wkc-add-row{gap:var(--main-space-4);flex-direction:column;display:flex}._wkc-presets{align-items:center;gap:var(--main-space-2);padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--wkc-border-light);flex-wrap:wrap;display:flex}._wkc-presets-label{font-size:var(--main-text-xs);color:var(--wkc-text-lighter);font-weight:500}._wkc-preset-btn{font-size:var(--main-text-xs);color:var(--wkc-text-muted);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius);cursor:pointer;background:0 0;padding:.2rem .5rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}._wkc-preset-btn:hover{background:var(--wkc-bg-hover);border-color:var(--wkc-primary);color:var(--wkc-primary)}@media (max-width:600px){._wkc-dates-row{gap:var(--main-space-3);grid-template-columns:1fr}._wkc-swap-col{order:1;justify-content:center;padding-top:0}._wkc-input-field:first-child{order:0}._wkc-dates-row>._wkc-input-field:last-child{order:2}._wkc-tab-content{padding:var(--main-space-4)}}._wkc-options{border-top-style:solid;border-top-width:1px;border-top-color:var(--wkc-border-light)}._wkc-options-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:.75rem var(--main-space-5);font-size:var(--main-text-sm);color:var(--wkc-text-muted);cursor:pointer;background:0 0;border:none;font-weight:500;transition:background .15s,color .15s;display:flex}._wkc-options-toggle svg{color:var(--wkc-text-lighter)}._wkc-options-toggle:hover{background:var(--wkc-bg-hover);color:var(--wkc-text)}._wkc-options-arrow{align-items:center;margin-left:auto;transition:transform .2s;display:flex}._wkc-options-toggle.open ._wkc-options-arrow{transform:rotate(180deg)}._wkc-options-panel{padding:0 var(--main-space-5) var(--main-space-4);display:none}._wkc-options-panel.open{display:block}._wkc-options-grid{gap:var(--main-space-3);flex-direction:column;display:flex}._wkc-option-row{align-items:center;gap:var(--main-space-3);display:flex}._wkc-option-row--custom{flex-direction:column;align-items:stretch}._wkc-option-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wkc-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex}._wkc-checkbox{width:16px;height:16px;accent-color:var(--wkc-primary);cursor:pointer}._wkc-option-text{font-size:var(--main-text-sm);color:var(--wkc-text-muted);white-space:nowrap}._wkc-select{font-size:var(--main-text-sm);color:var(--wkc-text);background:var(--wkc-bg-hover);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius);cursor:pointer;flex:1;min-width:0;padding:.375rem .625rem;transition:border-color .15s}._wkc-select:focus{border-color:var(--wkc-primary);outline:none}._wkc-select--country{max-width:240px}._wkc-rate-input{font-size:var(--main-text-sm);color:var(--wkc-text);background:var(--wkc-bg-hover);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius);text-align:right;width:140px;padding:.375rem .625rem;font-weight:500;transition:border-color .15s}._wkc-rate-input:focus{border-color:var(--wkc-primary);outline:none}._wkc-rate-input::placeholder{color:var(--wkc-text-lighter);font-weight:400}._wkc-custom-holidays-header{justify-content:space-between;align-items:center;display:flex}._wkc-add-holiday-btn{font-size:var(--main-text-xs);color:var(--wkc-primary);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.2rem .5rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}._wkc-add-holiday-btn svg{color:var(--wkc-primary)}._wkc-add-holiday-btn:hover{background:var(--wkc-bg-hover);border-color:var(--wkc-primary)}._wkc-input--holiday{font-size:var(--main-text-sm);margin-top:var(--main-space-2);padding:.5rem .75rem}._wkc-custom-tags{gap:var(--main-space-2);margin-top:var(--main-space-2);flex-wrap:wrap;display:flex}._wkc-custom-tags:empty{display:none}._wkc-tag{font-size:var(--main-text-xs);color:var(--wkc-text-muted);background:var(--wkc-bg-hover);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius-full);align-items:center;gap:.375rem;padding:.25rem .5rem;font-weight:500;display:inline-flex}._wkc-tag-remove{border-radius:var(--main-radius-full);width:16px;height:16px;color:var(--wkc-text-lighter);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:color .15s,background .15s;display:flex}._wkc-tag-remove:hover{color:var(--main-error);background:#ef44441a}@media (max-width:600px){._wkc-options-toggle{padding:.75rem var(--main-space-4)}._wkc-options-panel{padding:0 var(--main-space-4) var(--main-space-3)}._wkc-option-row{flex-wrap:wrap}._wkc-select--country{max-width:100%}}._wkc-main-card{background:var(--wkc-main-bg);border-radius:var(--wkc-card-radius);padding:var(--main-space-6);text-align:center;box-shadow:0 4px 15px #6366f140}._wkc-main-label{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:#fffc;margin-bottom:var(--main-space-3);display:flex}._wkc-main-label svg{color:#fffc}._wkc-main-value-wrap{justify-content:center;align-items:baseline;gap:var(--main-space-3);margin-bottom:var(--main-space-2);display:flex}._wkc-main-value{color:var(--wkc-main-text);font-size:3rem;font-weight:700;line-height:1}._wkc-main-unit{font-size:var(--main-text-lg);color:#fffc}._wkc-main-date{color:var(--wkc-main-text);font-size:1.75rem;font-weight:700;line-height:1.2}._wkc-main-weekday{font-size:var(--main-text-sm);color:#fffc;margin-top:var(--main-space-1);font-weight:500;display:block}._wkc-main-range{font-size:var(--main-text-sm);color:#ffffffa6;margin-top:var(--main-space-2)}._wkc-actions{justify-content:center;display:flex}._wkc-copy-btn{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--wkc-text-muted);border-style:solid;border-width:1px;border-color:var(--wkc-border);border-radius:var(--main-radius);cursor:pointer;background:0 0;padding:.625rem 1.25rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}._wkc-copy-btn svg{color:var(--wkc-text-light)}._wkc-copy-btn:hover{background:var(--wkc-bg-hover);border-color:var(--wkc-primary);color:var(--wkc-primary)}._wkc-copy-btn:hover svg{color:var(--wkc-primary)}._wkc-copy-btn.copied{color:var(--main-success);border-color:var(--main-success)}._wkc-copy-btn.copied svg{color:var(--main-success)}@media (max-width:600px){._wkc-main-card{padding:var(--main-space-5)}._wkc-main-value{font-size:2.25rem}._wkc-main-date{font-size:1.5rem}}._wkc-cards-grid{gap:var(--main-space-4);grid-template-columns:repeat(2,1fr);display:grid}._wkc-card{background:var(--wkc-card-bg);border-radius:var(--wkc-card-radius);box-shadow:var(--wkc-card-shadow);overflow:hidden}._wkc-card-header{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wkc-border-light);display:flex}._wkc-card-header span{font-size:var(--main-text-sm);color:var(--wkc-text);font-weight:600}._wkc-card-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}._wkc-card-icon--blue{background:var(--wkc-icon-blue-bg);color:var(--wkc-icon-blue)}._wkc-card-icon--purple{background:var(--wkc-icon-purple-bg);color:var(--wkc-icon-purple)}._wkc-card-icon--green{background:var(--wkc-icon-green-bg);color:var(--wkc-icon-green)}._wkc-card-body{padding:var(--main-space-4);gap:var(--main-space-2);flex-direction:column;display:flex}._wkc-stat-row{padding:var(--main-space-2) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wkc-border-light);justify-content:space-between;align-items:center;display:flex}._wkc-stat-row:last-child{border-bottom:none}._wkc-stat-label{font-size:var(--main-text-sm);color:var(--wkc-text-muted)}._wkc-stat-value{font-size:var(--main-text-sm);color:var(--wkc-text);font-weight:600}._wkc-salary-card{border-radius:var(--wkc-card-radius);padding:var(--main-space-4) var(--main-space-5);background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 15px #05966940}._wkc-salary-row{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._wkc-salary-info{align-items:center;gap:var(--main-space-2);display:flex}._wkc-salary-icon{color:#fffc;align-items:center;display:flex}._wkc-salary-label{font-size:var(--main-text-sm);color:#fffc;font-weight:500}._wkc-salary-value{color:#fff;letter-spacing:.02em;font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono)}._wkc-salary-formula{font-size:var(--main-text-xs);color:#ffffff8c;margin-top:var(--main-space-2)}@media (max-width:600px){._wkc-cards-grid{grid-template-columns:1fr}._wkc-salary-card{padding:var(--main-space-3) var(--main-space-4)}._wkc-salary-value{font-size:1.25rem}}._wkc-holidays-card{background:var(--wkc-card-bg);border-radius:var(--wkc-card-radius);box-shadow:var(--wkc-card-shadow);overflow:hidden}._wkc-holidays-count{min-width:24px;height:22px;font-size:var(--main-text-xs);color:var(--wkc-icon-green);background:var(--wkc-icon-green-bg);border-radius:var(--main-radius-full);justify-content:center;align-items:center;margin-left:auto;padding:0 .5rem;font-weight:600;display:inline-flex}._wkc-holidays-list{padding:var(--main-space-2) var(--main-space-4) var(--main-space-4)}._wkc-holiday-row{gap:var(--main-space-3);padding:var(--main-space-2) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wkc-border-light);grid-template-columns:6rem 4rem 1fr;align-items:center;display:grid}._wkc-holiday-row:last-child{border-bottom:none}._wkc-holiday-date{font-size:var(--main-text-sm);color:var(--wkc-text);font-weight:500;font-family:var(--main-font-mono)}._wkc-holiday-day{font-size:var(--main-text-xs);color:var(--wkc-text-lighter)}._wkc-holiday-name{font-size:var(--main-text-sm);color:var(--wkc-text-muted)}@media (max-width:600px){._wkc-holiday-row{gap:var(--main-space-2);grid-template-columns:5rem 3rem 1fr}._wkc-holiday-date,._wkc-holiday-name{font-size:var(--main-text-xs)}}._wkc-calendar-card{background:var(--wkc-card-bg);border-radius:var(--wkc-card-radius);box-shadow:var(--wkc-card-shadow);overflow:hidden}._wkc-cal-scroll{gap:var(--main-space-5);padding:var(--main-space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}._wkc-cal-scroll::-webkit-scrollbar{height:6px}._wkc-cal-scroll::-webkit-scrollbar-track{background:var(--wkc-border-light);border-radius:3px}._wkc-cal-scroll::-webkit-scrollbar-thumb{background:var(--wkc-border);border-radius:3px}._wkc-cal-scroll::-webkit-scrollbar-thumb:hover{background:var(--wkc-text-lighter)}._wkc-cal-month{scroll-snap-align:start;flex-shrink:0;min-width:260px}._wkc-cal-month-label{font-size:var(--main-text-sm);color:var(--wkc-text);text-align:center;margin-bottom:var(--main-space-3);white-space:nowrap;font-weight:600}._wkc-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._wkc-cal-weekday{padding:var(--main-space-1) 0;color:var(--wkc-text-lighter);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:600}._wkc-cal-weekday--weekend{opacity:.6}._wkc-cal-day{height:32px;font-size:var(--main-text-xs);color:var(--wkc-text);border-radius:var(--main-radius);justify-content:center;align-items:center;display:flex;position:relative}._wkc-cal-day--empty{visibility:hidden}._wkc-cal-day--workday{color:var(--wkc-text);background:#22c55e1f;font-weight:500}._wkc-cal-day--weekend-in-range{color:var(--wkc-text-lighter);background:#64748b14}._wkc-cal-day--holiday-in-range{color:#b45309;cursor:help;background:#f59e0b26;font-weight:500}._wkc-cal-day--weekend{color:var(--wkc-text-lighter)}._wkc-cal-day--start{color:#fff;z-index:1;background:#4f46e5;font-weight:700;box-shadow:0 2px 8px #4f46e566}._wkc-cal-day--end{color:#fff;z-index:1;background:#dc2626;font-weight:700;box-shadow:0 2px 8px #dc262666}._wkc-cal-day--start._wkc-cal-day--end{background:linear-gradient(135deg,#4f46e5 50%,#dc2626 50%);box-shadow:0 2px 8px #4f46e559}._wkc-cal-day--today{box-shadow:inset 0 0 0 1.5px #f97316}._wkc-cal-day--today._wkc-cal-day--start{box-shadow:0 2px 8px #4f46e566}._wkc-cal-day--today._wkc-cal-day--end{box-shadow:0 2px 8px #dc262666}._wkc-cal-legend{justify-content:center;align-items:center;gap:var(--main-space-4);padding:var(--main-space-3) var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--wkc-border-light);flex-wrap:wrap;display:flex}._wkc-cal-legend-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-xs);color:var(--wkc-text-muted);display:flex}._wkc-cal-legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}._wkc-cal-legend-dot--start{background:#4f46e5}._wkc-cal-legend-dot--end{background:#dc2626}._wkc-cal-legend-dot--workday{background:#22c55e4d}._wkc-cal-legend-dot--weekend{background:#64748b33}._wkc-cal-legend-dot--holiday{background:#f59e0b59}._wkc-cal-legend-dot--today{background:0 0;box-shadow:inset 0 0 0 1.5px #f97316}@media (max-width:600px){._wkc-cal-scroll{gap:var(--main-space-4);padding:var(--main-space-3)}._wkc-cal-month{min-width:230px}._wkc-cal-day{height:28px;font-size:.625rem}._wkc-cal-legend{gap:var(--main-space-3)}}
