*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:rgb(15,17,23);--bg-secondary:rgba(33,38,51);--bg-tertiary:rgba(50,57,73);--bg-block:#1a1d27;--node-bg:rgba(255,255,255,0.03);--node-border:rgba(255,255,255,0.12);--text-primary:#e2e8f0;--text-secondary:#94a3b8;--link-color:rgba(255,255,255,0.15);--highlight:#38bdf8;--shadow:0 0 20px rgba(255,255,255,0.05)}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}a,body,input,label,textarea{font-family:Inter,sans-serif}div,p{line-height:1.6}h1{font-weight:800;font-size:38px}h1,h2{margin-bottom:30px}h2{font-weight:600;font-size:36px}h3{font-size:24px}h3,h4{margin:10px 0;font-weight:600}h4{font-size:18px}ul{margin-left:10px}main{margin:0 auto;padding:100px 20px 20px;min-height:100vh;box-sizing:border-box}.bread-crumbs{text-decoration:none;color:white;opacity:.7;font-size:14px;font-weight:500}.app-container{display:flex;gap:20px;height:100vh;background-color:var(--bg-primary)}.sidebar{flex-shrink:0;width:300px;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.sidebar-header{position:absolute;top:0;left:0;width:100vw;background-color:var(--bg-primary);display:flex;align-items:center;z-index:100}.logo-container{margin:20px 10px 20px 20px;width:30px}.logo{width:100%;height:100%;object-fit:cover}.brand-name{font-weight:700;color:var(--text-primary)}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:80px 20px 20px}.sidebar-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.wrapper{height:100vh;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease .2s}@media (min-width:768px){.wrapper{height:100vh;transition:opacity .8s ease .2s}}.main-container{width:100%;margin:20px;height:100vh;position:relative}@media (min-width:768px){.main-container{display:flex;align-items:center;justify-content:flex-start;gap:30px;max-width:1200px;height:100%}}.flex-container{width:50%}@media (max-width:768px){.flex-container{width:100%;text-align:center;height:100%}.graph-flex-container{position:absolute;top:0;left:0}.hero-flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}.graph-container{position:relative;width:100%;height:100vh;background:var(--bg-primary);overflow:hidden}@media (max-width:768px){.graph-container-landing{position:absolute;top:0;left:0;width:100%;height:100vh;background:none;z-index:-1;opacity:.3}}.graph-svg{width:100%;height:100%;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;background-color:white;outline:none;border:none;color:var(--bg-primary);border-radius:20px;padding:10px 20px;font-size:1rem;transition:background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999}.btn:hover{background-color:var(--bg-tertiary);color:white}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#38bdf8;border-color:#38bdf8;color:#0f172a}.btn-primary:hover{background-color:#0ea5e9;border-color:#0ea5e9}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-ghost{color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-icon{padding:.5rem;width:2.5rem;height:2.5rem}.btn-icon-lg{width:3rem;height:3rem}.input{color:var(--text-primary);border:none;background-color:var(--bg-tertiary);border-radius:10px;outline:none;padding:.6rem .8rem;font-size:.7rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;height:100%;width:100%}.input:focus{border-color:var(--highlight);box-shadow:0 0 0 2px rgba(56,189,248,.3)}.input::placeholder{color:var(--text-secondary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.select{position:relative;width:100%}.select-trigger{width:100%;height:100%;padding:.5rem .75rem;color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:10px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.select-trigger:focus{outline:none;border-color:var(--accent-color)}.select-content{position:absolute;top:100%;left:0;right:0;z-index:50;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;margin-top:.25rem;max-height:200px;overflow-y:auto;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.select-item{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.select-item:hover{background-color:var(--bg-tertiary)}.card{border:1px solid var(--border-color);border-radius:.5rem}.card-header{border-bottom:1px solid var(--border-color)}.card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);padding:1rem 0}.tabs{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.tabs-list{justify-content:space-between;border-radius:.375rem;padding:.25rem}.tabs-list,.tabs-trigger{display:flex;align-items:center}.tabs-trigger{padding:.5rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:.25rem;justify-content:center;transition:all .2s;font-size:.75rem;height:100%}.tabs-trigger:hover{background-color:var(--bg-secondary)}.tabs-trigger.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.tabs-content{margin-top:1rem;overflow-y:auto;flex:1 1;padding-right:.25rem}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:white}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;max-width:24rem;width:100%;max-height:80vh;overflow-y:auto;margin:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.modal-header button,.modal-title{font-size:1.125rem}.modal-title{font-weight:600;color:var(--text-primary)}.label{display:block;color:#94a3b8;font-size:.75rem;margin-bottom:.25rem;font-weight:500}.form-group{margin-bottom:1rem}.form-row{grid-template-columns:1fr 1fr;grid-gap:.5rem}.form-row,.form-row-3{display:grid;gap:.5rem}.form-row-3{grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}.form-actions,.list{display:flex;gap:.5rem}.list{flex-direction:column}.list-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;gap:6px;border-radius:.375rem;background-color:var(--bg-block)}.list-item-content{flex:1 1}.list-item-title{font-size:.75rem;font-weight:500;color:var(--text-primary)}.list-item-subtitle{font-size:.75rem;color:var(--text-muted)}.tooltip{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:.75rem;z-index:10}.popup,.tooltip{position:absolute;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.popup{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1rem;width:20rem;max-height:80vh;overflow-y:auto;z-index:20}.popup-header{justify-content:space-between;margin-bottom:.75rem}.popup-header,.popup-user-info{display:flex;align-items:center}.popup-user-info{gap:.5rem}.popup-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--bg-tertiary);color:var(--text-primary)}.popup-user-details h3{font-weight:600;color:var(--text-primary);margin:0}.popup-user-details p{font-size:.875rem;color:var(--text-muted);margin:0}.popup-actions{display:flex;gap:.25rem}.popup-section{margin-bottom:1rem}.popup-section h4{font-weight:500;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.event-item{font-size:.75rem;padding:.5rem;border-radius:.375rem;border-left:2px solid;background-color:rgba(15,23,42,.6);margin-bottom:.25rem}.event-item-title{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.event-item-detail{color:var(--text-muted);margin-bottom:.125rem}.event-participants{margin-top:.5rem}.event-participants-title{font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.participant-item{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:.25rem;background-color:rgba(30,41,59,.4);margin-bottom:.125rem}.participant-name{font-size:.75rem;color:var(--text-primary)}.participant-role{font-size:.625rem;padding:.125rem .25rem;border-radius:.25rem;color:white}.trust-score{font-size:.75rem;color:var(--success-color);font-weight:600}.deal-amount{font-size:.75rem;color:var(--warning-color);font-weight:500}.status-update-section{margin-top:.5rem;padding:.5rem;background-color:rgba(15,23,42,.4);border-radius:.25rem;border:1px solid var(--border-color)}.status-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;color:white}.trust-impact{font-size:.625rem;color:var(--success-color);font-weight:600;margin-left:auto}.trust-impact.negative{color:var(--danger-color)}.trust-impact.neutral{color:var(--text-muted)}.participant-item-enhanced{display:flex;align-items:center;justify-content:space-between;padding:.25rem;border-radius:.25rem;background-color:rgba(30,41,59,.4);margin-bottom:.125rem}.participant-info{display:flex;align-items:center;gap:.5rem;flex:1 1}.legend{position:absolute;bottom:1rem;left:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:.75rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend h4{font-weight:500;font-size:.875rem;margin-bottom:.5rem;color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-bottom:.25rem}.legend-color{width:.75rem;height:.125rem;border-radius:.125rem}.legend-label{color:var(--text-secondary)}.mobile-controls{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:30}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.flex-1{flex:1 1}.w-full{width:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.hidden{display:none}@media (max-width:768px){.sidebar{display:none}.mobile-controls{display:flex}}@media (min-width:769px){.mobile-controls{display:none}}.color-input{width:3rem;height:2.25rem;border-radius:.375rem;border:1px solid var(--border-color);background-color:var(--bg-tertiary);cursor:pointer}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:none;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.status-changing{animation:statusPulse .5s ease-in-out}@keyframes statusPulse{0%{background-color:var(--bg-tertiary)}50%{background-color:var(--accent-color)}to{background-color:var(--bg-tertiary)}}.trust-updating{animation:trustUpdate .3s ease-in-out}@keyframes trustUpdate{0%{transform:scale(1);color:var(--success-color)}50%{transform:scale(1.1);color:var(--warning-color)}to{transform:scale(1);color:var(--success-color)}}