:root{--color-bg: #eef2ea;--color-surface: #dde6de;--color-surface-alt: #d1ddd2;--color-border: #c3d1c4;--color-text: #1c1e1b;--color-text-muted: #69725f;--color-primary: #3f6b4a;--color-primary-hover: #335939;--color-primary-soft: rgba(63, 107, 74, .18);--color-danger: #a13f34;--color-danger-bg: #f3e2df;--color-success: #2f5f3d;--color-success-bg: #c9dbcb;--color-warning: #8a6d1f;--color-warning-bg: #efe7d2;--color-info: #3f5a6b;--color-info-bg: #cfe0e6;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(28, 30, 27, .05);--shadow-md: 0 10px 30px rgba(28, 30, 27, .08);--font-heading: Georgia, "Times New Roman", serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #14170f;--color-surface: #1c2018;--color-surface-alt: #242920;--color-border: #333a2c;--color-text: #eef2ea;--color-text-muted: #9aa891;--color-primary: #83b184;--color-primary-hover: #9dc59e;--color-primary-soft: rgba(131, 177, 132, .16);--color-danger: #e0968a;--color-danger-bg: rgba(224, 150, 138, .14);--color-success: #8fc298;--color-success-bg: rgba(143, 194, 152, .14);--color-warning: #d8bf6e;--color-warning-bg: rgba(216, 191, 110, .14);--color-info: #8fb0c9;--color-info-bg: rgba(143, 176, 201, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--color-bg: #14170f;--color-surface: #1c2018;--color-surface-alt: #242920;--color-border: #333a2c;--color-text: #eef2ea;--color-text-muted: #9aa891;--color-primary: #83b184;--color-primary-hover: #9dc59e;--color-primary-soft: rgba(131, 177, 132, .16);--color-danger: #e0968a;--color-danger-bg: rgba(224, 150, 138, .14);--color-success: #8fc298;--color-success-bg: rgba(143, 194, 152, .14);--color-warning: #d8bf6e;--color-warning-bg: rgba(216, 191, 110, .14);--color-info: #8fb0c9;--color-info-bg: rgba(143, 176, 201, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);transition:background-color .2s ease,color .2s ease}h1,h2,h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em}a{color:var(--color-primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:460px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.auth-card h1{margin:0 0 .5rem;font-size:1.75rem}.auth-card .intro{margin:0;font-size:1rem;line-height:1.5;color:var(--color-text-muted)}.auth-card form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--color-text-muted)}input,textarea,select{font:inherit;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}textarea{resize:vertical;min-height:4rem}button{font:inherit;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.6rem 1rem;background:var(--color-primary);color:#fff;transition:background .15s ease,transform .1s ease}button:hover:not(:disabled){background:var(--color-primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover:not(:disabled){background:var(--color-surface-alt)}button.danger{background:var(--color-danger)}.error{background:var(--color-danger-bg);color:var(--color-danger);padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.9rem;margin:0}.hint{font-size:.85rem;color:var(--color-text-muted);word-break:break-all}.switch{margin:0;font-size:.85rem;text-align:center;color:var(--color-text-muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease}.app-nav .brand{font-weight:700;letter-spacing:-.01em}.app-nav .links{display:flex;gap:1.25rem;align-items:center}.app-nav .links a{text-decoration:none;color:var(--color-text-muted);font-size:.9rem;transition:color .15s ease}.app-nav .links a:hover{color:var(--color-text)}.app-nav .links a.active{color:var(--color-text);font-weight:600}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px}.theme-toggle:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.messages-popover{position:relative}.messages-popover .nav-messages{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:0;color:var(--color-text-muted);font-size:.9rem;cursor:pointer}.messages-popover .nav-messages:hover{color:var(--color-text)}.messages-panel{position:fixed;top:4.25rem;bottom:1.5rem;right:1.5rem;width:48em;max-width:calc(100vw - 3rem);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.messages-panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.messages-panel-header h3{flex:1;margin:0;font-size:1rem}.messages-panel-header .icon-button{background:none;border:none;padding:.15rem .4rem;font-size:1.1rem;line-height:1;color:var(--color-text-muted);cursor:pointer}.messages-panel-header .icon-button:hover{color:var(--color-text)}.messages-panel-body{flex:1;overflow-y:auto;padding:.5rem}.messages-panel-body--thread{display:flex;flex-direction:column;justify-content:flex-end}.messages-panel-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-border)}.messages-panel-form input{flex:1}.app-main{flex:1;padding:2rem 1.5rem;max-width:960px;width:100%;margin:0 auto}.full-bleed{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:0 1.5rem;margin-bottom:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.card+.card{margin-top:1rem}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;transition:border-color .15s ease,box-shadow .15s ease}.list-item:hover{border-color:var(--color-primary)}.list-item .meta{display:flex;flex-direction:column;gap:.2rem}.list-item .meta .title{font-weight:600}.list-item .meta .subtitle{font-size:.85rem;color:var(--color-text-muted)}.list-item .actions{display:flex;gap:.5rem}.empty-state{color:var(--color-text-muted);font-size:.9rem;padding:1rem 0}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-pending,.badge-unpaid{background:var(--color-warning-bg);color:var(--color-warning)}.badge-approved,.badge-active,.badge-paid,.badge-delivered{background:var(--color-success-bg);color:var(--color-success)}.badge-rejected,.badge-cancelled,.badge-overdue{background:var(--color-danger-bg);color:var(--color-danger)}.badge-completed{background:var(--color-info-bg);color:var(--color-info)}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem}.tabs button{background:none;color:var(--color-text-muted);border-radius:0;padding:.6rem .9rem;border-bottom:2px solid transparent}.tabs button:hover:not(:disabled){background:none;color:var(--color-text)}.tabs button.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.tabs button.tab-messages{display:inline-flex;align-items:center;gap:.4rem}.tab-icon{flex-shrink:0}.inline-form{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:160px}