:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%}body{margin:0;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1e293b;color:#e2e8f0;cursor:pointer;transition:border-color .25s}button:hover{border-color:#6366f1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{display:flex;flex-direction:column;min-height:100vh}.nav{display:flex;gap:1rem;padding:1rem 2rem;background:#1e293b;border-bottom:1px solid #334155}.nav a{color:#e2e8f0;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.nav a:hover{background:#334155}.main{flex:1;padding:2rem}.page{max-width:1400px;margin:0 auto}.page h1{margin-bottom:.5rem;color:#f1f5f9}.page p{color:#94a3b8;margin-bottom:1rem}.inline-form{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.inline-form input,.inline-form select{padding:.5rem .75rem;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:.9rem;min-width:160px}.inline-form input::placeholder{color:#64748b}.inline-form select{cursor:pointer}.inline-form button{padding:.5rem 1rem;border-radius:6px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s;white-space:nowrap}.inline-form button:hover:not(:disabled){background:#4f46e5}.inline-form button:disabled{opacity:.5;cursor:not-allowed}.item-list{list-style:none;padding:0;margin:0}.item-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid #334155;border-radius:6px;margin-bottom:.5rem;background:#1e293b}.item-label{color:#e2e8f0;font-size:.95rem}.item-label em{color:#a5b4fc;font-style:italic}.item-actions{display:flex;gap:.5rem;flex-shrink:0}.item-actions button{padding:.35rem .75rem;border-radius:4px;border:1px solid #334155;background:#334155;color:#e2e8f0;font-size:.8rem;cursor:pointer;transition:background .2s}.item-actions button:hover:not(:disabled){background:#475569}.item-edit-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;width:100%}.item-edit-form input{padding:.35rem .5rem;border-radius:4px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem;min-width:120px;flex:1}.item-edit-form button{padding:.35rem .75rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap}.item-edit-form button:hover:not(:disabled){background:#4f46e5}.item-edit-form button:disabled{opacity:.5;cursor:not-allowed}.item-edit-form button:last-child{border-color:#334155;background:#334155;color:#e2e8f0}.item-edit-form button:last-child:hover{background:#475569}.btn-danger{padding:.35rem .75rem;border-radius:4px;border:1px solid #ef4444;background:transparent;color:#ef4444;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.error{color:#ef4444;font-size:.9rem;margin-bottom:1rem}.empty-state{color:#64748b;text-align:center;padding:3rem 1rem;font-size:1rem}.mode-indicator{padding:.5rem 1rem;background:#312e81;color:#a5b4fc;border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}kbd{background:#334155;border:1px solid #475569;border-radius:3px;padding:.1rem .4rem;font-size:.8rem;font-family:monospace;color:#e2e8f0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;min-width:360px;max-width:500px;max-height:80vh;overflow-y:auto;color:#e2e8f0}.modal-content h3{margin:0 0 1rem;color:#f1f5f9;font-size:1.1rem}.modal-content p{color:#94a3b8;margin:.5rem 0}.modal-form{display:flex;flex-direction:column;gap:.75rem}.modal-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#94a3b8}.modal-form input,.modal-form select,.modal-form textarea{padding:.5rem .75rem;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.9rem;font-family:inherit}.modal-form input::placeholder,.modal-form textarea::placeholder{color:#64748b}.modal-form textarea{resize:vertical}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.modal-actions button{padding:.5rem 1rem;border-radius:6px;border:1px solid #334155;background:#334155;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:background .2s}.modal-actions button:hover:not(:disabled){background:#475569}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions button[type=submit],.modal-actions button:last-child:not(.btn-danger){border-color:#6366f1;background:#6366f1}.modal-actions button[type=submit]:hover:not(:disabled),.modal-actions button:last-child:not(.btn-danger):hover:not(:disabled){background:#4f46e5}.new-type-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px}.new-type-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#94a3b8}.new-type-form button{align-self:flex-end;padding:.35rem .75rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.8rem;cursor:pointer}.new-type-form button:disabled{opacity:.5;cursor:not-allowed}.relation-context{color:#a5b4fc;font-weight:500;margin-bottom:.5rem}.detail-section{margin-bottom:.75rem;font-size:.9rem}.detail-section strong{color:#f1f5f9}.detail-section code{background:#0f172a;padding:.1rem .4rem;border-radius:3px;font-size:.8rem;color:#a5b4fc}.detail-section pre{background:#0f172a;padding:.5rem;border-radius:6px;font-size:.8rem;overflow-x:auto;color:#e2e8f0;margin:.25rem 0}.detail-relations{list-style:none;padding:0;margin:.25rem 0}.detail-relations li{padding:.25rem 0;color:#94a3b8}.detail-relations em{color:#a5b4fc;font-style:italic}.property-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.property-add-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid #6366f1;background:transparent;color:#6366f1;font-size:.8rem;cursor:pointer;transition:background .2s}.property-add-btn:hover{background:#6366f1;color:#fff}.property-add-form{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:#0f172a;border:1px solid #334155;border-radius:6px;margin-bottom:.5rem}.property-add-form input,.property-add-form select{padding:.35rem .5rem;border-radius:4px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:.85rem}.property-add-form input::placeholder{color:#64748b}.property-add-form button{align-self:flex-end;padding:.35rem .75rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.8rem;cursor:pointer}.property-add-form button:disabled{opacity:.5;cursor:not-allowed}.property-tree{margin:.25rem 0}.property-item{margin-bottom:.25rem}.property-display-row{display:flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border-radius:4px;font-size:.85rem}.property-display-row:hover{background:#0f172a}.property-key{color:#a5b4fc;font-weight:600}.property-value{color:#e2e8f0}.property-description{color:#64748b;font-size:.8rem;font-style:italic}.property-actions{margin-left:auto;display:flex;gap:.25rem;flex-shrink:0}.property-actions button{padding:.15rem .4rem;border-radius:3px;border:1px solid #334155;background:#334155;color:#e2e8f0;font-size:.7rem;cursor:pointer;transition:background .2s}.property-actions button:hover:not(:disabled){background:#475569}.property-edit-row{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;padding:.3rem 0}.property-edit-row input{padding:.25rem .4rem;border-radius:4px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.8rem;min-width:80px;flex:1}.property-edit-row button{padding:.25rem .5rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.75rem;cursor:pointer;white-space:nowrap}.property-edit-row button:last-child{border-color:#334155;background:#334155;color:#e2e8f0}.property-edit-row button:disabled{opacity:.5;cursor:not-allowed}.property-empty{color:#64748b;font-size:.85rem;margin:.25rem 0}.dashboard-link{color:#e2e8f0;text-decoration:none;font-size:.95rem;transition:color .2s}.dashboard-link:hover{color:#a5b4fc}.dashboard-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.dashboard-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.add-subject-picker select{padding:.5rem .75rem;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:.9rem;cursor:pointer;min-height:44px}.add-subject-picker select:disabled{opacity:.5;cursor:not-allowed}.discoverable-section{margin-top:.25rem}.discoverable-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.discoverable-off-board{color:#64748b;font-size:.8rem}.discoverable-import-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid #f59e0b;background:transparent;color:#f59e0b;font-size:.75rem;cursor:pointer;transition:background .2s;flex-shrink:0}.discoverable-import-btn:hover:not(:disabled){background:#f59e0b;color:#000}.discoverable-import-btn:disabled{opacity:.5;cursor:not-allowed}.graph-container{height:600px;margin-top:.5rem;position:relative}.mode-toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.mode-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem 1rem;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}.mode-toolbar-btn:hover:not(.active){background:#334155}.mode-toolbar-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.mode-toolbar-cancel{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem 1rem;border-radius:6px;border:1px solid #ef4444;background:transparent;color:#ef4444;font-size:.9rem;cursor:pointer;transition:background .2s,opacity .2s;-webkit-tap-highlight-color:transparent}.mode-toolbar-cancel:hover:not(:disabled){background:#ef4444;color:#fff}.mode-toolbar-cancel:disabled{opacity:.3;cursor:not-allowed}.widget-viewer-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.widget-viewer-tab{padding:.4rem .75rem;border-radius:4px;border:1px solid #334155;background:#0f172a;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.widget-viewer-tab:hover:not(.active){background:#1e293b;color:#e2e8f0}.widget-viewer-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.widget-reorder-btn{cursor:pointer;padding:0 .15rem;font-weight:700;opacity:.6}.widget-reorder-btn:hover{opacity:1}.widget-viewer-content{margin-bottom:.5rem}.widget-viewer-field{margin-bottom:.75rem}.widget-viewer-field-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.widget-viewer-field-value{color:#e2e8f0;font-size:.9rem}.widget-viewer-field-value img{max-width:100%;max-height:200px;border-radius:6px;object-fit:contain}.widget-viewer-field-value a{color:#a5b4fc;text-decoration:underline;word-break:break-all}.widget-viewer-field-na{color:#475569;font-style:italic;font-size:.85rem}.widget-list-item{flex-direction:column;align-items:stretch!important}.widget-item-header{display:flex;justify-content:space-between;align-items:center;width:100%}.widget-fields{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #334155}.widget-fields-empty{color:#64748b;font-size:.85rem;margin:.25rem 0}.widget-field-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:4px;margin-bottom:.25rem;font-size:.85rem}.widget-field-item:hover{background:#0f172a}.widget-field-info{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.widget-field-info code{background:#0f172a;padding:.1rem .4rem;border-radius:3px;font-size:.8rem;color:#a5b4fc}.field-type-badge{display:inline-block;padding:.1rem .4rem;border-radius:3px;background:#334155;color:#94a3b8;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.widget-field-add-form{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.widget-field-add-form input,.widget-field-add-form select{padding:.3rem .5rem;border-radius:4px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.8rem;min-width:100px}.widget-field-add-form button{padding:.3rem .6rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap}.widget-field-add-form button:disabled{opacity:.5;cursor:not-allowed}.widget-field-add-form button:last-child{border-color:#334155;background:#334155;color:#e2e8f0}.widget-assignment-list{margin:.25rem 0}.widget-assignment-item{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;border-radius:4px;font-size:.85rem;color:#e2e8f0}.widget-assignment-item:hover{background:#0f172a}.widget-assignment-actions{display:flex;gap:.25rem;flex-shrink:0}.widget-assignment-actions button{padding:.15rem .4rem;border-radius:3px;border:1px solid #334155;background:#334155;color:#e2e8f0;font-size:.7rem;cursor:pointer;transition:background .2s}.widget-assignment-actions button:hover:not(:disabled){background:#475569}.widget-assignment-actions button:disabled{opacity:.4;cursor:not-allowed}.widget-assignment-add{display:flex;gap:.3rem;align-items:center;margin-top:.35rem}.widget-assignment-add select{padding:.3rem .5rem;border-radius:4px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem;flex:1}.widget-assignment-add button{padding:.3rem .6rem;border-radius:4px;border:1px solid #6366f1;background:#6366f1;color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap}.widget-assignment-add button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.mode-toolbar kbd{display:none}}@media(max-width:600px){.main{padding:1rem}.modal-content{min-width:unset;width:calc(100vw - 2rem)}.graph-container{height:50vh;min-height:300px}}