.transaction-list{display:flex;flex-direction:column;gap:12px}.transaction-list-loading,.transaction-list-error,.transaction-list-empty{text-align:center;padding:48px 20px;color:var(--text-secondary, #64748b)}.transaction-list-loading p,.transaction-list-error p,.transaction-list-empty p{margin:0;font-size:.9375rem}.transaction-list-error button{margin-top:16px;padding:10px 20px;background:var(--accent-primary, #6366f1);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9375rem;transition:all .2s ease}.transaction-list-error button:hover:not(:disabled){background:var(--accent-primary-strong, #4f46e5);transform:translateY(-1px)}.transaction-item{background:var(--card-bg, #ffffff);border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-light, rgba(148, 163, 184, .1));transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;width:100%}.transaction-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--text-tertiary, #94a3b8);transition:width .2s ease}.transaction-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--border, rgba(148, 163, 184, .2))}.transaction-item:hover:before{width:4px}.transaction-item--income:before{background:var(--success, #10b981)}.transaction-item--expense:before{background:var(--danger, #ef4444)}.transaction-item__main{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.transaction-item__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);transition:all .2s ease}.transaction-item--income .transaction-item__icon{background:var(--success-light, rgba(16, 185, 129, .1));color:var(--success-strong, #059669)}.transaction-item--expense .transaction-item__icon{background:var(--danger-light, rgba(239, 68, 68, .1));color:var(--danger-strong, #dc2626)}.transaction-item:hover .transaction-item__icon{transform:scale(1.05)}.transaction-item__content{flex:1;min-width:0}.transaction-item__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.transaction-item__info{flex:1;min-width:0}.transaction-item__amount{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;color:var(--text-primary, #0f172a)}.transaction-item--income .transaction-item__amount{color:var(--success-strong, #059669)}.transaction-item--expense .transaction-item__amount{color:var(--danger-strong, #dc2626)}.transaction-item__rub{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b);white-space:nowrap}.transaction-item--income .transaction-item__rub{color:var(--success-strong, #059669);opacity:.8}.transaction-item--expense .transaction-item__rub{color:var(--danger-strong, #dc2626);opacity:.8}.transaction-item__comment{font-size:.875rem;color:var(--text-secondary, #64748b);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.transaction-item__bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.transaction-item__date{font-size:.8125rem;color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;gap:6px}.transaction-item__date svg{font-size:14px}.transaction-item__rate{font-size:.8125rem;color:var(--text-tertiary, #94a3b8);padding:2px 8px;background:var(--bg-secondary, #f1f5f9);border-radius:6px}.transaction-item__actions{flex-shrink:0}.transaction-item__delete{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary, #94a3b8);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300;padding:0}.transaction-item__delete:hover:not(:disabled){background:var(--danger-light, rgba(239, 68, 68, .1));color:var(--danger, #ef4444)}.transaction-item__delete:active:not(:disabled){transform:scale(.95)}.transaction-item__delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.transaction-item{padding:14px}.transaction-item__icon{width:36px;height:36px;font-size:18px}.transaction-item__amount{font-size:1rem}.transaction-item__rub{font-size:.8125rem}.transaction-item__top{flex-direction:column;align-items:flex-start;gap:8px}.transaction-item__rub{align-self:flex-start}}@media (max-width: 420px){.transaction-item{align-items:flex-start;gap:10px}.transaction-item__main{width:100%;gap:10px}.transaction-item__bottom{flex-direction:column;align-items:flex-start;gap:6px}.transaction-item__actions{align-self:flex-end}}.transaction-form-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transaction-form-modal{background:var(--card-bg, #ffffff);border-radius:24px 24px 0 0;width:min(720px,100%);max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 -8px 32px #0003;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.transaction-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 20px;border-bottom:1px solid var(--border-light, rgba(148, 163, 184, .1));flex-shrink:0}.transaction-form-title{margin:0 0 4px;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, #0f172a)}.transaction-form-subtitle{margin:0;font-size:.9375rem;color:var(--text-secondary, #64748b)}.transaction-form-close{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.transaction-form-close:hover{background:var(--danger-light, rgba(239, 68, 68, .1));color:var(--danger, #ef4444)}.transaction-form-error{margin:0 24px 20px;padding:12px 16px;background:var(--danger-light, rgba(239, 68, 68, .1));color:var(--danger-strong, #dc2626);border-radius:12px;font-size:.9375rem;border:1px solid rgba(239,68,68,.2)}.transaction-form{padding:24px;display:flex;flex-direction:column;gap:20px}.transaction-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.transaction-type-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:16px;border:2px solid var(--border-light, rgba(148, 163, 184, .1));background:var(--card-bg, #ffffff);color:var(--text-secondary, #64748b);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.transaction-type-btn svg{font-size:20px}.transaction-type-btn:hover{border-color:var(--border, rgba(148, 163, 184, .2));transform:translateY(-1px)}.transaction-type-btn.active{border-color:var(--accent-primary, #6366f1);background:var(--accent-primary-light, rgba(99, 102, 241, .1));color:var(--accent-primary, #6366f1)}.transaction-type-btn:first-child.active{border-color:var(--success, #10b981);background:var(--success-light, rgba(16, 185, 129, .1));color:var(--success-strong, #059669)}.transaction-type-btn:last-child.active{border-color:var(--danger, #ef4444);background:var(--danger-light, rgba(239, 68, 68, .1));color:var(--danger-strong, #dc2626)}.form-field{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{font-size:.9375rem;font-weight:600;color:var(--text-primary, #0f172a)}.form-label-optional{font-weight:400;color:var(--text-secondary, #64748b)}.form-input,.form-textarea{width:100%;padding:14px 16px;border:2px solid var(--border-light, rgba(148, 163, 184, .1));border-radius:12px;font-size:1rem;font-family:inherit;background:var(--card-bg, #ffffff);color:var(--text-primary, #0f172a);transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 4px var(--accent-primary-light, rgba(99, 102, 241, .1))}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-calculated{padding:12px 16px;background:var(--bg-secondary, #f1f5f9);border-radius:12px;display:flex;justify-content:space-between;align-items:center}.form-calculated__label{font-size:.9375rem;color:var(--text-secondary, #64748b)}.form-calculated__value{font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a)}.form-actions{display:flex;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border-light, rgba(148, 163, 184, .1))}.btn-secondary,.btn-submit{flex:1;padding:14px 20px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #0f172a)}.btn-secondary:hover:not(:disabled){background:var(--border, rgba(148, 163, 184, .2))}.btn-submit{background:var(--accent-primary, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-submit:hover:not(:disabled){background:var(--accent-primary-strong, #4f46e5);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-secondary:active:not(:disabled),.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 720px){.transaction-form-backdrop{align-items:center;padding:24px}.transaction-form-modal{border-radius:24px;max-height:88vh}}@media (max-width: 480px){.transaction-form-modal{max-height:95vh}.transaction-form-header{padding:20px 20px 16px}.transaction-form-title{font-size:1.25rem}.transaction-form{padding:20px;gap:16px}.form-row{grid-template-columns:1fr}.transaction-type-btn{padding:14px;font-size:.9375rem}}@media (max-width: 360px){.transaction-form-header{padding:16px 16px 12px}.transaction-form{padding:16px;gap:14px}.form-actions{flex-direction:column}}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:clamp(20px,4vw,28px);color:#fff;margin-bottom:24px;box-shadow:0 8px 32px #667eea40;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.balance-card__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative;z-index:1}.balance-card__icon{width:48px;height:48px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.balance-card__title-group{flex:1}.balance-card__label{margin:0 0 8px;font-size:.875rem;opacity:.9;font-weight:500}.balance-card__balance{margin:0;font-size:clamp(1.75rem,1vw + 1.4rem,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.balance-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;position:relative;z-index:1}.balance-stat{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);transition:transform .2s ease,background .2s ease}.balance-stat:hover{transform:translateY(-2px);background:#fff3}.balance-stat__icon{width:40px;height:40px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.balance-stat__content{flex:1;min-width:0}.balance-stat__label{margin:0 0 4px;font-size:.75rem;opacity:.85;font-weight:500}.balance-stat__value{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.balance-card{padding:20px;border-radius:20px}.balance-stat{padding:12px}.balance-stat__value{font-size:1rem}}@media (max-width: 380px){.balance-card__stats{grid-template-columns:1fr}}:root{--nav-bg: var(--card-bg, #ffffff);--nav-border: rgba(148, 163, 184, .1);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .08);--nav-height: var(--bottom-nav-height, 72px)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-height);background:var(--nav-bg);border-top:1px solid var(--nav-border);box-shadow:var(--nav-shadow);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));z-index:900;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}.bottom-nav__item{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;padding:8px 4px;color:var(--text-secondary, #64748b);transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav__item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--accent-primary, #6366f1);border-radius:0 0 3px 3px;transition:width .2s ease}.bottom-nav__item:hover{background:var(--accent-primary-light, rgba(99, 102, 241, .08));color:var(--accent-primary, #6366f1)}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item.is-active{color:var(--accent-primary, #6366f1);background:var(--accent-primary-light, rgba(99, 102, 241, .1))}.bottom-nav__item.is-active:before{width:40%}.bottom-nav__icon{font-size:22px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.bottom-nav__item.is-active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__label{font-size:.75rem;font-weight:600;letter-spacing:.01em;transition:font-weight .2s ease}.bottom-nav__item.is-active .bottom-nav__label{font-weight:700}@media (min-width: 768px){.bottom-nav{max-width:600px;margin:0 auto;border-radius:20px 20px 0 0;left:50%;transform:translate(-50%);padding-inline:16px}}@media (max-width: 480px){.bottom-nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.bottom-nav__item{padding:6px 2px;gap:3px}.bottom-nav__icon{font-size:20px}.bottom-nav__label{font-size:.6875rem}}:root{--bg: #f8fafc;--bg-secondary: #f1f5f9;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--accent-primary: #6366f1;--accent-primary-strong: #4f46e5;--accent-primary-light: rgba(99, 102, 241, .1);--success: #10b981;--success-strong: #059669;--success-light: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-strong: #dc2626;--danger-light: rgba(239, 68, 68, .1);--border: rgba(148, 163, 184, .2);--border-light: rgba(148, 163, 184, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bottom-nav-height: 72px;--radius: 16px;--radius-sm: 12px;--radius-lg: 20px;--radius-xl: 24px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);line-height:1.5;min-height:100vh}.app{min-height:100vh;background:var(--bg);display:flex;justify-content:center}.app-shell{width:min(1080px,100%);margin:0 auto;padding:clamp(12px,3vw,24px);padding-bottom:calc(var(--bottom-nav-height) + clamp(12px,3vw,24px) + env(safe-area-inset-bottom,0px))}.app-main{width:100%}.screen{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.page-title{margin:0;font-size:clamp(1.5rem,1.5vw + 1.2rem,2.125rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}.page-subtitle{margin:4px 0 0;font-size:clamp(.9rem,.3vw + .85rem,1rem);color:var(--text-secondary);font-weight:400}.btn-fab{width:48px;height:48px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;flex-shrink:0}.btn-fab:hover{background:var(--accent-primary-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-fab:active{transform:translateY(0)}.btn-primary,.btn-ghost,.btn-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-primary-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.danger{background:var(--danger)}.btn-primary.danger:hover{background:var(--danger-strong)}.btn-ghost{background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--border)}.btn-ghost:hover{background:#6366f126}.btn-link{background:transparent;color:var(--accent-primary);padding:8px 12px;font-weight:500}.btn-link:hover{background:var(--accent-primary-light)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:8px}.quick-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-action:active{transform:translateY(0)}.quick-action svg{font-size:24px}.quick-action--income{color:var(--success-strong)}.quick-action--income:hover{background:var(--success-light);border-color:#10b98133}.quick-action--expense{color:var(--danger-strong)}.quick-action--expense:hover{background:var(--danger-light);border-color:#ef444433}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.profile-info{display:flex;align-items:center;gap:16px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-primary-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.profile-label{margin:0 0 4px;font-size:.875rem;color:var(--text-secondary)}.profile-value{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.info-section{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.info-section__title{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none}.info-item__label{margin:0;font-size:.9375rem;color:var(--text-secondary)}.info-item__value{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}@media (min-width: 768px){.app-shell{padding:clamp(16px,3vw,32px)}.screen-header{align-items:flex-start}}@media (max-width: 480px){.app-shell{padding:12px;padding-bottom:calc(var(--bottom-nav-height) + 12px + env(safe-area-inset-bottom,0px))}.page-title{font-size:1.5rem}.screen{gap:16px}.quick-actions{gap:10px}.quick-action{padding:14px;font-size:.9375rem}.quick-action svg{font-size:20px}}@media (max-width: 380px){.quick-actions{grid-template-columns:1fr}.screen-header{gap:12px}}.shift-form-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.shift-form-modal{width:min(520px,100%);background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px;border:1px solid var(--border-light);max-height:90vh;overflow:auto}.shift-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-form-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.shift-form-subtitle{margin:4px 0 0;color:var(--text-secondary)}.shift-form-close{border:none;background:var(--bg-secondary);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--text-secondary)}.shift-form{margin-top:16px;display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.date-time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shift-form-error{background:var(--danger-light);color:var(--danger-strong);border:1px solid rgba(239,68,68,.2);padding:12px;border-radius:var(--radius-sm);font-weight:600}.shift-form-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:var(--bg-secondary);border-radius:var(--radius);padding:12px;border:1px solid var(--border-light)}.shift-form-summary__item{display:flex;flex-direction:column;gap:6px}.shift-form-summary__label{color:var(--text-secondary);font-size:.875rem}.shift-form-summary__value{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}.shift-form-summary__value--income{color:var(--success-strong)}@media (max-width: 520px){.shift-form-summary,.date-time-row{grid-template-columns:1fr}}.shift-list{display:flex;flex-direction:column;gap:12px}.shift-card{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.shift-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}.shift-card__hours{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text-primary)}.shift-card__earnings{font-weight:800;color:var(--success-strong);font-size:1.1rem}.shift-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shift-card__meta-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px;border:1px solid var(--border-light)}.shift-card__meta-label{display:block;color:var(--text-secondary);font-size:.85rem}.shift-card__meta-value{font-weight:700;color:var(--text-primary)}.shift-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary)}.shift-card__date{display:inline-flex;align-items:center;gap:6px}.shift-card__delete{background:var(--danger-light);color:var(--danger-strong);border:1px solid rgba(239,68,68,.2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.shift-card__delete:hover{background:#ef444426}.shift-card__comment{margin:0;color:var(--text-secondary);font-size:.95rem}.shift-list__state{padding:20px;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-light);text-align:center;color:var(--text-secondary)}.shift-list__state--error{color:var(--danger-strong);border-color:#ef444433}@media (max-width: 520px){.shift-card__meta{grid-template-columns:1fr}}@media (max-width: 420px){.shift-card__top{flex-direction:column;align-items:flex-start;gap:8px}.shift-card__bottom{flex-direction:column;align-items:flex-start;gap:6px}}.shifts-view{display:flex;flex-direction:column;gap:16px}.alert-card{display:flex;gap:12px;align-items:flex-start;background:var(--danger-light);border:1px solid rgba(239,68,68,.2);color:var(--danger-strong);padding:14px;border-radius:var(--radius)}.alert-title{margin:0;font-weight:700}.alert-text{margin:2px 0 0;color:var(--text-secondary)}.rate-actions{display:flex;gap:8px;align-items:center}.shifts-quick-row{display:flex;gap:10px;align-items:stretch}.quick-add-card{flex:1;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-align:left}.quick-add-card:disabled{opacity:.6;cursor:not-allowed}.quick-add-card:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.quick-add-card__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-primary-light);color:var(--accent-primary);font-size:18px}.quick-add-card__title{margin:0;font-weight:700}.quick-add-card__subtitle{margin:2px 0 0;color:var(--text-secondary);font-size:.95rem}.quick-add-card__action{margin-left:auto;color:var(--accent-primary);font-weight:700}.templates-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.templates-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.templates-card__title{margin:0;font-weight:700}.templates-card__hint{margin:0;color:var(--text-secondary);font-size:.9rem}.templates-card__grid{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.template-chip,.template-chip__button{border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:all .15s ease;font-weight:700;min-width:120px;color:var(--text-primary);box-shadow:var(--shadow-sm)}.template-chip__wrap{position:relative}.template-chip__button:hover{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary-light)}.template-chip__remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border-light);background:#fff;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer}.templates-card__form{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border-light);padding-top:10px}.templates-card__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.templates-card__field{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--text-secondary)}.templates-card__field input{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px;background:var(--bg-secondary);color:var(--text-primary)}.templates-card__submit{display:inline-flex;align-items:center;gap:8px;justify-content:center}.calendar-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-sm)}.calendar-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.calendar-card__title{margin:0;font-weight:700}.calendar-card__hint{margin:2px 0 0;color:var(--text-secondary);font-size:.9rem}.calendar-card__nav{display:flex;align-items:center;gap:6px}.calendar-card__month{font-weight:700;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.calendar-grid--header{margin-top:12px}.calendar-cell{border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:10px;padding:8px 6px;min-height:48px;text-align:center;color:var(--text-primary);position:relative;cursor:pointer;transition:all .15s ease}.calendar-cell--head{background:transparent;border:none;color:var(--text-secondary);cursor:default}.calendar-cell:hover{border-color:var(--accent-primary-light)}.calendar-cell--muted{color:var(--text-tertiary);background:#f5f7fb}.calendar-cell--selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary-light);background:var(--accent-primary-light)}.calendar-cell__dot{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:10px;color:var(--accent-primary)}.summary-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.summary-card__header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.summary-card__title{margin:0;font-weight:700}.summary-card__hint{margin:2px 0 0;color:var(--text-secondary);font-size:.9rem}.period-switcher{display:flex;gap:6px;flex-wrap:wrap}.period-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;font-weight:600}.period-chip--active{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary-light)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.summary-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;background:var(--bg-secondary)}.summary-item__label{margin:0 0 6px;color:var(--text-secondary)}.summary-item__value{margin:0;font-size:1.1rem;font-weight:800}.summary-item--accent .summary-item__value{color:var(--accent-primary)}.summary-item--success .summary-item__value{color:var(--success-strong)}.summary-item--danger .summary-item__value{color:var(--danger-strong)}.summary-item--primary .summary-item__value{color:var(--text-primary)}.chips-row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.chip--info{border-color:var(--accent-primary-light);background:var(--accent-primary-light);color:var(--accent-primary)}.chip__close{background:transparent;border:none;cursor:pointer;color:inherit;font-size:16px}.hint-card{padding:12px;border-radius:var(--radius);border:1px dashed var(--border);color:var(--text-secondary);background:var(--bg-secondary)}.icon-button{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-light);background:var(--card-bg);display:grid;place-items:center;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-sm)}.toast-stack{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:999;max-width:min(420px,90vw);width:100%;pointer-events:none}.toast{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);color:#fff;pointer-events:auto;box-shadow:var(--shadow-md)}.toast--success{background:var(--success-strong)}.toast--error{background:var(--danger-strong)}.toast--info{background:var(--accent-primary)}.toast__close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:18px}.extras-toggle{width:100%}.extras-block{display:flex;flex-direction:column;gap:12px}@media (max-width: 540px){.shifts-quick-row{flex-direction:column}.calendar-grid{gap:4px}}