:root{--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-light: #e0f2fe;--color-border: #e2e8f0;--color-border-dark: #cbd5e1;--color-accent: #0891b2;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #ca8a04;--color-warning-bg: #fef9c3;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.6}body{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--color-border)}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none;display:block}.logo-sub{font-size:.75rem;color:var(--color-text-muted);display:block;margin-top:.25rem}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--color-text-muted);text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary-hover);border-left-color:var(--color-primary);font-weight:600}.nav-icon{font-size:1.1rem}.nav-text{font-size:.9rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted)}.main-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh}main{padding:2rem 2.5rem;width:100%}h1{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:var(--color-text);border-bottom:3px solid var(--color-primary);padding-bottom:.5rem}h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:var(--color-primary-hover)}h3{font-size:1.2rem;font-weight:600;margin-top:1.75rem;margin-bottom:.75rem;color:var(--color-accent)}h4{font-size:1.05rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;color:var(--color-text)}p{margin-bottom:1rem;color:var(--color-text)}strong{color:var(--color-primary-hover);font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--color-bg)}thead{background:var(--color-bg-tertiary)}th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border-dark);white-space:nowrap}td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:top}tbody tr:hover{background:var(--color-bg-secondary)}tbody tr:nth-child(2n){background:var(--color-bg-secondary)}tbody tr:nth-child(2n):hover{background:var(--color-bg-tertiary)}pre{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.7}code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875em}:not(pre)>code{background:var(--color-bg-tertiary);padding:.2rem .4rem;border-radius:4px;color:var(--color-accent)}.mermaid{background:#fff!important;border:1px solid #e2e8f0;border-radius:8px;padding:2rem;margin:1.5rem 0;text-align:center;overflow-x:auto}.mermaid svg{max-width:100%;height:auto;background:#fff!important}ul,ol{margin:1rem 0;padding-left:1.75rem}li{margin-bottom:.5rem}blockquote{border-left:4px solid var(--color-primary);background:var(--color-primary-light);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}blockquote p:last-child{margin-bottom:0}.section{margin-bottom:2.5rem;padding:1.75rem;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.section h2:first-child{margin-top:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--color-primary)}.card h3{margin-top:0}.badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-primary-light);color:var(--color-primary)}.highlight-number{font-size:1.75rem;font-weight:800;color:var(--color-primary)}.package-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 4px #0000000a}.package-card h3{margin-top:0;margin-bottom:.5rem}.package-meta{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.package-meta strong{color:var(--color-text)}.package-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.feature-item{padding:.6rem .875rem;background:var(--color-bg-secondary);border-radius:6px;font-size:.875rem;border-left:3px solid var(--color-border-dark)}.feature-item strong{color:var(--color-text)}.feature-item.new{background:var(--color-primary-light);border-left-color:var(--color-primary)}.feature-item.highlight{background:var(--color-warning-bg);border-left-color:var(--color-warning)}@media(max-width:900px){:root{--sidebar-width: 220px}}@media(max-width:768px){.sidebar{width:100%;height:auto;min-height:auto;position:relative;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar-header{display:flex;align-items:center;gap:1rem}.logo-sub{display:none}.sidebar-nav{display:flex;flex-wrap:wrap;padding:.5rem;gap:.25rem}.nav-item{padding:.5rem .75rem;border-left:none;border-radius:6px;flex:1;justify-content:center;min-width:fit-content}.nav-item.active{border-left:none}.nav-icon,.sidebar-footer{display:none}.main-wrapper{margin-left:0}body{flex-direction:column}main{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}table{font-size:.8rem}th,td{padding:.5rem .6rem}}html,body{background-color:#fff!important;color:#1e293b!important}