:root{--bg: #f9fafb;--surface: #ffffff;--surface-hover: #f9fafb;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--icon: #9ca3af;--accent: #2563eb;--accent-soft: #eff6ff;--success: #16a34a;--warning: #ca8a04;--danger: #dc2626;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .625rem;--sidebar-w: 5rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.dt-app{display:flex;height:100vh;background:var(--bg);overflow:hidden}.dt-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;position:fixed;height:100vh;z-index:10}.dt-logo{position:relative;width:2.5rem;height:2.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;text-decoration:none;transition:background .2s}.dt-logo:hover{background:var(--surface-hover)}.dt-nav{display:flex;flex-direction:column;gap:1.5rem;flex:1}.dt-nav-item{position:relative;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--icon);cursor:pointer;transition:all .2s;text-decoration:none}.dt-nav-item:hover{color:var(--accent);background:var(--surface-hover)}.dt-nav-item.active{color:var(--accent);background:var(--accent-soft)}.dt-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.dt-iconbtn{position:relative;background:none;border:none;color:var(--icon);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.dt-iconbtn:hover{color:var(--accent)}.dt-tooltip{position:absolute;left:calc(100% + .75rem);top:50%;transform:translateY(-50%);background:var(--text);color:#fff;font-size:.75rem;font-weight:500;line-height:1;padding:.375rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:50}.dt-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--text)}.dt-nav-item:hover .dt-tooltip,.dt-logo:hover .dt-tooltip,.dt-iconbtn:hover .dt-tooltip{opacity:1}.dt-main{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.dt-header{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;z-index:20}.dt-header h1{font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.dt-header p{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.dt-content{flex:1;padding:1.5rem;min-width:0;overflow-y:auto;overflow-x:hidden}.dt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.dt-table{width:100%;border-collapse:collapse;font-size:.875rem}.dt-table thead th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}.dt-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.dt-table tbody tr:last-child td{border-bottom:none}.dt-row-clickable{cursor:pointer;transition:background .15s}.dt-row-clickable:hover{background:var(--surface-hover)}.dt-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dt-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:var(--accent-soft);color:var(--accent)}.dt-field-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.375rem}.dt-select{appearance:none;font:inherit;font-size:.875rem;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 2rem .5rem .75rem;min-width:16rem;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .625rem center}.dt-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dt-muted{color:var(--text-muted)}.dt-error{color:var(--danger)}.dt-toolbar{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}