:root{--pto-primary:var(--main-primary);--pto-primary-light:#6366f11a;--pto-success:var(--main-success);--pto-warning:var(--main-warning);--pto-error:var(--main-error);--pto-text:#1f2937;--pto-text-muted:#64748b;--pto-bg:#fff;--pto-bg-hover:#f8fafc;--pto-border:#e2e8f0;--pto-border-light:#f1f5f9;--pto-radius:var(--main-radius);--pto-radius-lg:var(--main-radius-lg);--pto-vacation:#6366f1;--pto-sick:#f59e0b;--pto-personal:#10b981}._pto-container{gap:var(--main-space-4);flex-direction:column;max-width:1100px;margin-left:auto;margin-right:auto;display:flex}._pto-body{gap:var(--main-space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}._pto-input-panel,._pto-result-panel{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:992px){._pto-container{padding-left:.5rem;padding-right:.5rem}._pto-body{grid-template-columns:1fr}}@media (max-width:768px){._pto-container{padding-left:1rem;padding-right:1rem}}._pto-card{background:var(--pto-bg);border-radius:var(--pto-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--pto-border);box-shadow:var(--main-shadow-sm);gap:var(--main-space-4);flex-direction:column;display:flex}._pto-card-header{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._pto-card-title{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-sm);color:var(--pto-text);display:flex}._pto-card-title svg{width:16px;height:16px;color:var(--pto-primary)}._pto-add-btn,._pto-reset-btn{font-size:var(--main-text-xs);color:var(--pto-primary);background:var(--pto-primary-light);border-radius:var(--pto-radius);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;display:inline-flex}._pto-add-btn:hover,._pto-reset-btn:hover{opacity:.85}._pto-add-btn svg,._pto-reset-btn svg{width:14px;height:14px}@media (max-width:768px){._pto-card{padding:var(--main-space-4)}}._pto-setting-group{gap:var(--main-space-2);flex-direction:column;display:flex}._pto-label{font-size:var(--main-text-xs);color:var(--pto-text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:500}._pto-toggle{background:var(--pto-border-light);border-radius:var(--pto-radius);gap:2px;padding:2px;display:flex}._pto-toggle-btn{font-size:var(--main-text-xs);color:var(--pto-text-muted);border-radius:calc(var(--pto-radius) - 2px);cursor:pointer;white-space:nowrap;background:0 0;border:0 solid #0000;flex:1;padding:.5rem .75rem;font-weight:500}._pto-toggle-btn:hover{color:var(--pto-text)}._pto-toggle-btn--active{background:var(--pto-bg);color:var(--pto-text);box-shadow:0 1px 3px #00000014}._pto-types{gap:var(--main-space-3);flex-direction:column;display:flex}._pto-type-row{align-items:center;gap:var(--main-space-3);display:flex}._pto-type-color{border-radius:var(--main-radius-full);flex-shrink:0;width:12px;height:12px}._pto-type-name{font-size:var(--main-text-sm);color:var(--pto-text);min-width:70px;font-weight:500}._pto-type-input{align-items:center;gap:var(--main-space-2);margin-left:auto;display:flex}._pto-input{font-size:var(--main-text-sm);color:var(--pto-text);background:var(--pto-bg);border-style:solid;border-width:1.5px;border-color:var(--pto-border);border-radius:var(--pto-radius);outline:none;padding:.5rem .75rem}._pto-input:focus{border-color:var(--pto-primary);box-shadow:0 0 0 3px var(--pto-primary-light)}._pto-input--sm{text-align:center;width:72px;padding:.375rem .5rem}._pto-input-hint{font-size:var(--main-text-xs);color:var(--pto-text-muted);white-space:nowrap}._pto-accrual-settings{gap:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--pto-border);flex-direction:column;display:flex}._pto-setting-row{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._pto-select{font-size:var(--main-text-sm);color:var(--pto-text);background:var(--pto-bg);border-style:solid;border-width:1.5px;border-color:var(--pto-border);border-radius:var(--pto-radius);outline:none;min-width:160px;padding:.5rem .75rem}._pto-select:focus{border-color:var(--pto-primary);box-shadow:0 0 0 3px var(--pto-primary-light)}@media (max-width:768px){._pto-setting-row{align-items:stretch;gap:var(--main-space-1);flex-direction:column}._pto-select{min-width:unset}._pto-type-row{flex-wrap:wrap}._pto-type-input{flex-basis:100%;margin-left:0;padding-left:24px}}._pto-entries-list{gap:var(--main-space-3);flex-direction:column;display:flex}._pto-entry{gap:var(--main-space-2);padding:var(--main-space-3);background:var(--pto-bg-hover);border-radius:var(--pto-radius);border-style:solid;border-width:1px;border-color:var(--pto-border-light);flex-direction:column;display:flex}._pto-entry-main{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._pto-entry-type{font-size:var(--main-text-xs);color:var(--pto-text);background:var(--pto-bg);border-style:solid;border-width:1.5px;border-color:var(--pto-border);border-radius:var(--pto-radius);outline:none;min-width:100px;padding:.375rem .5rem;font-weight:500}._pto-entry-type:focus{border-color:var(--pto-primary)}._pto-entry-date{font-size:var(--main-text-xs);color:var(--pto-text);background:var(--pto-bg);border-style:solid;border-width:1.5px;border-color:var(--pto-border);border-radius:var(--pto-radius);outline:none;max-width:140px;padding:.375rem .5rem}._pto-entry-date:focus{border-color:var(--pto-primary)}._pto-entry-to{font-size:var(--main-text-xs);color:var(--pto-text-muted)}._pto-entry-days{width:56px;font-size:var(--main-text-xs);color:var(--pto-primary);background:var(--pto-bg);border-style:solid;border-width:1.5px;border-color:var(--pto-border);border-radius:var(--pto-radius);text-align:center;outline:none;padding:.375rem .5rem;font-weight:600}._pto-entry-days:focus{border-color:var(--pto-primary)}._pto-entry-remove{border-radius:var(--pto-radius);width:28px;height:28px;color:var(--pto-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}._pto-entry-remove:hover{color:var(--pto-error);background:#ef44441a}._pto-entry-remove svg{width:12px;height:12px}._pto-entry-note{font-size:var(--main-text-xs);color:var(--pto-text-muted);border-style:solid;border-width:0 0 1px;border-color:var(--pto-border-light);background:0 0;outline:none;padding:.375rem .5rem}._pto-entry-note:focus{border-color:var(--pto-primary);color:var(--pto-text)}._pto-entry-note::placeholder{color:var(--pto-border)}._pto-entries-empty{align-items:center;gap:var(--main-space-2);padding:var(--main-space-6) var(--main-space-4);color:var(--pto-text-muted);font-size:var(--main-text-sm);flex-direction:column;display:flex}._pto-entries-empty svg{opacity:.4;width:32px;height:32px}@media (max-width:768px){._pto-entry-main{gap:var(--main-space-1)}._pto-entry-date{flex:1;max-width:120px}._pto-entry-type{min-width:unset;flex:1}}._pto-total-card{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#0000;align-items:center}._pto-total-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);opacity:.9;font-weight:500;display:flex}._pto-total-header svg{width:20px;height:20px}._pto-total-value{letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}._pto-total-sub{font-size:var(--main-text-sm);opacity:.85}._pto-total-bar-wrap{width:100%;max-width:280px}._pto-total-bar{border-radius:var(--main-radius-full);background:#ffffff40;height:8px;overflow:hidden}._pto-total-bar-used{border-radius:var(--main-radius-full);background:#ffffffd9;height:100%;transition:width .3s}._pto-total-bar-labels{font-size:var(--main-text-xs);opacity:.8;margin-top:var(--main-space-1);justify-content:space-between;display:flex}._pto-breakdown{gap:var(--main-space-4);flex-direction:column;display:flex}._pto-breakdown-item{gap:var(--main-space-2);flex-direction:column;display:flex}._pto-breakdown-header{justify-content:space-between;align-items:center;display:flex}._pto-breakdown-left{align-items:center;gap:var(--main-space-2);display:flex}._pto-breakdown-dot{border-radius:var(--main-radius-full);flex-shrink:0;width:10px;height:10px}._pto-breakdown-name{font-size:var(--main-text-sm);color:var(--pto-text);font-weight:500}._pto-breakdown-value{font-size:var(--main-text-sm);color:var(--pto-text);font-weight:600}._pto-breakdown-bar{background:var(--pto-border-light);border-radius:var(--main-radius-full);height:6px;overflow:hidden}._pto-breakdown-bar-fill{border-radius:var(--main-radius-full);height:100%;transition:width .3s}._pto-projection-grid{gap:var(--main-space-3);grid-template-columns:repeat(3,1fr);display:grid}._pto-projection-stat{align-items:center;gap:var(--main-space-1);padding:var(--main-space-3);background:var(--pto-bg-hover);border-radius:var(--pto-radius);flex-direction:column;display:flex}._pto-projection-label{font-size:var(--main-text-xs);color:var(--pto-text-muted);text-align:center}._pto-projection-value{font-size:var(--main-text-lg);color:var(--pto-primary);font-weight:700}._pto-stats-grid{gap:var(--main-space-3);grid-template-columns:repeat(3,1fr);display:grid}._pto-stat{align-items:center;gap:var(--main-space-1);flex-direction:column;display:flex}._pto-stat-label{font-size:var(--main-text-xs);color:var(--pto-text-muted);text-align:center}._pto-stat-value{font-size:var(--main-text-base);color:var(--pto-text);font-weight:700}@media (max-width:768px){._pto-total-value{font-size:2.5rem}._pto-projection-grid{grid-template-columns:1fr}._pto-stats-grid{gap:var(--main-space-2);grid-template-columns:1fr}._pto-stat{flex-direction:row;justify-content:space-between}}