:root{--bg-grad-1: #eef1fb;--bg-grad-2: #f6f7fb;--surface: #ffffff;--surface-2: #f7f8fc;--border: rgba(17, 24, 39, .08);--border-strong: rgba(17, 24, 39, .14);--text: #14152a;--text-muted: #71768c;--accent: #6366f1;--accent-2: #8b5cf6;--accent-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-soft: rgba(99, 102, 241, .1);--green: #10b981;--red: #ef4444;--shadow-sm: 0 1px 2px rgba(20, 21, 42, .04), 0 1px 3px rgba(20, 21, 42, .06);--shadow-md: 0 4px 12px rgba(20, 21, 42, .06), 0 2px 6px rgba(20, 21, 42, .05);--shadow-lg: 0 12px 32px rgba(20, 21, 42, .1);--radius: 16px;--radius-sm: 10px}:root[data-theme=dark]{--bg-grad-1: #14151f;--bg-grad-2: #0f1019;--surface: #1b1d2a;--surface-2: #232636;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #e9eaf2;--text-muted: #9aa0b8;--accent-soft: rgba(139, 92, 246, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .55)}:root[data-theme=dark] .day-cell.other-month{background:#15161f;color:#565b73}:root[data-theme=dark] .day-cell.other-month .day-number{color:#565b73}:root[data-theme=dark] .settings-remove:hover{background:#ef44441f}:root[data-theme=dark] .service-color{background:var(--surface)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(160deg,var(--bg-grad-1),var(--bg-grad-2) 55%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.app{max-width:1480px;margin:0 auto;padding:22px 24px 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.app-header h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}.tab{border:none;background:transparent;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .18s ease,background .18s ease}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:var(--accent-grad);box-shadow:0 4px 12px #6366f159}.theme-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;width:38px;height:38px;font-size:16px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.sync-controls{display:flex;align-items:center;gap:10px}.sync-status{font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.sync-status.synced{color:var(--green)}.sync-status.error{color:var(--red)}.signout{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.signout:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.layout{display:flex;gap:22px;align-items:flex-start}.calendar-area{flex:0 0 65%;max-width:65%}.sidebar{flex:1 1 35%;min-width:260px;display:flex;flex-direction:column;gap:20px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.month-title{font-size:26px;font-weight:800;letter-spacing:-.02em}.month-picker{display:flex;align-items:center;gap:8px}.month-select,.year-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid transparent;background:transparent;font:inherit;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text);cursor:pointer;padding:4px 28px 4px 8px;border-radius:12px;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 60%,calc(100% - 10px) 60%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:background-color .15s ease,border-color .15s ease}.month-select:hover,.year-select:hover{background-color:var(--surface)}.month-select:focus,.year-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.month-select option,.year-select option{font-size:15px;font-weight:600;color:var(--text);background:var(--surface)}.nav-buttons{display:flex;gap:8px}.nav-buttons button{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px 14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;line-height:1;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.nav-buttons button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--surface-2)}.calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.weekday-row,.day-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday{padding:12px 8px;text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.day-cell{position:relative;min-height:104px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);text-align:left;padding:8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:6px;transition:background .15s ease}.day-cell:nth-child(7n){border-right:none}.day-cell:hover{background:var(--surface-2)}.day-cell.other-month{background:#fcfcfe;color:#c4c7d4}.day-cell.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.day-number{font-size:13px;font-weight:700;color:var(--text)}.day-cell.other-month .day-number{color:#c4c7d4}.day-cell.today .day-number{background:var(--accent-grad);color:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #6366f166}.badges{display:flex;flex-wrap:wrap;gap:4px}.badge{font-size:10px;font-weight:700;color:#fff;border-radius:6px;padding:2px 6px;line-height:1.4;letter-spacing:.01em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-md)}.panel-title{font-size:15px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}.selected-date{font-size:13px;font-weight:600;color:var(--text-muted);margin:-6px 0 16px}.option-list{display:flex;flex-direction:column;gap:10px}.option-block{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.option-block.active{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.option-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.option-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.option-dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex:none}.option-label{font-weight:700}.fields{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-strong)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label{font-size:12px;font-weight:600;color:var(--text-muted)}.amount-field,.num-field{display:flex;align-items:center;gap:5px}.currency{font-size:12px;font-weight:600;color:var(--text-muted)}input,select,textarea{color:var(--text)}.amount-input,.person-input,.location-select,.note-input{border:1px solid var(--border-strong);border-radius:10px;font:inherit;font-size:13px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.amount-input:focus,.person-input:focus,.location-select:focus,.note-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.amount-input{width:92px;padding:7px 10px;text-align:right;font-variant-numeric:tabular-nums}.location-select{flex:1;padding:7px 10px}.person-input{flex:1;max-width:160px;padding:7px 10px}.note-field{margin-top:16px;display:flex;flex-direction:column;gap:6px}.note-label{font-size:13px;font-weight:700}.note-input{width:100%;padding:10px;resize:vertical}.day-total{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:14px;font-weight:600}.day-total strong{font-size:18px;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.summary-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.summary-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.summary-table th,.summary-table td{padding:9px 6px;text-align:left;border-bottom:1px solid var(--border)}.summary-table tbody tr{transition:background .12s ease}.summary-table tbody tr:hover{background:var(--surface-2)}.summary-table th:nth-child(n+3),.summary-table td:nth-child(n+3){text-align:right}.summary-table td .option-dot{margin-right:7px}.summary-table tfoot td{border-bottom:none;padding-top:12px;font-weight:700}.month-summary{margin-top:22px}.dashboard{display:flex;flex-direction:column;gap:20px}.dashboard-controls{display:flex;gap:16px;flex-wrap:wrap}.dashboard-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted)}.dashboard-controls input{padding:9px 12px;border:1px solid var(--border-strong);border-radius:12px;font:inherit;background:var(--surface);box-shadow:var(--shadow-sm)}.dashboard-controls input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;box-shadow:var(--shadow-md);transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.kpi-value{font-size:28px;font-weight:800;letter-spacing:-.02em;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-top:6px}.option-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.opt-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid #ccc;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.opt-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.opt-card-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;margin-bottom:14px}.opt-card-stats{display:flex;justify-content:space-between;gap:8px}.opt-stat{display:flex;flex-direction:column;gap:2px}.opt-stat-value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.opt-stat-label{font-size:11px;font-weight:600;color:var(--text-muted)}.dashboard-tables{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1.15fr);gap:18px;align-items:start}.tables-right{display:flex;flex-direction:column;gap:18px}.empty-hint{font-size:13px;color:var(--text-muted)}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.note-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px}.note-date{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.note-text{font-size:13px;color:var(--text);white-space:pre-wrap;word-break:break-word}.login-screen,.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loading-screen{color:var(--text-muted);font-weight:600}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:34px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg)}.login-card h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-hint{font-size:13px;color:var(--text-muted);margin:0}.login-input{padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;font:inherit;font-size:15px;transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-button{padding:12px 14px;border:none;border-radius:12px;background:var(--accent-grad);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #6366f159;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.login-button:hover:not(:disabled){transform:translateY(-1px)}.login-button:disabled{opacity:.55;cursor:default}.login-error{font-size:13px;font-weight:600;color:var(--red);margin:0}.notes-tab{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.notes-date-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.notes-textarea{width:100%;min-height:320px;resize:vertical}.note-item-click{cursor:pointer;transition:border-color .15s ease,background .15s ease}.note-item-click:hover{border-left-color:var(--accent-2);background:var(--accent-soft)}.note-item.active{border-left-width:4px;background:var(--accent-soft)}.voice-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.voice-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-btn{border:none;border-radius:999px;padding:8px 18px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:var(--accent-grad);cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:transform .15s ease}.voice-btn:hover:not(:disabled){transform:translateY(-1px)}.voice-btn:disabled{opacity:.6;cursor:default}.voice-btn.recording{background:var(--red);box-shadow:0 4px 12px #ef444466;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ef444466}50%{box-shadow:0 4px 18px #ef4444bf}}.voice-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.voice-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.voice-label{font-size:13px;font-weight:600;flex:1;min-width:120px}.voice-audio{height:34px;max-width:220px}.voice-play{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.voice-play:hover{border-color:var(--accent);color:var(--accent)}.voice-badge{margin-left:8px;font-size:11px;font-weight:700;color:var(--accent)}.settings{display:flex;flex-direction:column;gap:18px;max-width:920px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:14px;font-weight:600}.settings-items{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.settings-item{display:flex;align-items:center;gap:8px}.settings-input{flex:1;padding:9px 12px;border:1px solid var(--border-strong);border-radius:10px;font:inherit;font-size:14px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.settings-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.settings-number{flex:none;width:90px;text-align:right}.settings-remove{flex:none;width:34px;height:34px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:18px;line-height:1;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.settings-remove:hover{color:var(--red);border-color:var(--red);background:#fff5f5}.settings-add{display:flex;gap:8px}.settings-add-btn{flex:none;border:none;background:var(--accent-grad);color:#fff;border-radius:10px;padding:9px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:transform .15s ease}.settings-add-btn:hover{transform:translateY(-1px)}.service-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.service-row{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface-2)}.service-head{display:flex;align-items:center;gap:8px}.service-color{flex:none;width:38px;height:38px;padding:0;border:1px solid var(--border-strong);border-radius:10px;background:none;cursor:pointer}.service-name{flex:1;min-width:0}.service-badge{flex:none;width:84px;text-align:center}.field-checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-strong)}.field-check{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer}.field-check input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}@media (max-width: 900px){.layout{flex-direction:column;align-items:stretch}.calendar-area,.sidebar{flex:1 1 auto;width:100%;max-width:100%;min-width:0}.dashboard-tables{grid-template-columns:1fr}.kpi-cards{grid-template-columns:1fr 1fr}.option-cards{grid-template-columns:repeat(2,1fr)}.settings-grid,.notes-tab{grid-template-columns:1fr}.day-cell{min-height:76px}.month-title{font-size:22px}.month-select,.year-select{font-size:19px;padding:4px 24px 4px 6px}}@media (max-width: 520px){.app{padding:16px 14px 36px}.kpi-cards{grid-template-columns:1fr}}