:root{--mint: #3aa57d;--mint-dark: #2f8b66;--mint-50: #f2faf6;--mint-100: #e7f6ef;--border: #e2e8f0;--border-soft: #eef2f6;--text: #1e293b;--muted: #64748b;--danger: #dc2626;--danger-dark: #b91c1c;--danger-50: #fef2f2;--amber: #d97706;--amber-50: #fef6e7;--radius: 12px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .05);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .18);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:#fff;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}#app{min-height:100vh}h1,h2,h3,h4{margin:0 0 .25rem;font-weight:600;letter-spacing:-.01em}p{margin:0 0 .5rem}a{color:var(--mint-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:10px;padding:.55rem 1rem;font:inherit;font-weight:500;font-size:.92rem;cursor:pointer;background:#fff;color:var(--text);text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3aa57d59}.btn-primary{background:var(--mint);color:#fff}.btn-primary:hover{background:var(--mint-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-outline{border-color:var(--border);background:#fff}.btn-outline:hover{border-color:var(--mint);color:var(--mint-dark);background:var(--mint-50)}.btn-danger-outline{border-color:#fecaca;color:var(--danger);background:#fff}.btn-danger-outline:hover{background:var(--danger-50);border-color:var(--danger)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--mint-50);color:var(--mint-dark)}.btn-sm{padding:.34rem .7rem;font-size:.84rem;border-radius:8px}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:.35rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--mint-50);color:var(--mint-dark)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card+.card{margin-top:1rem}.card-title{font-size:1.02rem;font-weight:600;margin:0 0 1rem}.card-sub{color:var(--muted);font-size:.88rem;margin:-.7rem 0 1rem}.field{margin-bottom:1rem}.label{display:block;font-weight:500;margin-bottom:.35rem;font-size:.88rem}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;font:inherit;font-size:.92rem;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px #3aa57d38}.input:disabled,.select:disabled{background:#f8fafc;color:var(--muted)}.textarea{min-height:110px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;padding-right:2rem}.hint{font-size:.79rem;color:var(--muted);margin-top:.3rem}.error-text{color:var(--danger);font-size:.79rem;margin-top:.3rem}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.92rem;cursor:pointer}.checkbox input{width:16px;height:16px;margin:0;accent-color:var(--mint)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-grid .span-2{grid-column:span 2}.alert{border-radius:10px;padding:.7rem .9rem;font-size:.9rem;margin-bottom:1rem;border:1px solid transparent}.alert-error{background:var(--danger-50);color:#991b1b;border-color:#fecaca}.alert-success{background:var(--mint-50);color:var(--mint-dark);border-color:var(--mint-100)}.alert-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.74rem;font-weight:600;border-radius:999px;white-space:nowrap}.badge-amber{background:var(--amber-50);color:#b45309}.badge-green{background:var(--mint-100);color:var(--mint-dark)}.badge-gray{background:#f1f5f9;color:#64748b}.badge-red{background:#fee2e2;color:var(--danger-dark)}.badge-blue{background:#e0edff;color:#1d4ed8}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}table.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th{text-align:left;padding:.7rem .9rem;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.75rem .9rem;border-bottom:1px solid var(--border-soft);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--mint-50)}.cell-main{font-weight:500}.cell-sub{font-size:.79rem;color:var(--muted)}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem 2rem;z-index:60;overflow-y:auto}.modal-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:560px;padding:1.4rem}.modal-wide{max-width:880px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-head h3{margin:0;font-size:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.tag-editor{display:flex;flex-wrap:wrap;gap:.4rem;border:1px solid var(--border);border-radius:10px;padding:.4rem;transition:border-color .15s,box-shadow .15s}.tag-editor:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #3aa57d38}.tag{background:var(--mint-100);color:var(--mint-dark);border-radius:999px;padding:.18rem .35rem .18rem .65rem;font-size:.82rem;display:inline-flex;gap:.3rem;align-items:center;font-weight:500}.tag button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;padding:.1rem .25rem;border-radius:50%}.tag button:hover{background:#2f8b6626}.tag-input{border:none;outline:none;flex:1;min-width:140px;font:inherit;font-size:.9rem;padding:.28rem .3rem;background:transparent}.toast-host{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;max-width:min(420px,calc(100vw - 2rem))}.toast{border-radius:10px;padding:.75rem 1rem;color:#fff;box-shadow:var(--shadow-lg);display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;animation:toast-in .18s ease-out}.toast-success{background:var(--mint-dark)}.toast-error{background:var(--danger)}.toast-close{border:none;background:transparent;color:#ffffffd9;cursor:pointer;font-size:1rem;line-height:1.2;padding:0;margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:22px;height:22px;border:3px solid var(--mint-100);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:1.4rem .2rem;font-size:.92rem}.skeleton{position:relative;overflow:hidden;background:#eef2f6;border-radius:8px;min-height:1rem}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 1.2s infinite;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.empty-state{text-align:center;color:var(--muted);padding:2.4rem 1rem;font-size:.92rem}.empty-state .empty-icon{color:#cbd5e1;margin-bottom:.6rem;display:inline-flex}.empty-title{font-weight:600;color:var(--text);margin-bottom:.2rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;border-right:1px solid var(--border);background:var(--mint-50);padding:1.2rem .9rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.65rem;padding:0 .4rem 1.1rem}.brand-mark{width:38px;height:38px;border-radius:0;background:url(/insight-logo.svg) center / contain no-repeat;color:transparent;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0;letter-spacing:.02em;flex-shrink:0}.brand-name{font-weight:700;font-size:.98rem;letter-spacing:-.01em}.brand-sub{font-size:.74rem;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:.12rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.52rem .7rem;border-radius:10px;color:var(--text);text-decoration:none;font-weight:500;font-size:.92rem;transition:background .15s,color .15s}.nav-link:hover{background:var(--mint-100);color:var(--mint-dark)}.nav-link.router-link-active{background:var(--mint);color:#fff}.nav-section{margin:1.1rem .5rem .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:600}.sidebar-footer{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;gap:.55rem}.user-chip{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;background:#fff;border:1px solid var(--border);border-radius:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--mint);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-meta{min-width:0}.user-name{font-weight:600;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.74rem;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:none}.content{flex:1;padding:1.8rem 2.2rem 3rem}.page{max-width:1120px;margin:0 auto}.page-header{margin-bottom:1.4rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.45rem;margin:0}.page-sub{color:var(--muted);margin:.2rem 0 0;font-size:.92rem}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:flex-end;padding:1rem 1.25rem;margin-bottom:1.2rem}.filters .field{margin-bottom:0;min-width:150px}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--mint-50);padding:1rem}.auth-card{width:100%;max-width:410px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2rem}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.4rem}.auth-brand .brand-mark{width:46px;height:46px;font-size:1.1rem}.auth-title{text-align:center;font-size:1.25rem;margin-bottom:.25rem}.auth-sub{text-align:center;color:var(--muted);font-size:.88rem;margin-bottom:1.4rem}.auth-links{text-align:center;margin-top:1rem;font-size:.87rem}.upload-row{display:flex;align-items:center;gap:.9rem}.upload-preview{width:74px;height:74px;border-radius:10px;object-fit:cover;border:1px solid var(--border);background:var(--mint-50)}.upload-preview.round{border-radius:50%}.upload-placeholder{width:74px;height:74px;border-radius:10px;border:1px dashed var(--border);background:var(--mint-50);display:flex;align-items:center;justify-content:center;color:#94a3b8}.upload-placeholder.round{border-radius:50%}.hidden-file{display:none}.row-list{display:flex;flex-direction:column;gap:.55rem}.row-line{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{border:none;background:transparent;font:inherit;font-size:.9rem;font-weight:500;color:var(--muted);padding:.5rem .9rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--mint-dark);border-bottom-color:var(--mint)}.md-preview{border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;font-size:.92rem;min-height:260px}.md-preview img{max-width:100%;border-radius:8px}.md-preview code{background:var(--mint-50);border-radius:5px;padding:.08rem .32rem;font-size:.85em}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{margin:.9rem 0 .4rem}.md-preview ul{padding-left:1.3rem}@media(max-width:940px){.sidebar{position:fixed;left:0;top:0;z-index:80;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:70}.topbar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:40}.topbar-title{font-weight:600;flex:1}.content{padding:1.2rem 1rem 3rem}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}