:root,:root[data-theme=dark]{--bg-base: #060d1a;--bg-surface: rgba(255,255,255,.04);--bg-elevated: rgba(255,255,255,.07);--bg-hover: rgba(255,255,255,.09);--gold: #D4A843;--gold-light: #f0c857;--gold-glow: rgba(212,168,67,.15);--gold-border: rgba(212,168,67,.22);--success: #34D399;--success-bg: rgba(52,211,153,.09);--success-bd: rgba(52,211,153,.25);--warning: #D4A843;--warning-bg: rgba(212,168,67,.09);--warning-bd: rgba(212,168,67,.25);--danger: #F87171;--danger-bg: rgba(248,113,113,.09);--danger-bd: rgba(248,113,113,.25);--info: #4F9CF9;--info-bg: rgba(79,156,249,.09);--info-bd: rgba(79,156,249,.25);--text-primary: #e8edf8;--text-secondary: rgba(255,255,255,.65);--text-muted: rgba(255,255,255,.35);--text-subtle: rgba(255,255,255,.18);--border-subtle: rgba(255,255,255,.08);--border-accent: rgba(212,168,67,.22);--shadow-card: 0 4px 24px rgba(0,0,0,.35);--shadow-glow: 0 0 24px var(--gold-glow);--header-bg: rgba(255,255,255,.025);--header-border:rgba(255,255,255,.07);--toast-text: #060d1a;--modal-text: #060d1a;--tooltip-bg: #0d1829;--ring-track: rgba(255,255,255,.07);--progress-track: rgba(255,255,255,.07);--gradient-top: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(212,168,67,.12), transparent);--gold-btn-text: #060d1a;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px}:root[data-theme=light]{--bg-base: #f4f6fb;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f0f2f7;--gold: #b78a2a;--gold-light: #d4a843;--gold-glow: rgba(183,138,42,.15);--gold-border: rgba(183,138,42,.32);--success: #10b981;--success-bg: rgba(16,185,129,.1);--success-bd: rgba(16,185,129,.32);--warning: #b78a2a;--warning-bg: rgba(183,138,42,.1);--warning-bd: rgba(183,138,42,.32);--danger: #ef4444;--danger-bg: rgba(239,68,68,.1);--danger-bd: rgba(239,68,68,.32);--info: #2563eb;--info-bg: rgba(37,99,235,.1);--info-bd: rgba(37,99,235,.32);--text-primary: #16213e;--text-secondary: rgba(22,33,62,.78);--text-muted: rgba(22,33,62,.5);--text-subtle: rgba(22,33,62,.28);--border-subtle: rgba(22,33,62,.1);--border-accent: rgba(183,138,42,.32);--shadow-card: 0 6px 18px rgba(22,33,62,.08);--shadow-glow: 0 0 18px rgba(183,138,42,.15);--header-bg: rgba(255,255,255,.92);--header-border:rgba(22,33,62,.08);--toast-text: #ffffff;--modal-text: #16213e;--tooltip-bg: #ffffff;--ring-track: rgba(22,33,62,.08);--progress-track: rgba(22,33,62,.08);--gradient-top: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(183,138,42,.1), transparent);--gold-btn-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}html{scroll-behavior:smooth;overflow-x:hidden;height:100%}body,#root{height:100%}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:var(--bg-base);background-image:var(--gradient-top);min-height:100vh;color:var(--text-primary);font-family:Cairo,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}[dir=ltr] .input,[dir=ltr] .field__label,[dir=ltr] .modal__input{direction:ltr;text-align:left}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-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}button{font-family:Cairo,Segoe UI,sans-serif;touch-action:manipulation;cursor:pointer}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:22px}.card--gold-border{border-color:var(--border-accent)}.input{width:100%;background:var(--bg-elevated);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:12px 14px;color:var(--text-primary);font-size:.95rem;font-family:Cairo,sans-serif;direction:rtl;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.btn{border:none;border-radius:var(--r-md);padding:11px 18px;font-weight:700;font-family:Cairo,sans-serif;cursor:pointer;font-size:.875rem;transition:opacity .18s,transform .18s,background .2s,color .2s}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--gold-btn-text)}.btn--ghost{background:var(--bg-elevated);color:var(--text-primary)}.btn--icon{padding:8px 14px;font-size:1rem;background:#ffffff14;color:var(--text-primary)}.btn--icon:disabled{background:#ffffff08;color:var(--text-subtle)}.app-container{min-height:100vh}.shell{max-width:860px;margin:0 auto;padding:24px 16px 48px}.header{background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border);padding:14px 20px;position:sticky;top:0;z-index:10}.header__icon{color:var(--gold-btn-text)}.header-controls{display:flex;align-items:center;gap:6px}.icon-toggle{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;font-family:inherit;transition:background .2s}.icon-toggle:hover{background:var(--bg-hover)}.icon-toggle--lang{font-weight:800;font-size:.78rem;min-width:42px;padding:0 6px}.header__inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.header__brand{display:flex;align-items:center;gap:10px}.header__icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.header__title{font-weight:900;font-size:1.05rem;color:var(--gold);letter-spacing:-.01em}.header__subtitle{font-size:.65rem;color:var(--text-subtle)}.month-nav{display:flex;align-items:center;gap:6px}.month-nav__label{font-size:.82rem;font-weight:700;min-width:110px;text-align:center;color:var(--text-secondary)}.employee{display:flex;align-items:center;gap:8px}.employee__dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse 1.6s infinite}.employee__name{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.tabs-wrapper{border-bottom:1px solid var(--border-subtle);padding:10px 20px 0}.tabs{max-width:860px;margin:0 auto;display:flex;gap:4px}.tab{border:none;background:transparent;border-radius:10px 10px 0 0;padding:9px 16px;font-weight:700;cursor:pointer;font-size:.82rem;color:var(--text-muted);border-bottom:2px solid transparent;font-family:inherit;transition:all .2s}.tab--active{background:#d4a84326;color:var(--gold);border-bottom:2px solid var(--gold)}.hero{display:flex;gap:24px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.hero__body{flex:1;min-width:200px}.hero__eyebrow{font-size:.72rem;color:var(--text-muted);margin-bottom:4px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hero__title{font-size:1.15rem;font-weight:800;margin-bottom:16px;color:var(--text-primary)}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:#ffffff0d;border-radius:10px;padding:10px 12px}.kpi__label{font-size:.68rem;color:var(--text-muted);margin-bottom:3px;font-weight:600}.kpi__value{font-size:1.25rem;font-weight:900}.ring-wrap{position:relative;width:180px;height:180px;flex-shrink:0}.ring-svg{transform:rotate(-90deg)}.ring-circle{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1),stroke .5s ease}.ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-text__pct{font-size:2rem;font-weight:900;line-height:1}.ring-text__label{font-size:.68rem;color:var(--text-muted);margin-top:4px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:20px}.product-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:18px}.product-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-card__title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.85rem}.product-card__emoji{font-size:1.25rem}.product-card__pct{font-size:.9rem;font-weight:900}.product-card__footer{display:flex;justify-content:space-between;margin-top:10px;font-size:.73rem;color:var(--text-muted)}.product-card__footer strong{color:var(--text-secondary);font-weight:700}.progress{height:7px;background:#ffffff12;border-radius:99px;overflow:hidden}.progress__fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.4,0,.2,1)}.tips-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.tips-header__title{font-size:.95rem;font-weight:700;color:var(--text-secondary)}.tips-header__badge{font-size:.68rem;background:var(--gold-glow);color:var(--gold);padding:3px 10px;border-radius:99px;font-weight:700;border:1px solid var(--gold-border)}.tip{border-radius:14px;padding:14px 16px;margin-bottom:10px;border:1px solid}.tip__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tip__icon{font-size:1.1rem}.tip__title{font-weight:700;font-size:.875rem}.tip__text{margin:0;color:var(--text-secondary);font-size:.83rem;line-height:1.75}.tip--success{background:var(--success-bg);border-color:var(--success-bd)}.tip--success .tip__title{color:var(--success)}.tip--warning{background:var(--warning-bg);border-color:var(--warning-bd)}.tip--warning .tip__title{color:var(--warning)}.tip--danger{background:var(--danger-bg);border-color:var(--danger-bd)}.tip--danger .tip__title{color:var(--danger)}.tip--info{background:var(--info-bg);border-color:var(--info-bd)}.tip--info .tip__title{color:var(--info)}.chart-card{margin-bottom:20px}.chart-card__title{font-size:.95rem;font-weight:700;margin-bottom:18px;color:var(--text-secondary)}.chart-tooltip{background:var(--tooltip-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow-card)}.chart-tooltip__label{margin:0 0 6px;font-size:.8rem;color:var(--text-muted)}.chart-tooltip__row{margin:2px 0;font-size:.85rem;font-weight:700}.form-section{margin-bottom:16px}.form-section__title{font-size:1rem;font-weight:800;margin-bottom:4px}.form-section__hint{font-size:.8rem;color:var(--text-muted);margin-bottom:22px;line-height:1.6}.field{margin-bottom:18px}.field__label{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:.875rem;color:var(--text-secondary);font-weight:600}.field__unit{margin-right:auto;font-size:.72rem;color:var(--text-muted);background:#ffffff0d;padding:2px 8px;border-radius:99px}.field__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.field__pct{font-size:.78rem;font-weight:800}.btn--block{width:100%;padding:14px;font-size:1rem;margin-top:6px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);color:var(--toast-text);padding:12px 24px;border-radius:12px;font-weight:800;z-index:9999;font-size:.9rem;box-shadow:0 8px 30px #00000040;animation:slideDown .3s ease}.toast--ok{background:var(--success)}.toast--err{background:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--r-lg);max-width:380px;width:100%;text-align:center;padding:36px;animation:fadeIn .4s ease}.modal__emoji{font-size:2.8rem;margin-bottom:14px}.modal__title{font-size:1.35rem;font-weight:800;margin-bottom:6px;color:var(--gold)}.modal__subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.85rem;line-height:1.7}.modal__input{text-align:center;margin-bottom:16px;font-size:1rem}.footer{text-align:center;font-size:.68rem;color:var(--text-subtle);margin-top:8px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.loading__emoji{font-size:3rem;margin-bottom:12px;animation:pulse 1.5s infinite}.loading__text{color:var(--text-muted);font-size:.9rem}.employee__row{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.employee__job{font-size:.68rem;color:var(--text-muted);margin-top:2px}.tab-content{animation:fadeIn .25s ease both}.settings-section{margin-bottom:22px}.settings-section__title{font-size:.95rem;font-weight:800;margin-bottom:6px;color:var(--text-primary)}.settings-section__hint{font-size:.78rem;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.product-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:10px 12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:8px}.product-row__emoji{font-size:1.4rem}.product-row__name{font-size:.88rem;font-weight:700}.product-row__short{font-size:.68rem;color:var(--text-muted)}.product-row__weight-input{width:64px;padding:6px 8px;font-size:.85rem;text-align:center}.product-row__dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.product-row__del{background:#f871711f;color:var(--danger);border:none;border-radius:8px;width:30px;height:30px;font-size:1rem;font-weight:900;cursor:pointer}.product-row__del:hover{background:#f8717138}.weight-total{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;font-size:.85rem;font-weight:700;margin-top:10px}.weight-total--ok{background:var(--success-bg);color:var(--success);border:1px solid var(--success-bd)}.weight-total--bad{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-bd)}.add-form{margin-top:14px;padding:16px;background:#ffffff08;border:1px dashed var(--border-subtle);border-radius:14px}.preset-grid{display:grid;gap:8px;margin-bottom:14px}.preset-grid--emoji{grid-template-columns:repeat(10,1fr)}.preset-grid--color{grid-template-columns:repeat(6,1fr)}.preset-cell{display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1.5px solid transparent;border-radius:8px;height:36px;font-size:1.2rem;cursor:pointer;transition:border-color .15s,transform .1s}.preset-cell:hover{transform:scale(1.08)}.preset-cell--active{border-color:var(--gold);background:var(--gold-glow)}.preset-cell--color{height:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.select{width:100%;background:var(--bg-elevated);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:11px 14px;color:var(--text-primary);font-size:.9rem;font-family:inherit;direction:rtl}.daily-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:10px}.daily-table th,.daily-table td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--border-subtle)}.daily-table th{color:var(--text-muted);font-weight:700;background:#ffffff08}.daily-table td{color:var(--text-secondary)}.daily-table tr:hover{background:#ffffff05}.daily-table__del{background:transparent;border:none;color:var(--danger);cursor:pointer;font-size:1rem;font-weight:900;padding:2px 6px}.daily-table__total{font-weight:800;color:var(--gold)}.daily-empty{text-align:center;padding:30px 16px;color:var(--text-muted);font-size:.85rem}.daily-edit-input{width:60px;padding:4px 6px;font-size:.78rem;text-align:center}.daily-edit-row{background:#d4a8430f}.daily-section-title{font-size:.85rem;font-weight:800;color:var(--text-secondary);margin:22px 0 10px;display:flex;align-items:center;gap:6px}.ytd-card{margin-top:20px}.ytd-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:4px 0;cursor:pointer;font-family:inherit}.ytd-toggle__title{font-size:.95rem;font-weight:700;color:var(--text-secondary)}.ytd-toggle__arrow{font-size:1rem;color:var(--text-muted);transition:transform .3s}.ytd-toggle__arrow--open{transform:rotate(180deg)}.ytd-body{margin-top:16px}.ytd-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.ytd-kpi{background:#ffffff0a;border-radius:12px;padding:12px}.ytd-kpi__label{font-size:.7rem;color:var(--text-muted);margin-bottom:4px;font-weight:600}.ytd-kpi__value{font-size:1rem;font-weight:900}.ytd-product-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.8rem}.ytd-product-table th,.ytd-product-table td{padding:9px 8px;text-align:center;border-bottom:1px solid var(--border-subtle)}.ytd-product-table th{color:var(--text-muted);font-weight:700}.ytd-product-table tr.row-good td{color:var(--success)}.ytd-product-table tr.row-mid td{color:var(--warning)}.ytd-product-table tr.row-bad td{color:var(--danger)}.install-banner{position:fixed;bottom:0;left:0;right:0;padding:14px 20px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--gold-btn-text);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 -6px 24px #0000002e;animation:slideUp .35s ease}.install-banner__msg{font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:8px}.install-banner__actions{display:flex;gap:8px}.install-banner__btn{background:var(--gold-btn-text);color:var(--gold);border:none;border-radius:10px;padding:8px 16px;font-weight:800;font-size:.85rem;cursor:pointer;font-family:inherit}.install-banner__close{background:transparent;color:var(--gold-btn-text);border:1.5px solid currentColor;opacity:.7;border-radius:10px;padding:7px 14px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:var(--gradient-top);transition:opacity .4s ease}.splash--hide{opacity:0;pointer-events:none}.splash__logo{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:20px;box-shadow:0 0 40px var(--gold-glow);color:var(--gold-btn-text)}.splash__title{color:var(--gold);font-size:1.8rem;font-weight:900;margin-bottom:6px}.splash__subtitle{color:var(--text-muted);font-size:.85rem}.splash__dots{margin-top:40px;display:flex;gap:8px}.splash__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);opacity:.4;animation:bounce 1.2s ease infinite}.splash__dot:nth-child(1){animation-delay:0s}.splash__dot:nth-child(2){animation-delay:.2s}.splash__dot:nth-child(3){animation-delay:.4s}.dash-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.card,.product-card,.fade-in,.tab-content{will-change:transform,opacity}.hero{min-height:200px}.product-card{min-height:110px}@media (max-width: 480px){.shell{padding:16px 12px 32px}.header{padding:12px 14px}.tabs-wrapper{padding:8px 12px 0}.tab{padding:8px 12px;font-size:.78rem}.hero{gap:16px}.ring-wrap{width:140px;height:140px}.ring-text__pct{font-size:1.6rem}.input,.btn{min-height:48px}.preset-grid--emoji{grid-template-columns:repeat(7,1fr)}.preset-grid--color{grid-template-columns:repeat(6,1fr)}.form-grid{grid-template-columns:1fr}.ytd-kpis{grid-template-columns:1fr 1fr}.daily-table{font-size:.72rem}.daily-table th,.daily-table td{padding:6px 4px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}.product-card{animation:fadeIn .5s ease both}.product-card:nth-child(1){animation-delay:0s}.product-card:nth-child(2){animation-delay:.06s}.product-card:nth-child(3){animation-delay:.12s}.product-card:nth-child(4){animation-delay:.18s}.product-card:nth-child(5){animation-delay:.24s}.product-card:nth-child(6){animation-delay:.3s}