dl[data-v-706e67bc]{margin:10px}dt[data-v-706e67bc]{font-size:1.2em}dd[data-v-706e67bc]{padding:5px 10px;border:1px solid #000;border-radius:10px;font-size:1.4em;font-weight:700}.badge-number[data-v-706e67bc]{margin-left:10px;padding:5px 10px;border-radius:10px;font-size:1.5em;font-weight:700;color:#fff;background-color:rgba(var(--vs-personal_color),1)!important}.badge-number i[data-v-706e67bc]{vertical-align:middle}.click-hand[data-v-706e67bc]{cursor:pointer}.float-right[data-v-706e67bc]{float:right}.prescriber_status{font-weight:500;padding:4px 8px;border-radius:4px;font-size:14px}.status-subscribed .w-3.h-3.rounded-full{background-color:#10b981}.status-subscribed{background-color:#d1fae5;color:#065f46}.status-trial .w-3.h-3.rounded-full{background-color:#f59e0b}.status-trial{background-color:#fef3c7;color:#92400e}.status-outdated .w-3.h-3.rounded-full{background-color:#ef4444}.status-outdated{background-color:#fee2e2;color:#991b1b}.status-no_access .w-3.h-3.rounded-full{background-color:#6b7280}.status-no_access{background-color:#f3f4f6;color:#374151}.status-indicator{-webkit-transition:all .3s ease;transition:all .3s ease}.status-indicator.status-subscribed{background-color:#10b981}.status-indicator.status-trial{background-color:#f59e0b}.status-indicator.status-outdated{background-color:#ef4444}.status-indicator.status-no_access{background-color:#6b7280}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}}.tree,.tree-node{position:relative}.tree-node{margin:16px 0}.tree-node.level-0{margin-left:0}.tree-node.level-1{margin-left:40px}.tree-node.level-2{margin-left:80px}.tree-node:before{content:"";position:absolute;left:-20px;top:50%;width:12px;height:1px;background:#cbd5e1}.tree-node.level-1:before,.tree-node.level-2:before{display:block}.tree-node.level-0:before{display:none}.tree-vertical-line{position:absolute;left:-20px;top:-8px;bottom:50%;width:1px;background:#cbd5e1}.tree-node.last-child .tree-vertical-line{display:none}.access-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f8fafc;padding:16px 20px;border-radius:8px;border:2px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease}.access-control.active{background:#ecfdf5;border-color:#10b981}.access-control.disabled{background:#f1f5f9;opacity:.6}.access-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.access-title{font-weight:600;color:#1e293b;margin-bottom:4px}.access-description{font-size:12px;color:#64748b}.access-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:24px}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch-label{font-size:12px;font-weight:500;color:#64748b;min-width:40px}.commission-control{gap:8px;margin-top:12px;padding:12px;background:#fef7ff;border-radius:6px;border:1px solid #e9d5ff}.commission-control,.commission-control button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.commission-control button{width:28px;height:28px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;color:#6b7280}.commission-control button:hover{background:#f3f4f6}.commission-control button:disabled{opacity:.5;cursor:not-allowed}.commission-control input{width:80px;text-align:center;padding:6px;border:1px solid #d1d5db;border-radius:4px}.commission-label{font-size:12px;color:#7c2d12;font-weight:600}.action-buttons{margin-top:24px;text-align:right}.btn{padding:10px 20px;border-radius:6px;-webkit-transition:all .2s;transition:all .2s;margin-left:8px}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.subscription-details{background:#eff6ff;padding:20px;border-radius:8px;margin-top:20px}.subscription-details h4{color:#1e40af;margin-bottom:15px;font-weight:600}.subscription-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.subscription-info-item label{font-size:12px;color:#2563eb;font-weight:600;display:block;margin-bottom:4px}.subscription-info-item p{color:#1e40af;font-weight:500}.status-visual{margin-top:20px;padding:15px;background:#f3f4f6;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-indicator{width:12px;height:12px;border-radius:50%;margin-right:8px}.status-indicator.subscribed{background-color:#10b981}.status-indicator.trial{background-color:#f59e0b}.status-indicator.outdated{background-color:#ef4444}.status-indicator.no-access{background-color:#6b7280}.jc-badge{color:#16a34a}.commission-badge,.jc-badge{margin-left:8px;font-weight:600}.commission-badge{color:#7c2d12}.debug-panel{background:#eff6ff;padding:15px;border-radius:8px;margin-top:20px}.debug-panel h4{color:#1e40af;margin-bottom:10px;font-weight:600}.debug-panel pre{background:#fff;padding:10px;border-radius:4px;font-size:12px;overflow-x:auto}.demo-section{width:100%}.demo-items-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.demo-item{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#f9f9f9;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.demo-item:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.demo-item-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.demo-item-content,.demo-item-info{display:-webkit-box;display:-ms-flexbox;display:flex}.demo-item-info{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.demo-item-title{font-weight:600;font-size:1.1rem;color:#333}.demo-item-link a{color:#1976d2;text-decoration:none;word-break:break-all;font-size:.9rem}.demo-item-link a:hover{text-decoration:underline}.demo-item-comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:#fff;border-left:3px solid #1976d2;border-radius:4px;margin-top:.5rem}.demo-item-comment i{color:#1976d2;font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0}.demo-item-comment span{color:#555;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.demo-item-actions{gap:.5rem;-ms-flex-negative:0;flex-shrink:0}.demo-item-actions,.demo-item-actions .btn{display:-webkit-box;display:-ms-flexbox;display:flex}.demo-item-actions .btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s;transition:background-color .2s}.demo-item-actions .btn i{font-size:1.2rem}.btn-edit{background-color:#ffa726;color:#fff}.btn-edit:hover{background-color:#fb8c00}.btn-delete{background-color:#ef5350;color:#fff}.btn-delete:hover{background-color:#e53935}.demo-form{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.demo-form-fields{gap:1rem;margin-bottom:1rem}.demo-form-field,.demo-form-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.demo-form-field{gap:.5rem}.demo-form-field label{font-weight:600;color:#333}.demo-input,.demo-textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;-webkit-transition:border-color .2s;transition:border-color .2s;font-family:inherit}.demo-input:focus,.demo-textarea:focus{outline:none;border-color:#1976d2}.demo-textarea{resize:vertical;min-height:80px}.character-count{font-size:.85rem;color:#666;text-align:right}.demo-form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-success{background-color:#66bb6a;color:#fff}.btn-success:hover:not(:disabled){background-color:#4caf50}.btn-success:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#bdbdbd;color:#fff}.btn-secondary:hover{background-color:#9e9e9e}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.btn-add-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.demo-empty-state{padding:3rem;text-align:center}.empty-state-content i{font-size:4rem;color:#bdbdbd;margin-bottom:1rem}.empty-state-content p{font-size:1.2rem;font-weight:500;color:#666;margin-bottom:.5rem}.empty-state-content span{color:#999;font-size:.9rem}@media (max-width:768px){.demo-item-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.demo-item-actions{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}