:root{--color-bg-page: #F7F2EC;--color-bg-sidebar: #EDE5D8;--color-bg-card: #FFFFFF;--color-bg-card-hover: #FAF7F3;--color-bg-input: #FFFFFF;--color-bg-header: #EDE5D8;--color-text-primary: #1C1916;--color-text-secondary: #6B5D52;--color-text-muted: #9B8B80;--color-text-inverse: #FFFFFF;--color-accent-blue: #1A72B9;--color-accent-blue-hover: #1560A0;--color-accent-dark: #1C1916;--color-accent-dark-hover: #3A3330;--color-status-urgent: #C0392B;--color-status-urgent-bg: #FDF0EF;--color-status-urgent-border: #E8B4B0;--color-status-pending: #D4870A;--color-status-pending-bg: #FEF6E9;--color-status-pending-border: #F0C97A;--color-status-ok: #217A3C;--color-status-ok-bg: #EEF7F1;--color-status-ok-border: #A3D4B0;--color-msg-sent-bg: #EAF2FB;--color-msg-sent-border: #B3D4EE;--color-msg-received-bg: #F7F2EC;--color-msg-received-border: #DDD5C8;--color-msg-xmas-bg: #FEF6E9;--color-msg-xmas-border: #F0C97A;--color-notes-internal: #6B4C9A;--color-notes-internal-bg: #F4EFF9;--color-notes-internal-border: #C9B3E3;--color-border: #DDD5C8;--color-border-light: #EDE5D8;--sidebar-width: 200px;--font-serif: "Book Antiqua", "Palatino Linotype", Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 4px;--radius-card: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.divider--double{border:none;height:5px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:12px 0}.btn{font-family:var(--font-sans);font-size:13px;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;border:1px solid transparent}.btn--primary{background:var(--color-accent-blue);color:var(--color-text-inverse);padding:0 12px;height:26px;border-color:var(--color-accent-blue)}.btn--primary:hover{background:var(--color-accent-blue-hover)}.btn--dark{background:var(--color-accent-dark);color:var(--color-text-inverse);padding:0 14px;height:28px;border-color:var(--color-accent-dark)}.btn--dark:hover{background:var(--color-accent-dark-hover)}.btn--outline{background:transparent;color:var(--color-text-primary);padding:0 10px;height:26px;border-color:var(--color-border)}.btn--outline:hover{background:var(--color-bg-card-hover)}.btn--ghost{background:transparent;color:var(--color-text-secondary);padding:0 8px;height:26px;border-color:transparent}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-border-light)}.btn--icon{background:transparent;border:none;padding:0 6px;height:26px;color:var(--color-text-secondary);font-size:16px;letter-spacing:1px}.btn--icon:hover{color:var(--color-text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--urgent{background:var(--color-status-urgent)}.status-dot--pending{background:var(--color-status-pending)}.status-dot--ok{background:var(--color-status-ok)}.status-badge{font-size:11px;padding:2px 7px;border-radius:10px;font-weight:500;display:inline-block}.status-badge--urgent{background:var(--color-status-urgent-bg);color:var(--color-status-urgent);border:1px solid var(--color-status-urgent-border)}.status-badge--pending{background:var(--color-status-pending-bg);color:var(--color-status-pending);border:1px solid var(--color-status-pending-border)}.status-badge--ok{background:var(--color-status-ok-bg);color:var(--color-status-ok);border:1px solid var(--color-status-ok-border)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px}.section-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:8px}input,select,textarea{font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius);padding:5px 8px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent-blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}