:root{--mcc-primary:var(--main-primary);--mcc-primary-dark:#8b5cf6;--mcc-primary-light:#6366f11a;--mcc-success:var(--main-success);--mcc-success-light:#10b9811a;--mcc-warning:var(--main-warning);--mcc-error:var(--main-error);--mcc-text:#1f2937;--mcc-text-muted:#64748b;--mcc-bg:#fff;--mcc-bg-hover:#f8fafc;--mcc-border:#e2e8f0;--mcc-border-light:#f1f5f9;--mcc-radius:var(--main-radius);--mcc-radius-lg:var(--main-radius-lg)}._mcc-container{gap:var(--main-space-4);flex-direction:column;max-width:1100px;margin-left:auto;margin-right:auto;display:flex}._mcc-toolbar{z-index:10;justify-content:flex-end;display:flex;position:relative}._mcc-body{gap:var(--main-space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}._mcc-input-panel,._mcc-result-panel{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:992px){._mcc-container{padding-left:.5rem;padding-right:.5rem}._mcc-body{gap:var(--main-space-4);grid-template-columns:1fr}}@media (max-width:768px){._mcc-container{padding-left:.75rem;padding-right:.75rem}._mcc-input-panel,._mcc-result-panel{gap:var(--main-space-3)}}@media (max-width:480px){._mcc-container{padding-left:.5rem;padding-right:.5rem}}._mcc-card{background:var(--mcc-bg);border-radius:var(--mcc-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--mcc-border);box-shadow:var(--main-shadow-sm);overflow:visible}._mcc-card-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;display:flex}._mcc-card-title{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-sm);color:var(--mcc-text);display:flex}._mcc-card-title svg{width:16px;height:16px;color:var(--mcc-primary)}._mcc-add-btn{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--mcc-primary);background:var(--mcc-primary-light);border-radius:var(--mcc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:.375rem .75rem;font-weight:500;display:inline-flex}._mcc-add-btn:hover{opacity:.8}._mcc-add-btn svg{width:14px;height:14px}@media (max-width:768px){._mcc-card{padding:var(--main-space-4)}._mcc-card-header{margin-bottom:var(--main-space-3)}._mcc-add-btn{padding:.5rem .875rem}}@media (max-width:480px){._mcc-card{padding:var(--main-space-3)}}._mcc-rate-toggle{background:var(--mcc-border-light);border-radius:var(--mcc-radius);margin-bottom:var(--main-space-3);gap:2px;padding:3px;display:flex}._mcc-rate-tab{font-size:var(--main-text-xs);color:var(--mcc-text-muted);border-radius:calc(var(--mcc-radius) - 2px);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex:1;padding:.375rem .75rem;font-weight:500;transition:background .15s,color .15s}._mcc-rate-tab--active{background:var(--mcc-bg);color:var(--mcc-text);box-shadow:0 1px 2px #0000000f}._mcc-rate-tab:hover:not(._mcc-rate-tab--active){color:var(--mcc-text)}._mcc-attendees-list{gap:var(--main-space-2);flex-direction:column;min-height:2rem;display:flex}._mcc-attendee-item{align-items:center;gap:var(--main-space-2);display:flex}._mcc-attendee-name{min-width:0;font-size:var(--main-text-sm);color:var(--mcc-text);background:var(--mcc-bg);border-style:solid;border-width:1.5px;border-color:var(--mcc-border);border-radius:var(--mcc-radius);outline:none;flex:1;padding:.5rem .75rem}._mcc-attendee-name:focus{border-color:var(--mcc-primary);box-shadow:0 0 0 3px var(--mcc-primary-light)}._mcc-attendee-rate-wrap{border-style:solid;border-width:1.5px;border-color:var(--mcc-border);border-radius:var(--mcc-radius);background:var(--mcc-bg);align-items:center;width:120px;min-width:100px;display:flex;overflow:hidden}._mcc-attendee-rate-wrap:focus-within{border-color:var(--mcc-primary);box-shadow:0 0 0 3px var(--mcc-primary-light)}._mcc-currency{font-size:var(--main-text-sm);color:var(--mcc-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.5rem .25rem .5rem .5rem;font-weight:500}._mcc-input-suffix{order:1;padding-left:.25rem;padding-right:.5rem}._mcc-attendee-rate{min-width:0;font-size:var(--main-text-sm);color:var(--mcc-text);font-family:var(--main-font-mono);background:0 0;border:none;outline:none;flex:1;padding:.5rem}._mcc-attendee-remove{width:32px;height:32px;color:var(--mcc-text-muted);border-radius:var(--mcc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}._mcc-attendee-remove:hover{color:var(--mcc-error);background:#ef444414}._mcc-attendee-remove svg{width:12px;height:12px}._mcc-quick-add{align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--mcc-border);display:flex}._mcc-quick-add-label{font-size:var(--main-text-xs);color:var(--mcc-text-muted)}._mcc-quick-add-btn{font-size:var(--main-text-xs);color:var(--mcc-text-muted);background:var(--mcc-border-light);border-radius:var(--mcc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:.25rem .625rem;font-weight:500}._mcc-quick-add-btn:hover{color:var(--mcc-text);background:var(--mcc-border)}@media (max-width:480px){._mcc-rate-tab{font-size:var(--main-text-sm);padding:.5rem .75rem}._mcc-attendee-name,._mcc-attendee-rate{font-size:1rem}._mcc-attendee-name{padding:.5rem .625rem}._mcc-attendee-rate-wrap{width:110px;min-width:96px}._mcc-currency{padding:.5rem .125rem .5rem .5rem}._mcc-attendee-rate{padding:.5rem .375rem}._mcc-attendee-remove{width:36px;height:36px}._mcc-quick-add{gap:var(--main-space-2);flex-wrap:wrap}._mcc-quick-add-btn{font-size:var(--main-text-sm);min-width:48px;padding:.5rem .875rem}}._mcc-duration-row{gap:var(--main-space-3);margin-bottom:var(--main-space-3);display:flex}._mcc-duration-field{gap:var(--main-space-1);flex-direction:column;flex:1;display:flex}._mcc-label{font-size:var(--main-text-xs);color:var(--mcc-text-muted);font-weight:500}._mcc-input{font-size:var(--main-text-sm);color:var(--mcc-text);background:var(--mcc-bg);border-style:solid;border-width:1.5px;border-color:var(--mcc-border);border-radius:var(--mcc-radius);width:100%;font-family:var(--main-font-mono);outline:none;padding:.5rem .75rem}._mcc-input:focus{border-color:var(--mcc-primary);box-shadow:0 0 0 3px var(--mcc-primary-light)}._mcc-select{font-size:var(--main-text-sm);color:var(--mcc-text);background:var(--mcc-bg);border-style:solid;border-width:1.5px;border-color:var(--mcc-border);border-radius:var(--mcc-radius);cursor:pointer;outline:none;width:100%;padding:.5rem .75rem}._mcc-select:focus{border-color:var(--mcc-primary);box-shadow:0 0 0 3px var(--mcc-primary-light)}._mcc-presets{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._mcc-preset-btn{font-size:var(--main-text-xs);color:var(--mcc-text-muted);background:var(--mcc-border-light);border-radius:var(--mcc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:.375rem .75rem;font-weight:500}._mcc-preset-btn:hover{color:var(--mcc-primary);background:var(--mcc-primary-light)}._mcc-preset-btn--active{color:var(--mcc-primary);background:var(--mcc-primary-light);font-weight:600}._mcc-recurring-row{gap:var(--main-space-3);display:flex}._mcc-recurring-field{gap:var(--main-space-1);flex-direction:column;flex:1;display:flex}@media (max-width:480px){._mcc-input,._mcc-select{padding:.625rem .75rem;font-size:1rem}._mcc-presets{gap:var(--main-space-2)}._mcc-preset-btn{flex:1 0 calc(33.333% - var(--main-space-2));font-size:var(--main-text-sm);text-align:center;padding:.625rem .5rem}}._mcc-result-card{background:var(--mcc-bg);border-radius:var(--mcc-radius-lg);padding:var(--main-space-5);text-align:center;border-style:solid;border-width:1px;border-color:var(--mcc-border);box-shadow:var(--main-shadow-sm)}._mcc-result-card--primary{background:linear-gradient(135deg, var(--mcc-primary) 0%, var(--mcc-primary-dark) 100%);color:#fff;border-color:#0000}._mcc-result-label{font-size:var(--main-text-sm);opacity:.9;margin-bottom:var(--main-space-2);font-weight:500}._mcc-result-value{font-size:2rem;font-weight:700;font-family:var(--main-font-mono);line-height:1.2}._mcc-result-sub{font-size:var(--main-text-xs);opacity:.75;margin-top:var(--main-space-1);min-height:1.25rem}._mcc-stats-grid{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._mcc-stat-item{background:var(--mcc-bg);border-radius:var(--mcc-radius-lg);padding:var(--main-space-4);text-align:center;border-style:solid;border-width:1px;border-color:var(--mcc-border);box-shadow:var(--main-shadow-sm)}._mcc-stat-label{font-size:var(--main-text-xs);color:var(--mcc-text-muted);margin-bottom:var(--main-space-1);font-weight:500}._mcc-stat-value{font-size:var(--main-text-lg);color:var(--mcc-text);font-weight:700;font-family:var(--main-font-mono)}._mcc-recurring-card{background:var(--mcc-bg);border-radius:var(--mcc-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--mcc-border);box-shadow:var(--main-shadow-sm)}._mcc-recurring-title{font-size:var(--main-text-sm);color:var(--mcc-text);margin-bottom:var(--main-space-3);font-weight:600}._mcc-recurring-grid{gap:var(--main-space-2);flex-direction:column;display:flex}._mcc-recurring-item{padding:var(--main-space-2) var(--main-space-3);background:var(--mcc-border-light);border-radius:var(--mcc-radius);justify-content:space-between;align-items:center;display:flex}._mcc-recurring-period{font-size:var(--main-text-sm);color:var(--mcc-text-muted)}._mcc-recurring-amount{font-size:var(--main-text-sm);color:var(--mcc-text);font-weight:600;font-family:var(--main-font-mono)}._mcc-timer-card{background:var(--mcc-bg);border-radius:var(--mcc-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--mcc-border);box-shadow:var(--main-shadow-sm)}._mcc-timer-header{margin-bottom:var(--main-space-4)}._mcc-timer-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--mcc-text);font-weight:600;display:flex}._mcc-timer-title svg{width:16px;height:16px;color:var(--mcc-primary)}._mcc-timer-display{text-align:center;padding:var(--main-space-4) 0}._mcc-timer-clock{font-size:2.5rem;font-weight:700;font-family:var(--main-font-mono);color:var(--mcc-text);letter-spacing:.05em;line-height:1.2}._mcc-timer-cost{font-size:var(--main-text-xl);color:var(--mcc-primary);font-weight:600;font-family:var(--main-font-mono);margin-top:var(--main-space-2);min-height:1.75rem}._mcc-timer-controls{gap:var(--main-space-2);justify-content:center;display:flex}._mcc-timer-btn{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);border-radius:var(--mcc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;padding:.5rem 1.25rem;font-weight:500;display:inline-flex}._mcc-timer-btn svg{width:14px;height:14px}._mcc-timer-btn--start{background:var(--mcc-success);color:#fff}._mcc-timer-btn--start:hover{opacity:.9}._mcc-timer-btn--pause{background:var(--mcc-warning);color:#fff}._mcc-timer-btn--pause:hover{opacity:.9}._mcc-timer-btn--reset{background:var(--mcc-border-light);color:var(--mcc-text-muted)}._mcc-timer-btn--reset:hover{background:var(--mcc-border);color:var(--mcc-text)}._mcc-timer-card--running{border-color:var(--mcc-success);box-shadow:0 0 0 3px var(--mcc-success-light)}._mcc-timer-card--running ._mcc-timer-clock{color:var(--mcc-success)}@media (max-width:768px){._mcc-result-card,._mcc-recurring-card,._mcc-timer-card{padding:var(--main-space-4)}}@media (max-width:480px){._mcc-stats-grid{gap:var(--main-space-2);grid-template-columns:1fr 1fr}._mcc-stat-item{padding:var(--main-space-3)}._mcc-stat-value{font-size:var(--main-text-base);word-break:break-word}._mcc-result-card,._mcc-recurring-card,._mcc-timer-card{padding:var(--main-space-3)}._mcc-result-value{word-break:break-word;font-size:1.625rem}._mcc-timer-clock{font-size:2rem}._mcc-timer-cost{font-size:var(--main-text-lg)}._mcc-timer-display{padding:var(--main-space-3) 0}._mcc-timer-controls{flex-wrap:wrap}._mcc-timer-btn{flex:1 1 calc(33.333% - var(--main-space-2));min-width:0;padding:.625rem .5rem}._mcc-recurring-item{padding:var(--main-space-2) var(--main-space-3)}}