select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;min-height:2.5rem;padding-right:2rem}:root{--sidebar-width:240px;--sidebar-collapsed-width:56px;--topbar-height:72px;--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--color-blue-navy:#1a3e8c;--color-blue:#2b7fff;--color-blue-digital:#1a73e8;--color-blue-light:#39f;--color-blue-bg:#e8f0fe;--color-green-forest:#017354;--color-green:#096;--color-green-mid:#00aa50;--color-green-teal:#0c9;--color-green-bg:#e6f5ef;--color-red-dark:#900;--color-red:#be2c27;--color-red-bright:#e62b25;--color-red-bg:#fdeaea;--color-orange-deep:#f63;--color-orange:#f93;--color-amber:#fb0;--color-yellow-tint:#fff3cc;--color-orange-bg:#fff4e6;--color-brand-blue:var(--color-blue);--gradient-brand:linear-gradient(135deg, var(--color-blue-navy) 0%, var(--color-blue-digital) 100%);--color-primary:var(--color-blue);--color-primary-hover:var(--color-blue-navy);--color-primary-light:var(--color-blue-bg);--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-success:var(--color-green);--color-success-bg:var(--color-green-bg);--color-warning:var(--color-orange);--color-warning-bg:var(--color-orange-bg);--color-error:var(--color-red);--color-error-bg:var(--color-red-bg);--color-info:var(--color-blue);--color-info-bg:var(--color-blue-bg);--color-progress:var(--color-orange);--color-progress-bg:var(--color-orange-bg);--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 30px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--color-bg);color:var(--color-text);min-height:100dvh;font-size:.9375rem;line-height:1.6}h1{letter-spacing:-.025em;color:var(--color-text);font-size:1.75rem;font-weight:700}h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}h4{font-size:.9375rem;font-weight:600}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #0066cc40}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc59}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-2);border-color:#cbd5e1}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem}.card-hover{transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1f}.input.error{border-color:var(--color-error)}.input:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.label{color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.field{flex-direction:column;gap:.25rem;display:flex}.field-error{color:var(--color-error);margin-top:.25rem;font-size:.8125rem}.sidebar{width:var(--sidebar-width);height:calc(100dvh - var(--topbar-height));background:var(--color-surface);border-right:1px solid var(--color-border);top:var(--topbar-height);z-index:20;flex-direction:column;transition:width .25s;display:flex;position:fixed;left:0;overflow:hidden}.sidebar-nav{flex:1;min-height:0;padding:.75rem .75rem 4.5rem;overflow-y:auto}.nav-item{border-radius:var(--radius);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.5625rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:padding .25s,background .15s,color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.nav-item .nav-badge{background:var(--color-brand-blue);color:#fff;text-align:center;border-radius:9999px;min-width:1.25rem;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text-secondary)}.nav-item.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #0066cc40}.nav-item.active svg{opacity:1}.nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:.875rem .875rem .375rem;font-size:.7rem;font-weight:600}.nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-label{opacity:1;transition:opacity .2s 50ms;overflow:hidden}.sidebar-collapsed .sidebar,.sidebar.sidebar-icons-only{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)!important}.sidebar.sidebar-icons-only .sidebar-nav{padding:.75rem .35rem 4.5rem}.sidebar.sidebar-icons-only .nav-item{justify-content:center;gap:0;padding:.5rem}.sidebar.sidebar-icons-only .nav-label,.sidebar.sidebar-icons-only .nav-badge{opacity:0;width:0;transition:opacity .15s;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:30;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar-search{flex:1;max-width:680px;position:relative}.topbar-search input{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-2);width:100%;color:var(--color-text);outline:none;padding:.5rem .875rem .5rem 2.5rem;font-size:.9rem;transition:all .15s}.topbar-search input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.topbar-search .search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.topbar-icon-btn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;text-decoration:none;transition:all .15s;display:grid;position:relative}.topbar-icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.topbar-badge{background:var(--color-error);color:#fff;border:2px solid var(--color-surface);border-radius:50%;place-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.topbar-user{border-radius:var(--radius-xl);cursor:pointer;background:0 0;border:none;align-items:center;gap:.625rem;padding:.375rem .75rem;font-family:inherit;transition:background .15s;display:flex}.topbar-user:hover{background:var(--color-surface-2)}.topbar-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:grid;overflow:hidden}.app-layout{min-height:100dvh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);flex:1;min-height:100dvh}.page-body{padding:2.5rem 2rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.welcome-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:0;margin-bottom:1.5rem;padding:1.75rem 2rem}.welcome-banner h1{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.625rem;font-weight:700}.welcome-banner p{color:var(--color-text-muted);font-size:.9375rem}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-2);padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.table th:first-child{border-radius:var(--radius) 0 0 0}.table th:last-child{border-radius:0 var(--radius) 0 0}.table td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:.875rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover>td{background:var(--color-surface-2)}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-draft{background:var(--color-surface-2);color:var(--color-text-muted)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-active,.badge-open,.badge-approved,.badge-published{background:var(--color-success-bg);color:var(--color-success)}.badge-closed,.badge-completed{background:var(--color-info-bg);color:var(--color-info)}.badge-rejected,.badge-suspended{background:var(--color-error-bg);color:var(--color-error)}.tabs{gap:.25rem;margin-bottom:1.5rem;display:flex}.tab-item{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xl);background:0 0;border:none;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .15s}.tab-item:hover{background:var(--color-surface-2);color:var(--color-text)}.tab-item.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #06c3}.alert{border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #f5c6c5}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #a3e4c1}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #b0d0f5}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.stat-value{letter-spacing:-.03em;color:var(--color-text);font-size:1.875rem;font-weight:700}.stat-label{color:var(--color-text-muted);margin-top:.125rem;font-size:.8125rem;font-weight:500}.empty-state{text-align:center;color:var(--color-text-muted);padding:4rem 2rem}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}.list-item{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem;transition:background .1s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-surface-2)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.65s linear infinite spin;display:inline-block}.tiptap{outline:none}.tiptap p{margin:.5em 0}.tiptap h1{color:#0f172a;margin:.75em 0 .25em;font-size:1.75rem;font-weight:700}.tiptap h2{color:#0f172a;margin:.75em 0 .25em;font-size:1.35rem;font-weight:700}.tiptap h3{color:#1e293b;margin:.75em 0 .25em;font-size:1.1rem;font-weight:600}.tiptap h4{color:#334155;margin:.75em 0 .25em;font-size:.95rem;font-weight:600}.tiptap ul{margin:.5em 0;padding-left:1.5em;list-style:outside}.tiptap ol{margin:.5em 0;padding-left:1.5em;list-style:decimal}.tiptap li{margin:.15em 0}.tiptap blockquote{color:#4338ca;background:#f5f3ff;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin:.75em 0;padding:.5em 1em}.tiptap pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:.75em 0;padding:1em;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.tiptap code{color:#e11d48;background:#f1f5f9;border-radius:4px;padding:.15em .35em;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85em}.tiptap pre code{color:inherit;background:0 0;border-radius:0;padding:0}.tiptap a,.tiptap .editor-link{color:#4f46e5;cursor:pointer;text-decoration:underline}.tiptap a:hover{color:#4338ca}.tiptap hr{border:none;border-top:2px solid #e2e8f0;margin:1.25em 0}.tiptap img{border-radius:8px;max-width:100%;height:auto;margin:.75em 0}.tiptap mark{background:#fef08a;border-radius:2px;padding:.1em .2em}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0;font-style:italic}