:root{--color-primary: #1d3557;--color-secondary: #2ec4b6;--color-dark: #1d3557;--color-darkest: #0b1d2e;--color-light: #f1f3f5;--color-accent: #f77f00;--color-danger: #e63946;--financial-action-color: #10b981;--financial-action-color-hover: #059669;--surface-primary: #ffffff;--surface-muted: #f1f3f5;--surface-subtle: #e7edf6;--surface-strong: #d0dce8;--surface-hover: #e3eaf2;--surface-info: rgba(29, 78, 216, .16);--surface-success: rgba(46, 196, 182, .16);--surface-danger: rgba(230, 57, 70, .16);--surface-warning: rgba(247, 127, 0, .16);--body-bg: #f1f3f5;--text-primary: #1d3557;--text-muted: #4b5563;--border-color: #cbd5e1;--gradient-header: linear-gradient(90deg, #1d3557 0%, #2ec4b6 100%);--gradient-sidebar: linear-gradient(180deg, #1d3557 0%, #2ec4b6 100%);--header-text-color: #f8fafc;--header-chip-bg: rgba(255, 255, 255, .28);--header-chip-border: rgba(255, 255, 255, .5);--sidebar-text-color: #f5faff;--sidebar-item-hover: rgba(255, 255, 255, .16);--sidebar-item-active: rgba(255, 255, 255, .24);--sidebar-border-color: rgba(255, 255, 255, .18);--sidebar-active-border: rgba(255, 255, 255, .45);--sidebar-active-shadow: 0 14px 28px rgba(17, 52, 92, .26), 0 0 0 1px rgba(255, 255, 255, .24);--action-link-color: var(--color-secondary);--badge-buyer-bg: rgba(29, 78, 216, .18);--badge-buyer-text: #0b1d2e;--badge-seller-bg: rgba(46, 196, 182, .18);--badge-seller-text: #0b1d2e;--badge-self-bg: rgba(46, 196, 182, .22);--badge-self-text: #0b1d2e}@media (prefers-color-scheme: dark){:root{--color-primary: #2ec4b6;--color-secondary: #1d3557;--color-dark: #d7e3ea;--color-darkest: #f1f3f5;--color-light: #0b1d2e;--color-accent: #f77f00;--color-danger: #f28482;--financial-action-color: #34d399;--financial-action-color-hover: #22c55e;--surface-primary: #132238;--surface-muted: #0b1d2e;--surface-subtle: #091a2b;--surface-strong: #1a2e45;--surface-hover: #1d3653;--surface-info: rgba(46, 196, 182, .28);--surface-success: rgba(16, 185, 129, .26);--surface-danger: rgba(242, 132, 130, .28);--surface-warning: rgba(247, 127, 0, .3);--body-bg: #0b1d2e;--text-primary: #e9f1f7;--text-muted: #a9b7c6;--border-color: #1f3b55;--gradient-header: linear-gradient(90deg, #13273b 0%, #0f3c66 100%);--gradient-sidebar: linear-gradient(180deg, #132238 0%, #0f3c66 100%);--header-text-color: #e9f1f7;--header-chip-bg: rgba(12, 35, 56, .15);--header-chip-border: rgba(233, 241, 247, .12);--sidebar-text-color: #e9f1f7;--sidebar-item-hover: rgba(233, 241, 247, .06);--sidebar-item-active: rgba(46, 196, 182, .12);--sidebar-border-color: rgba(233, 241, 247, .1);--sidebar-active-border: rgba(46, 196, 182, .5);--sidebar-active-shadow: 0 20px 38px rgba(2, 13, 24, .68), 0 0 0 1px rgba(46, 196, 182, .32);--action-link-color: #4fbce0;--badge-buyer-bg: rgba(46, 130, 201, .32);--badge-buyer-text: #e9f1f7;--badge-seller-bg: rgba(46, 196, 182, .32);--badge-seller-text: #e9f1f7;--badge-self-bg: rgba(46, 196, 182, .26);--badge-self-text: #e9f1f7}}html,body,#root{height:100%}html{font-size:15px}@media (max-width: 1440px){html{font-size:14.5px}}@media (max-width: 1280px){html{font-size:14px}}body{margin:0;font-family:Lexend,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--body-bg, #f1f3f5);color:var(--text-primary, #1d3557);transition:background-color .3s ease,color .3s ease;overflow:hidden}.app-shell{background:var(--body-bg, #f1f3f5);color:var(--text-primary, #1d3557)}.app-header{background:var(--gradient-header, var(--surface-primary));color:var(--header-text-color, var(--text-primary));padding:1rem 1.5rem;border-bottom:1px solid var(--sidebar-border-color, rgba(255, 255, 255, .18));box-shadow:0 10px 30px #0f172a1f}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.transaction-action--financials{color:var(--financial-action-color, #10b981);transition:color .2s ease}.transaction-action--financials:hover{color:var(--financial-action-color-hover, #059669)}.workspace-switcher{display:flex;align-items:center;gap:.1rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--header-chip-border, rgba(255, 255, 255, .5));background-color:var(--header-chip-bg, rgba(255, 255, 255, .28));color:inherit;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);box-shadow:inset 0 0 0 1px #ffffff0d}.workspace-switcher__select{appearance:none;background:transparent;color:inherit;border:none;font:inherit;padding:.35rem .6rem .35rem .5rem;cursor:pointer;min-width:8rem}.workspace-switcher__select:focus{outline:none}.workspace-switcher__chevron{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;margin-left:-.35rem;padding:.25rem .35rem;color:var(--header-text-color, currentColor);opacity:.9;cursor:pointer;border-radius:.5rem;transition:color .2s ease,opacity .2s ease,transform .2s ease,background-color .2s ease}.workspace-switcher:hover .workspace-switcher__chevron{opacity:1;transform:translateY(1px)}.workspace-switcher__chevron svg{width:.9rem;height:.9rem}.workspace-switcher__chevron:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:1px}.workspace-switcher__chevron:hover{background-color:#ffffff1f;transform:translateY(1px)}.workspace-switcher__button{border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.35rem;transition:background-color .2s ease,transform .2s ease}.workspace-switcher__button:hover{background-color:#ffffff2e;transform:translateY(-1px)}.workspace-switcher__button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.app-header__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;padding:.6rem 1rem;font-weight:600;box-shadow:0 10px 25px #0d526533}.app-header__cta:focus-visible{outline:3px solid rgba(255,255,255,.4);outline-offset:2px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem .7rem;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1;background-color:#3b82f61f;color:var(--text-primary, #1d3557);box-shadow:0 2px 8px #0f172a1f;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.badge--buyer{background-color:var(--badge-buyer-bg, rgba(59, 130, 246, .12));color:var(--badge-buyer-text, #0b1d2e)}.badge--seller{background-color:var(--badge-seller-bg, rgba(16, 185, 129, .16));color:var(--badge-seller-text, #0b1d2e)}.badge--self{background-color:var(--badge-self-bg, rgba(16, 185, 129, .2));color:var(--badge-self-text, #0b1d2e);box-shadow:0 0 0 1px #0f172a0d}.sidebar{background:var(--gradient-sidebar, var(--surface-primary));color:var(--sidebar-text-color, var(--text-primary));border-right:1px solid var(--sidebar-border-color, var(--border-color))}.sidebar button{background:transparent;border:none}.sidebar__top{padding:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar__top--collapsed{flex-direction:column;align-items:stretch;padding:1rem .75rem 1.25rem}.sidebar__identity{display:flex;align-items:center;gap:.75rem;min-width:0}.sidebar__identity--collapsed{justify-content:center}.sidebar__logo{height:2.25rem;width:auto;display:block}.sidebar__logo--collapsed{height:2.75rem}.sidebar__brand{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:inherit}.sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.75rem;border:1px solid var(--sidebar-border-color, rgba(255, 255, 255, .18));color:inherit;background:var(--sidebar-item-hover, rgba(255, 255, 255, .16));transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.sidebar__toggle--collapsed{width:100%;padding:.7rem .5rem;border-radius:1rem;background:var(--sidebar-item-active, rgba(255, 255, 255, .24));box-shadow:0 10px 24px #0f172a2e}.sidebar__toggle:hover{background-color:var(--sidebar-item-active, rgba(255, 255, 255, .24));transform:translateY(-1px)}.sidebar__toggle:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.sidebar__item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:.75rem;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;text-align:left;font-size:.95rem;font-weight:500;transition:background-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease,box-shadow .25s ease,border-color .25s ease;opacity:.88}.sidebar__item--icon{justify-content:center;gap:0}.sidebar__item:hover{background-color:var(--sidebar-item-hover, rgba(255, 255, 255, .16));opacity:1}.sidebar__item--active{background-color:var(--sidebar-item-active, rgba(255, 255, 255, .24));color:var(--sidebar-text-color, var(--text-primary));opacity:1;box-shadow:var(--sidebar-active-shadow, 0 12px 28px rgba(15, 23, 42, .24));border-color:var(--sidebar-active-border, rgba(255, 255, 255, .4));transform:translateY(-2px)}.sidebar__item:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:2px}.sidebar__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--sidebar-border-color, var(--border-color))}.sidebar__item--danger{color:var(--color-danger);opacity:1}.sidebar__item--danger:hover,.sidebar__item--danger:focus-visible{background-color:var(--surface-danger, rgba(230, 57, 70, .16));color:var(--color-danger)}.sidebar__item--danger .sidebar__icon{color:inherit}.sidebar__item svg{color:inherit}.sidebar--collapsed .sidebar__toggle{width:100%}.sidebar--collapsed .sidebar__nav{padding:0 .5rem}.sidebar--collapsed .sidebar__footer{padding:1rem .75rem 1.25rem}.mobile-sidebar-backdrop,.mobile-sidebar,.mobile-app-header{display:none}a,button,label{color:inherit}.bg-white,.bg-gray-50{background-color:var(--surface-primary)!important;color:var(--text-primary)!important}.bg-gray-100,.bg-gray-200{background-color:var(--surface-muted)!important;color:var(--text-primary)!important}.bg-gray-300,.bg-gray-400{background-color:var(--surface-strong)!important;color:var(--text-primary)!important}.bg-blue-50,.bg-blue-100,.bg-indigo-50,.bg-indigo-100,.bg-purple-50{background-color:var(--surface-info)!important;color:var(--color-accent)!important}.bg-green-50,.bg-green-100,.bg-green-500\/10,.dark\:bg-green-500\/10{background-color:var(--surface-success)!important;color:var(--color-secondary)!important}.bg-red-50,.bg-red-100,.bg-rose-50{background-color:var(--surface-danger)!important;color:var(--color-danger)!important}.bg-yellow-50,.bg-amber-50,.bg-orange-50{background-color:var(--surface-warning)!important;color:var(--color-dark)!important}.bg-blue-400,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-indigo-500,.bg-indigo-600,.bg-indigo-700{background-color:var(--color-primary)!important;color:#fff!important}.bg-green-500,.bg-green-600,.bg-green-700{background-color:var(--color-secondary)!important;color:#fff!important}.bg-red-500,.bg-red-600,.bg-red-700{background-color:var(--color-danger)!important;color:#fff!important}.bg-slate-800,.bg-slate-900,.dark\:bg-slate-900,.dark\:bg-slate-800,.dark\:bg-slate-700,.dark\:bg-slate-950\/60{background-color:var(--surface-subtle)!important;color:var(--text-primary)!important}.hover\:bg-white:hover{background-color:var(--surface-primary)!important;color:var(--text-primary)!important}.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover,.hover\:bg-gray-200:hover,.hover\:bg-gray-300:hover{background-color:var(--surface-hover)!important;color:var(--text-primary)!important}.hover\:bg-blue-50:hover,.hover\:bg-blue-100:hover,.hover\:bg-indigo-50:hover{background-color:var(--surface-info)!important;color:var(--color-accent)!important}.hover\:bg-blue-600:hover,.hover\:bg-blue-700:hover,.hover\:bg-indigo-600:hover,.hover\:bg-indigo-700:hover{background-color:var(--color-secondary)!important;color:#fff!important}.hover\:bg-green-600:hover,.hover\:bg-green-700:hover{background-color:var(--color-primary)!important;color:#fff!important}.hover\:bg-red-100:hover,.hover\:bg-red-50:hover{background-color:var(--surface-danger)!important;color:var(--color-danger)!important}.hover\:bg-red-600:hover,.hover\:bg-red-700:hover{background-color:var(--color-danger)!important;color:#fff!important}.text-gray-900,.text-gray-800,.text-gray-700,.dark\:text-slate-100,.dark\:text-slate-200,.dark\:text-slate-300{color:var(--text-primary)!important}.text-gray-600,.text-gray-500,.text-gray-400,.dark\:text-slate-400,.dark\:text-slate-500{color:var(--text-muted)!important}.text-gray-300,.text-gray-200,.dark\:text-slate-600{color:var(--border-color)!important}.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900,.text-indigo-500,.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-indigo-900,.dark\:text-blue-300,.hover\:text-blue-600:hover,.hover\:text-blue-700:hover,.hover\:text-blue-800:hover,.hover\:text-blue-900:hover,.hover\:text-indigo-600:hover,.hover\:text-indigo-700:hover,.hover\:text-indigo-800:hover,.hover\:text-indigo-900:hover{color:var(--action-link-color, var(--color-secondary))!important}.text-green-200,.text-green-300,.text-green-400,.text-green-500,.text-green-600,.text-green-700,.text-green-800,.text-green-900,.dark\:text-green-200{color:var(--color-secondary)!important}.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-red-900{color:var(--color-danger)!important}.border,.border-gray-100,.border-gray-200,.border-gray-300,.dark\:border-slate-600,.dark\:border-slate-700,.dark\:border-slate-800{border-color:var(--border-color)!important}.border-blue-100,.border-blue-200,.border-blue-300{border-color:var(--color-accent)!important}.border-green-100,.border-green-200,.border-green-300,.border-green-400,.dark\:border-green-700\/40{border-color:var(--color-secondary)!important}.border-red-100,.border-red-200,.border-red-300,.border-red-400{border-color:var(--color-danger)!important}input,textarea,select{font-family:inherit;background-color:var(--surface-primary);color:var(--text-primary);border-color:var(--border-color);transition:background-color .2s ease,color .2s ease,border-color .2s ease}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:1px}select option{background-color:var(--surface-primary);color:var(--text-primary)}.shadow-sm{box-shadow:0 1px 2px #0f172a14}.shadow-md{box-shadow:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0f}.transactions-scroll{overscroll-behavior:contain}@media (max-width: 1023px){html,body,#root{min-height:100%;height:auto}body{overflow:auto}.app-shell--mobile{overflow:visible;background:radial-gradient(circle at top left,rgba(46,196,182,.16),transparent 28rem),var(--body-bg, #f1f3f5)}.app-shell--mobile>.sidebar:not(.mobile-sidebar){display:none}.mobile-app-header{display:block;position:sticky;top:0;z-index:40;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .85rem;background:color-mix(in srgb,var(--surface-primary) 84%,transparent);border-bottom:1px solid var(--border-color, #cbd5e1);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.mobile-app-header__top{display:flex;align-items:center;gap:.875rem}.mobile-app-header__menu{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.9rem;border:1px solid var(--border-color, #cbd5e1);background:var(--surface-primary, #ffffff);color:var(--text-primary, #1d3557);box-shadow:0 12px 24px #0f172a14}.mobile-app-header__title-group{min-width:0;flex:1}.mobile-app-header__eyebrow{display:block;font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #4b5563);margin-bottom:.3rem}.mobile-app-header__title{margin:0;font-size:1.1rem;line-height:1.2;color:var(--text-primary, #1d3557)}.mobile-app-header__workspace{margin-top:.85rem}.workspace-switcher--mobile{width:100%;padding:.35rem .55rem;border-radius:1rem;justify-content:space-between}.workspace-switcher--mobile .workspace-switcher__select{min-width:0;width:100%}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:49;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-sidebar-backdrop--open{opacity:1;pointer-events:auto}.mobile-sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;width:min(20rem,calc(100vw - 2rem));transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--sidebar-border-color, var(--border-color));box-shadow:0 24px 48px #0f172a47}.mobile-sidebar--open{transform:translate(0)}.mobile-sidebar__top{padding-top:calc(1rem + env(safe-area-inset-top,0px))}.mobile-sidebar__close{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.9rem;border:1px solid var(--sidebar-border-color, rgba(255, 255, 255, .18));color:inherit;background:var(--sidebar-item-hover, rgba(255, 255, 255, .16))}.mobile-sidebar__nav{flex:1;min-height:0;padding-bottom:1rem;overflow-y:auto}.mobile-sidebar__footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}}.email-preview-editor__content{overflow-wrap:anywhere;word-break:break-word}.email-preview-editor__content a{word-break:break-all}.email-preview-editor__content img,.email-preview-editor__content video,.email-preview-editor__content iframe{max-width:100%;height:auto}.email-preview-editor__content table{width:100%!important;max-width:100%;table-layout:fixed}.email-preview-editor__content th,.email-preview-editor__content td{overflow-wrap:anywhere;word-break:break-word}.notes-sidebar{display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;flex:1 1 auto;background-color:var(--surface-primary, #ffffff);border-left:none;height:100%;min-height:0;border-radius:0;overflow:hidden}.notes-sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:#f9fafb80;color:var(--text-primary, #1f2937);backdrop-filter:blur(8px)}.notes-sidebar__header-controls{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.notes-sidebar__title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary, #1f2937)}.notes-sidebar__subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted, #6b7280)}.notes-sidebar__filter{border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;padding:.35rem .75rem;font-size:.85rem;background-color:#fff;color:var(--text-primary, #1f2937)}.notes-sidebar__search{padding:0 1.25rem;border-bottom:1px solid transparent;background:var(--surface-primary, #ffffff);max-height:0;opacity:0;overflow:hidden;transform:translateY(-.2rem);transition:max-height .26s ease,opacity .22s ease,transform .26s ease,padding .26s ease,border-color .26s ease}.notes-sidebar__search--open{padding:.9rem 1.25rem .75rem;max-height:5.5rem;opacity:1;overflow:visible;transform:translateY(0);border-bottom-color:var(--border-color, #e5e7eb)}.notes-sidebar__search-inner{display:flex;align-items:center;gap:.5rem}.notes-sidebar__search input{width:calc(100% - 2.75rem);flex:1 1 auto;border:1px solid var(--border-color, #d1d5db);border-radius:.75rem;padding:.5rem .9rem;font-size:.85rem;background-color:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.notes-sidebar__search input:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb26}.notes-sidebar__icon-button{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #d1d5db);border-radius:9999px;background:#fff;color:var(--text-muted, #4b5563);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.notes-sidebar__icon-button svg{width:1rem;height:1rem}.notes-sidebar__icon-button:hover{border-color:#2563eb73;color:var(--color-primary, #2563eb);background:#2563eb14}.notes-sidebar__icon-button--active,.notes-sidebar__icon-button--confirm{color:#0d9488}.notes-sidebar__icon-button--confirm:hover,.notes-sidebar__icon-button--active:hover{border-color:#0d948873;color:#0f766e;background:#0d948814}.notes-sidebar__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.notes-sidebar__status{font-size:.85rem;color:var(--text-muted, #6b7280);text-align:center;padding:1rem 0}.notes-sidebar__status--error{color:var(--color-danger, #dc2626)}.notes-sidebar__empty{font-size:.9rem;color:var(--text-muted, #6b7280);text-align:center;padding:2rem 1rem}.notes-sidebar__item{border:1px solid var(--border-color, #e5e7eb);border-radius:.9rem;padding:.75rem;background-color:#fff;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.notes-sidebar__item:hover{border-color:#2563eb33;box-shadow:0 12px 24px #0f172a14}.notes-sidebar__item--pinned{border-color:var(--color-secondary, #2ec4b6);box-shadow:0 14px 28px #2ec4b626}.notes-sidebar__item--pending{opacity:.7}.notes-sidebar__item-header{display:flex;align-items:center;gap:.75rem}.notes-sidebar__meta{flex:1;min-width:0}.notes-sidebar__author-line{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary, #111827)}.notes-sidebar__author{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-sidebar__badge{font-size:.65rem;padding:.15rem .55rem;border-radius:9999px;background:#0e74901f;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.notes-sidebar__timestamp{display:block;font-size:.75rem;color:var(--text-muted, #6b7280)}.notes-sidebar__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;opacity:0;transition:opacity .2s ease}.notes-sidebar__item:hover .notes-sidebar__actions,.notes-sidebar__item:focus-within .notes-sidebar__actions{opacity:1}.notes-sidebar__action{border:none;background:#94a3b81f;color:var(--text-primary, #1f2937);font-size:.65rem;padding:.3rem .5rem;border-radius:.45rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;min-width:4.5rem;text-align:center}.notes-sidebar__action:hover{background:#2563eb26;color:var(--color-primary, #2563eb)}.notes-sidebar__action--danger{background:#dc26261a;color:#b91c1c}.notes-sidebar__action--danger:hover{background:#dc26262e;color:#991b1b}.notes-sidebar__body{font-size:.9rem;color:var(--text-primary, #1f2937);line-height:1.5;white-space:pre-wrap}.notes-sidebar__editor{width:100%;border:1px solid var(--border-color, #d1d5db);border-radius:.75rem;padding:.5rem .75rem;font-family:inherit;resize:vertical;min-height:80px;font-size:.9rem}.notes-sidebar__email{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.notes-sidebar__email-subject{font-weight:600;color:var(--text-primary, #111827);margin:0}.notes-sidebar__email-line{margin:0;color:var(--text-muted, #4b5563)}.notes-sidebar__label{font-weight:600;margin-right:.25rem}.notes-sidebar__avatar{border-radius:9999px;flex-shrink:0;object-fit:cover;border:2px solid rgba(148,163,184,.25)}.notes-sidebar__avatar--initials{display:inline-flex;align-items:center;justify-content:center;background:#2563eb1f;color:var(--color-primary, #2563eb);font-size:.85rem;font-weight:600}.notes-sidebar__highlight{background:#fde04780;padding:0 .1em;border-radius:.25rem}.notes-sidebar__load-more{display:flex;justify-content:center;padding:.75rem 0}.notes-sidebar__load-more-button{border:1px solid var(--border-color, #d1d5db);border-radius:9999px;padding:.4rem 1rem;font-size:.8rem;background-color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.notes-sidebar__load-more-button:hover{background-color:#2563eb14;border-color:#2563eb66}.notes-sidebar__composer{margin-top:auto;border-top:1px solid var(--border-color, #e5e7eb);padding:.75rem .9rem .85rem;display:flex;flex-direction:column;gap:.45rem;background-color:var(--surface-neutral, #f3f4f6);color:var(--text-primary, #1f2937)}.notes-sidebar__composer-label{font-size:.8rem;font-weight:600;color:var(--text-muted, #4b5563);text-transform:uppercase;letter-spacing:.05em}.notes-sidebar__composer-input{width:100%;min-height:44px;resize:vertical;border:1px solid var(--border-color, #d1d5db);border-radius:.85rem;padding:.48rem .8rem;font-size:.9rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff;color:var(--text-primary, #1f2937)}.notes-sidebar__composer-field{position:relative}.notes-sidebar__composer-input:disabled{background-color:#e5e7eb66;cursor:not-allowed}.notes-sidebar__composer-input:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb33}.notes-sidebar__composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.notes-sidebar__composer-hint{font-size:.75rem;color:var(--text-muted, #6b7280)}.notes-sidebar__composer-status{font-size:.75rem;font-weight:600;color:#0d9488}.notes-sidebar__submit{position:absolute;right:.6rem;bottom:.55rem;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border:none;background:#0d9488;color:#fff;border-radius:9999px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.notes-sidebar__submit svg{width:1rem;height:1rem}.notes-sidebar__submit:disabled{opacity:.65;cursor:not-allowed}.notes-sidebar__submit:not(:disabled):hover{transform:translateY(-1px)}.notes-sidebar__composer-field .notes-sidebar__composer-input{padding-right:3.45rem}.notes-drawer{position:fixed;inset:0;display:flex;justify-content:flex-end;pointer-events:none;z-index:60}.notes-drawer--open{pointer-events:auto}.notes-drawer__backdrop{flex:1;background-color:#0f172a73;opacity:0;transition:opacity .2s ease}.notes-drawer--open .notes-drawer__backdrop{opacity:1}.notes-drawer__panel{width:min(100%,420px);max-width:420px;transform:translate(100%);transition:transform .25s ease;background-color:var(--surface-primary, #ffffff);box-shadow:-12px 0 30px #0f172a2e;position:relative;pointer-events:auto;display:flex}.notes-drawer--open .notes-drawer__panel{transform:translate(0)}.notes-drawer__close{position:absolute;top:.75rem;right:.75rem;border:none;background:#0f172a14;color:var(--text-primary, #111827);width:2rem;height:2rem;border-radius:9999px;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.notes-drawer__close:hover{background:#2563eb29;color:var(--color-primary, #2563eb)}.notes-drawer .notes-sidebar{flex:1 1 auto;max-width:none;min-width:0;border-left:none;border-radius:0}@media (max-width: 1024px){.notes-sidebar{max-width:100%;border-left:none;border-top:1px solid var(--border-color, #e5e7eb);border-radius:1rem 1rem 0 0}}@media (prefers-color-scheme: dark){.notes-sidebar__header{background-color:var(--surface-primary, #132238);color:var(--text-primary, #e9f1f7)}.notes-sidebar__subtitle{color:var(--text-muted, #a9b7c6)}.notes-sidebar__filter{background-color:#142436d9;border-color:#4f607866;color:var(--text-primary, #e9f1f7)}.notes-sidebar__search{background-color:var(--surface-primary, #132238);border-bottom-color:#4f607859}.notes-sidebar__search input{background-color:#0c1624d9;border-color:#4f607880;color:var(--text-primary, #e9f1f7)}.notes-sidebar__icon-button{background-color:#0c1624d9;border-color:#4f607880;color:var(--text-primary, #c6d3df)}.notes-sidebar__composer{background-color:#4f607833;color:var(--text-primary, #e9f1f7)}.notes-sidebar__composer-label{color:#e9f1f7cc}.notes-sidebar__composer-input{background-color:#0c1624d9;border-color:#4f607880;color:var(--text-primary, #e9f1f7)}.notes-sidebar__composer-hint{color:#e9f1f7b3}.notes-sidebar__action{background:#e9f1f714;color:var(--text-primary, #e9f1f7)}.notes-sidebar__action--danger{background:#dc26262e;color:#fecaca}.notes-sidebar__item{background-color:#0c1624e6;border-color:#4f607859}.notes-sidebar__item--pinned{border-color:#2ec4b6cc;box-shadow:0 12px 24px #2ec4b626}}
/*# sourceMappingURL=index.css.map */