:root{font-family:Inter,Segoe UI,Arial,sans-serif;--orange: #ff5f05;--beige: #ffccb1;--pink: #ff8ea6;--green: #404500;--white: #ffffff}body{margin:0;background:var(--beige);color:var(--green)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--white);border-bottom:2px solid var(--orange);position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px}.brand-text{display:grid;gap:2px}.brand-logo{width:44px;height:44px;flex:0 0 auto}.brand-text span{font-size:12px;color:var(--pink);font-weight:700;text-transform:uppercase}.nav{display:flex;gap:8px;align-items:center}.nav-link{text-decoration:none;color:var(--green);background:var(--beige);border:1px solid var(--orange);border-radius:6px;padding:8px 10px;font-size:14px;font-weight:600}.nav-link:hover{background:var(--orange);color:var(--white)}.main{padding:16px;width:min(1500px,100%);margin:0 auto;box-sizing:border-box;flex:1}.footer{border-top:2px solid var(--orange);background:var(--white);color:var(--green);text-align:center;padding:10px 12px;font-size:13px;font-weight:700}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-form{background:#fff;border:2px solid var(--green);border-radius:8px;padding:20px;width:340px;display:grid;gap:12px}.field{display:grid;gap:4px;font-size:14px;font-weight:600}input,select{padding:8px;border:1px solid var(--orange);border-radius:6px;background:var(--white);color:var(--green)}button{padding:8px 12px;border:1px solid var(--orange);border-radius:6px;cursor:pointer;font-weight:700;white-space:nowrap;min-width:max-content}.primary-btn{background:var(--orange);color:var(--white)}.primary-btn:hover{background:#e75600}.ghost-btn{background:var(--beige);color:var(--green)}.ghost-btn:hover{background:var(--pink)}.logout-btn{background:var(--pink);border-color:var(--pink);color:var(--green)}.logout-btn:hover{background:#ff7695;border-color:#ff7695}.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.create-form{align-items:end}.create-field{display:grid;gap:6px;font-size:14px;font-weight:700;min-width:150px}.section-separator{margin:18px 0;border-top:4px solid var(--pink);opacity:1}.panel{background:var(--white);border:2px solid var(--orange);border-radius:8px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.pill{background:var(--pink);color:var(--green);border-radius:999px;padding:3px 10px;font-weight:700}.table-wrap{overflow-x:auto;padding-bottom:2px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--beige)}thead th{background:var(--orange);color:var(--white)}th:last-child,td:last-child{width:1%;white-space:nowrap}.muted{margin:0;color:var(--green);opacity:.85;font-size:14px}.error{color:var(--orange);font-weight:700}.pager{margin-top:12px;display:flex;gap:10px;align-items:center}.stats-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.stat-chip{background:var(--beige);border:1px solid var(--orange);color:var(--green);border-radius:999px;padding:4px 10px;font-weight:700;font-size:13px}.click-row{cursor:pointer}.click-row:hover td{background:var(--beige)}.chevron-cell{width:28px;text-align:center;font-weight:700}.details-row td{background:#fff7f2}.details-box{padding:10px 4px}.inner-table{width:100%;border-collapse:collapse;min-width:0}.inner-table th,.inner-table td{padding:8px;border-bottom:1px solid var(--beige)}.entity-list th,.entity-list td,.details-form label{font-size:16px;font-weight:700}.details-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.details-form label{display:grid;gap:6px}.icon-picker{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.icon-picker.compact{min-width:180px}.icon-chip{display:inline-flex;gap:5px;align-items:center;padding:6px 8px;background:var(--beige);color:var(--green);border:1px solid var(--orange)}.icon-chip small{font-size:11px}.icon-chip.active{background:var(--pink);border-color:var(--green)}.json-cell{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media (max-width: 1200px){.main{width:100%}}