:root{--orange: #E87722;--orange-light: #F5C49A;--orange-pale: #FDF0E4;--orange-dark: #C45F0A;--orange-faint: #FEF8F2;--white: #FFFFFF;--bg: #F7F4F1;--surface: #FFFFFF;--border: #EAE0D6;--border2: #DDD0C0;--text: #1A1A1A;--text2: #4A4540;--muted: #9A8E84;--red: #EF4444;--red-pale: #FEF2F2;--green: #22C55E;--green-pale: #F0FDF4;--blue: #3B82F6;--blue-pale: #EFF6FF;--serif: "Playfair Display", Georgia, serif;--sans: "Outfit", sans-serif;--radius: 12px;--shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans)}a{color:inherit;text-decoration:none}.btn-primary{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--orange-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--text2);border:1.5px solid var(--border2);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}.btn-ghost{background:transparent;color:var(--muted);border:none;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:var(--bg);color:var(--text)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-active{background:var(--green-pale);color:#16a34a}.badge-pending{background:var(--orange-pale);color:var(--orange-dark)}.badge-overdue{background:var(--red-pale);color:#dc2626}.badge-done{background:#f1f5f9;color:#475569}.badge-urgent{background:var(--red-pale);color:#dc2626}.badge-audit{background:var(--blue-pale);color:#1d4ed8}.badge-tax{background:var(--orange-pale);color:var(--orange-dark)}.badge-acc{background:var(--green-pale);color:#15803d}.badge-general{background:#f1f5f9;color:#475569}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:12px;font-weight:600;color:var(--text2)}.form-input{background:var(--white);border:1.5px solid var(--border2);border-radius:8px;padding:9px 13px;font-size:13.5px;color:var(--text);outline:none;transition:border .15s;width:100%}.form-input:focus{border-color:var(--orange)}.form-input::placeholder{color:var(--muted)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-family:var(--serif);font-size:22px;color:var(--text)}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state-text{font-size:14px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;padding:60px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--white);border-radius:16px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-family:var(--serif);font-size:19px}.modal-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer}.modal-close:hover{color:var(--text)}.priority-low{color:#64748b}.priority-medium{color:var(--orange)}.priority-high{color:#ef4444}.priority-urgent{color:#dc2626;font-weight:700}.layout-root{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;box-shadow:2px 0 8px #0000000a;position:sticky;top:0;height:100vh}.main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.orange-bar{height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-light));flex-shrink:0}.content-scroll{flex:1;overflow-y:auto;padding:28px 32px}.mobile-header,.drawer-overlay{display:none}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){body{overflow-x:hidden}.layout-root{flex-direction:column}.sidebar{display:none!important}.orange-bar{display:none}.content-scroll{padding:16px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:var(--white);border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000012}.hamburger{width:40px;height:40px;background:none;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;cursor:pointer;border-radius:8px}.hamburger:active{background:var(--bg)}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.drawer{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--white);display:flex;flex-direction:column;animation:slideInLeft .22s ease;box-shadow:4px 0 24px #0000002e}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal-overlay{padding:12px;align-items:center}.modal{width:calc(100vw - 24px)!important;max-width:none!important;max-height:90vh!important;padding:20px 16px!important;border-radius:14px!important}.page-header{flex-wrap:wrap;gap:10px}.page-title{font-size:19px!important}.btn-primary,.btn-secondary{min-height:40px}.form-input{font-size:16px!important}}