@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--sidebar-bg: #4a2c14;--sidebar-text: #d7c4b0;--sidebar-text-active: #fbf7f2;--sidebar-active: #3c833c;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-section: #a89078;--sidebar-width: 272px;--nn-brown: #7b4822;--nn-brown-deep: #4a2c14;--nn-brown-soft: #8f5a32;--nn-green: #3c833c;--nn-green-soft: #e8f3e8;--nn-ink: #231f20;--nn-sand: #f7f1ea;--nn-cream: #fbf7f2;--primary: var(--nn-brown);--primary-hover: var(--nn-brown-deep);--primary-soft: #f3ebe3;--accent: var(--nn-green);--accent-soft: var(--nn-green-soft);--bg: var(--nn-sand);--surface: #ffffff;--surface-soft: var(--nn-cream);--border: #e5d8cc;--border-strong: #d2b49a;--text: var(--nn-ink);--text-muted: #6e6258;--text-soft: #9a8878;--success: var(--nn-green);--success-bg: var(--nn-green-soft);--danger: #dc2626;--danger-bg: #fef2f2;--warning: #ea580c;--purple: var(--nn-brown-soft);--purple-bg: #f3ebe3;--green: var(--nn-green);--green-bg: var(--nn-green-soft);--blue-icon: var(--nn-brown);--blue-icon-bg: #f3ebe3;--orange-icon: #ea580c;--orange-icon-bg: #ffedd5;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(74, 44, 20, .07), 0 1px 2px rgba(74, 44, 20, .04);--shadow-lg: 0 12px 28px rgba(74, 44, 20, .12);--focus-ring: rgba(123, 72, 34, .14);--overlay: rgba(35, 31, 32, .48);--header-height: 72px;--font: "Plus Jakarta Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:13.5px;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-outline{background:#fff;border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--surface-soft)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text)}.form-label .req{color:var(--danger);margin-left:2px}.form-control{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--focus-ring)}.form-control::placeholder{color:var(--text-soft)}textarea.form-control{height:auto;min-height:88px;padding:10px 12px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e6258' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);transition:background .15s,color .15s}.icon-btn:hover{background:var(--primary-soft)}.icon-btn.edit{color:var(--primary)}.icon-btn.delete{color:var(--danger)}.icon-btn.delete:hover{background:var(--danger-bg)}.checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.alert-info{background:var(--primary-soft);color:var(--primary);border:1px solid var(--border-strong)}.page{min-width:0;width:100%;max-width:100%}@media (max-width: 480px){:root{--header-height: 60px}.btn{height:38px;padding:0 14px;font-size:13px}}