:root{--primary: #7c3aed;--primary-hover: #6d28d9;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--bg-primary: #0f1419;--bg-secondary: #1a1f29;--bg-tertiary: #252d3d;--bg-card: #1e2532;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;display:flex;margin-left:250px;padding:20px 320px 20px 20px}.navbar{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 0;z-index:100}.navbar-brand{padding:0 24px 24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.navbar-brand h1{font-size:20px;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.network-badge{display:inline-block;padding:4px 8px;background:#7c3aed1a;color:var(--primary);border:1px solid var(--primary);border-radius:4px;font-size:11px;font-weight:600}.navbar-links{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s;font-size:14px;font-weight:500}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--primary);color:#fff}.nav-icon{font-size:18px}.navbar-wallet{padding:24px;border-top:1px solid var(--border-color)}.connection-options,.wallet-info{display:flex;flex-direction:column;gap:8px}.account-selector{width:100%;padding:8px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;cursor:pointer}.connected-account{display:flex;flex-direction:column;gap:8px}.account-badge{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-family:monospace;text-align:center}.btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-disconnect{background:var(--danger);color:#fff}.btn-disconnect:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{background:var(--danger);color:#fff}.page{flex:1;max-width:1200px;width:100%}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.stat-label{color:var(--text-secondary);font-size:13px;margin-bottom:8px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.danger{color:var(--danger)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-decoration:none;color:var(--text-primary);transition:all .2s;cursor:pointer}.action-card:hover{border-color:var(--primary);transform:translateY(-2px)}.action-card h3{font-size:18px;margin-bottom:8px}.action-card p{color:var(--text-secondary);font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.card h2{font-size:20px;margin-bottom:16px}.card h3{font-size:16px;margin-bottom:12px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group input::placeholder{color:var(--text-secondary);opacity:.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-box{background:#7c3aed1a;border:1px solid var(--primary);border-radius:8px;padding:16px;margin-bottom:20px}.info-box.warning{background:#f59e0b1a;border-color:var(--warning)}.info-box.success{background:#10b9811a;border-color:var(--success)}.info-box.danger{background:#ef44441a;border-color:var(--danger)}.info-box h4{font-size:14px;margin-bottom:8px}.info-box p,.info-box ul{font-size:13px;color:var(--text-secondary);line-height:1.6}.info-box ul{margin-left:20px}.info-box li{margin-bottom:4px}.borrow-params{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.param-item{background:var(--bg-tertiary);padding:12px;border-radius:8px}.param-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.param-value{font-size:16px;font-weight:600}.health-calculator{background:var(--bg-tertiary);border-radius:8px;padding:16px;margin-bottom:20px}.health-calculator h4{font-size:14px;margin-bottom:12px}.health-result{font-size:24px;font-weight:700;text-align:center;padding:16px;border-radius:8px}.health-result.safe{background:#10b9811a;color:var(--success)}.health-result.warning{background:#f59e0b1a;color:var(--warning)}.health-result.danger{background:#ef44441a;color:var(--danger)}.position-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.log-sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100}.log-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.log-header h3{font-size:16px}.clear-btn{padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.clear-btn:hover{background:var(--bg-primary)}.log-content{flex:1;overflow-y:auto;padding:16px}.log-empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:20px}.log-entry{padding:12px;margin-bottom:8px;background:var(--bg-tertiary);border-radius:6px;font-size:12px;border-left:3px solid transparent}.log-entry.success{border-left-color:var(--success)}.log-entry.error{border-left-color:var(--danger)}.log-entry.warning{border-left-color:var(--warning)}.log-entry.info{border-left-color:var(--primary)}.log-time{color:var(--text-secondary);font-size:11px;display:block;margin-bottom:4px}.log-message{color:var(--text-primary);word-break:break-word}.guide-page{padding-bottom:40px}.guide-container{max-width:900px}.guide-section{margin-bottom:48px}.guide-section h2{font-size:24px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.guide-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:20px}.guide-card h3{font-size:18px;margin-bottom:12px}.guide-card h4{font-size:16px;margin:16px 0 12px;color:var(--primary)}.guide-card p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.guide-card ul{margin-left:24px;color:var(--text-secondary)}.guide-card li{margin-bottom:8px;line-height:1.6}.guide-card strong{color:var(--text-primary)}.steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.step-number{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:16px;margin-bottom:8px}.step-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.limits-table,.addresses-table{width:100%;border-collapse:collapse;margin:16px 0}.limits-table th,.limits-table td,.addresses-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.limits-table th{background:var(--bg-tertiary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.limits-table td,.addresses-table td{color:var(--text-secondary);font-size:14px}.addresses-table td code{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace}.code-block,pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;overflow-x:auto;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.6;margin:16px 0}code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.tranches-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.tranche-col{background:var(--bg-tertiary);border-radius:8px;padding:16px}.tranche-col h4{margin-bottom:12px}.tranche-col ul{margin-left:20px}.warning-text{color:var(--warning);font-weight:600;margin:12px 0}.troubleshooting-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.troubleshooting-item:last-child{border-bottom:none}.troubleshooting-item h4{font-size:16px;margin-bottom:8px}.troubleshooting-item p{margin-bottom:4px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.app-content{margin-left:0;padding-right:20px}.navbar{transform:translate(-100%)}.log-sidebar{width:100%;height:auto;position:relative}}@media (max-width: 768px){.stats-grid,.quick-actions,.borrow-params,.position-summary,.tranches-comparison,.form-row{grid-template-columns:1fr}}.swap-container{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-tertiary);border-radius:12px}.swap-row{padding:16px;background:var(--bg-secondary);border-radius:8px}.swap-input-group{display:flex;flex-direction:column;gap:8px}.swap-input-group label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.swap-input-group select{padding:12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.swap-input-group input{padding:16px;background:transparent;color:var(--text-primary);border:none;font-size:24px;font-weight:600;outline:none;width:100%}.swap-input-group input::placeholder{color:var(--text-secondary)}.swap-input-group small{color:var(--text-secondary);font-size:12px}.swap-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;background:var(--bg-card);border:2px solid var(--bg-secondary);border-radius:50%;cursor:pointer;transition:all .2s;font-size:18px}.swap-arrow:hover{background:var(--primary);transform:rotate(180deg)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.info-item .value{font-size:14px;font-family:monospace;color:var(--text-primary)}.contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.contract-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:8px}.contract-name{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.contract-address{font-family:monospace;font-size:12px;color:var(--primary);text-decoration:none}.contract-address:hover{text-decoration:underline}.data-table{width:100%;border-collapse:collapse;margin-top:12px}.data-table th{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.data-table .row-success td{background:#10b9811a}.data-table .row-warning td{background:#f59e0b1a}.data-table .row-danger td{background:#ef44441a}.data-table .row-critical td{background:#dc262633}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.spinner.large{width:32px;height:32px;border-width:3px}.stat-card.senior{border-left:3px solid #60a5fa}.stat-card.junior{border-left:3px solid #f59e0b}.stat-card.highlight{border:1px solid var(--primary);background:#7c3aed1a}.btn-small{padding:6px 12px;font-size:12px}.validation-banner{position:fixed;top:0;left:250px;right:300px;z-index:1000;padding:12px 20px;background:var(--bg-secondary);border-bottom:2px solid var(--warning)}.validation-banner.error{border-bottom-color:var(--danger);background:#ef44441a}.validation-banner.warning{border-bottom-color:var(--warning);background:#f59e0b1a}.validation-banner.validating{border-bottom-color:var(--primary);background:#7c3aed1a}.validation-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.validation-icon{font-size:20px}.validation-title{font-weight:600;flex:1}.validation-details{display:flex;flex-direction:column;gap:6px;font-size:13px}.validation-issue{padding:6px 12px;background:var(--bg-tertiary);border-radius:4px}.validation-issue.error{border-left:3px solid var(--danger)}.validation-issue.warning{border-left:3px solid var(--warning)}.validation-help{margin-top:8px;font-size:12px;color:var(--text-secondary)}.app:has(.validation-banner) .app-content{padding-top:100px}.kyc-status-card{margin-top:20px}.kyc-user-status{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px}.kyc-user-status.verified{border-left:4px solid var(--success)}.kyc-user-status.not-verified{border-left:4px solid var(--danger)}.kyc-icon{font-size:24px}.kyc-info{display:flex;flex-direction:column}.kyc-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.kyc-value{font-size:16px;font-weight:600}.kyc-section{margin-bottom:20px}.kyc-section h4{font-size:14px;margin-bottom:12px;color:var(--text-secondary)}.kyc-actions-list{list-style:none;margin:0;padding:0}.kyc-actions-list li{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:8px}.kyc-badge{display:inline-block;padding:2px 8px;background:#f59e0b33;color:var(--warning);border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.action-name{font-weight:500;flex:1}.action-reason{font-size:12px;color:var(--text-secondary)}.kyc-whitelist-table{width:100%;border-collapse:collapse}.kyc-whitelist-table th,.kyc-whitelist-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-color)}.kyc-whitelist-table th{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.kyc-whitelist-table tr.allowed{background:#10b9810d}.kyc-whitelist-table tr.not-allowed{background:#ef44440d}.address-link{font-family:monospace;font-size:12px;color:var(--primary);text-decoration:none}.address-link:hover{text-decoration:underline}.status-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.success{background:#10b98133;color:var(--success)}.status-badge.error{background:#ef444433;color:var(--danger)}.prices-risk-card{margin-top:20px}.card-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header-with-action h2{margin-bottom:0}.pricing-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.pricing-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pricing-section h4{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.oracle-info{background:var(--bg-tertiary);border-radius:8px;padding:16px}.oracle-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.oracle-label{color:var(--text-secondary)}.oracle-value{font-weight:500}.swap-rates{background:var(--bg-tertiary);border-radius:8px;padding:12px 16px}.rate-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.rate-value{font-weight:600;color:var(--primary)}.last-updated{font-size:11px;color:var(--text-secondary);text-align:right;margin-top:12px}.tx-link{color:var(--primary);text-decoration:none;font-family:monospace;font-size:11px;margin-left:4px}.tx-link:hover{text-decoration:underline}.tx-link-standalone{display:block;margin-top:6px;color:var(--primary);text-decoration:none;font-size:11px}.tx-link-standalone:hover{text-decoration:underline}.swap-preview{margin-top:16px}.swap-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.detail-value{font-weight:500}.preview-box{background:var(--bg-tertiary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.preview-box h4{margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:8px}.preview-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.preview-value{font-weight:600}.input-error{border-color:var(--danger)!important}.input-warning{border-color:var(--warning)!important}.kyc-warning-inline{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--warning)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.two-column{grid-template-columns:1fr}}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.action-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.action-grid{grid-template-columns:1fr}}.action-icon{font-size:32px;margin-bottom:12px}.section{margin-bottom:32px}.section h2{font-size:20px;margin-bottom:16px}.position-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.position-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.position-item .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.position-item .value{font-size:18px;font-weight:600}.position-footer{padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.info-text{font-size:13px;color:var(--text-secondary)}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-warning{background:#f59e0b1a;border:1px solid var(--warning)}.alert strong{display:block;margin-bottom:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.loading-small{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.btn-link{color:var(--primary);text-decoration:none;font-size:13px;font-weight:500}.btn-link:hover{text-decoration:underline}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover:not(:disabled){background:#d97706}.liquidation-info{margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.stat-action{margin-top:8px}.protocol-tagline{font-size:11px;color:var(--primary);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:4px;margin-bottom:8px}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:60px 40px}.hero-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#7c3aed33,#3b82f633);border:1px solid var(--primary);border-radius:30px;font-size:14px;font-weight:700;color:var(--primary);letter-spacing:2px;margin-bottom:24px}.hero-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;line-height:1.2}.hero-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px;margin-bottom:48px;line-height:1.6}.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin-bottom:48px}.hero-feature{display:flex;align-items:flex-start;gap:16px;text-align:left;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s}.hero-feature:hover{border-color:var(--primary);transform:translateY(-2px)}.feature-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#7c3aed26;border-radius:12px;color:var(--primary);flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:4px}.feature-text strong{font-size:16px;color:var(--text-primary)}.feature-text span{font-size:14px;color:var(--text-secondary);line-height:1.5}.hero-cta{font-size:16px;color:var(--text-secondary)}.action-icon-svg{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#7c3aed26;border-radius:12px;color:var(--primary);margin-bottom:16px}.header-top{display:flex;justify-content:space-between;align-items:flex-start}.docs-page{padding-bottom:60px}.docs-header{text-align:center;margin-bottom:40px}.docs-badge{display:inline-block;padding:6px 16px;background:#7c3aed26;border:1px solid var(--primary);border-radius:20px;font-size:12px;font-weight:600;color:var(--primary);letter-spacing:1px;margin-bottom:16px}.docs-layout{display:grid;grid-template-columns:200px 1fr;gap:40px}.docs-nav{position:sticky;top:20px;height:fit-content}.docs-nav-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-left:12px}.docs-nav-item{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-left:2px solid transparent;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.docs-nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.docs-nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#7c3aed1a}.docs-content{max-width:900px}.docs-section h2{font-size:28px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.docs-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.docs-card h3{font-size:20px;margin-bottom:16px;color:var(--text-primary)}.docs-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.docs-list{margin:16px 0;padding-left:24px;color:var(--text-secondary)}.docs-list li{margin-bottom:10px;line-height:1.6}.docs-list strong{color:var(--text-primary)}.innovation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.innovation-item{background:var(--bg-tertiary);border-radius:8px;padding:20px}.innovation-header{margin-bottom:12px}.innovation-tag{display:inline-block;padding:4px 12px;background:var(--primary);color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tranche-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.tranche-box{background:var(--bg-tertiary);border-radius:12px;padding:24px;border:2px solid transparent}.tranche-box.senior{border-color:#60a5fa}.tranche-box.junior{border-color:#f59e0b}.tranche-title{font-size:18px;font-weight:700;margin-bottom:16px}.tranche-properties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.property{display:flex;flex-direction:column;gap:2px}.property-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.property-value{font-size:14px;font-weight:600}.tranche-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.architecture-diagram{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-tertiary);border-radius:12px}.arch-layer{width:100%;text-align:center}.arch-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.arch-boxes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.arch-box{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500}.arch-box.senior-bg{border-color:#60a5fa;background:#60a5fa1a}.arch-box.junior-bg{border-color:#f59e0b;background:#f59e0b1a}.arch-arrow{font-size:20px;color:var(--text-secondary)}.flow-diagram{display:flex;flex-direction:column;gap:16px}.flow-step{display:flex;gap:16px;padding:20px;background:var(--bg-tertiary);border-radius:8px}.flow-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.flow-content{flex:1}.flow-content strong{display:block;margin-bottom:4px}.flow-content p{margin-bottom:8px;font-size:14px}.flow-content code{display:block;padding:8px 12px;background:var(--bg-card);border-radius:4px;font-size:12px}.formula-box{background:var(--bg-tertiary);border-radius:8px;padding:20px;margin:16px 0}.formula{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color)}.formula:last-child{border-bottom:none}.formula-label{font-size:13px;color:var(--text-secondary);min-width:150px}.formula code{font-size:14px;font-family:Monaco,Consolas,monospace}.formula-note{margin-top:16px;font-size:13px;color:var(--text-secondary);font-style:italic}.params-table{margin:16px 0;overflow-x:auto}.params-table table{width:100%;border-collapse:collapse}.params-table th,.params-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.params-table th{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:var(--bg-tertiary)}.params-table td{font-size:14px}.params-table code{font-size:11px;word-break:break-all}.step-item{display:flex;gap:16px;padding:20px;background:var(--bg-tertiary);border-radius:8px}.step-item .step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.step-item .step-content h4{margin-bottom:8px;font-size:16px}.step-item .step-content p{margin:0;font-size:14px}.best-practices{display:grid;gap:16px}.practice-item{padding:16px;background:var(--bg-tertiary);border-radius:8px}.practice-item h4{margin-bottom:8px;font-size:15px}.practice-item p{margin:0;font-size:14px;color:var(--text-secondary)}.contracts-list{display:flex;flex-direction:column;gap:12px}.contract-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:8px}.contract-info{display:flex;flex-direction:column;gap:2px}.contract-info .contract-name{font-weight:600;font-size:14px}.contract-info .contract-desc{font-size:12px;color:var(--text-secondary)}.contract-addr{font-family:Monaco,Consolas,monospace;font-size:12px;color:var(--primary)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.faq-item h4{font-size:16px;margin-bottom:12px;color:var(--text-primary)}.faq-item p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.7}.faq-item code{font-size:12px}@media (max-width: 900px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}.docs-nav-item{width:auto;border-left:none;border-radius:4px}.hero-features,.innovation-grid,.tranche-comparison{grid-template-columns:1fr}.hero-title{font-size:32px}}.nav-separator{height:1px;background:var(--border-color);margin:8px 16px}.admin-link{color:var(--warning)}.admin-link:hover{background:#f59e0b1a;color:var(--warning)}.admin-link.active{background:var(--warning);color:var(--bg-primary)}.protocol-tagline{font-size:11px;color:var(--text-secondary);font-weight:500;margin-bottom:8px;letter-spacing:.5px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;transition:transform .2s}.step-item:hover{transform:translate(4px)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.step-content h4{margin-bottom:4px;color:var(--text-primary)}.step-content p{color:var(--text-secondary);font-size:14px;margin:0}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.success{background:#10b9811a;color:var(--success)}.status-badge.error{background:#ef44441a;color:var(--danger)}.status-badge.warning{background:#f59e0b1a;color:var(--warning)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.info-item .label{font-size:12px;color:var(--text-secondary);font-weight:500}.info-item .value{color:var(--text-primary);word-break:break-all}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-tertiary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary)}.spinner.large{width:40px;height:40px;margin-bottom:16px}.stat-sublabel{font-size:11px;color:var(--text-secondary);margin-top:4px}