added policy system and self LOA management

ui/src/assets/base.css

@@ -165,4 +165,76 @@
   body {
     @apply bg-background text-foreground;
   }
+}
+
+/* Root container */
+.ListRendererV2-container {
+  font-family: var(--font-sans, system-ui), sans-serif;
+  color: var(--foreground);
+  line-height: 1.45;
+  max-width: 760px;
+  margin: 0 auto;
+  font-size: 0.9rem;
+}
+
+/* Headers */
+.ListRendererV2-container h4 {
+  margin: 0.9rem 0 0.4rem 0;
+  font-weight: 600;
+  line-height: 1.35;
+  font-size: 1.05rem;
+  color: var(--foreground);
+  /* PURE WHITE */
+}
+
+.ListRendererV2-container h5 {
+  margin: 0.9rem 0 0.4rem 0;
+  font-weight: 600;
+  line-height: 1.35;
+  font-size: 0.95rem;
+  color: var(--foreground);
+  /* Still white (change to muted if desired) */
+}
+
+/* Lists */
+.ListRendererV2-container ul {
+  list-style-type: disc;
+  margin-left: 1.1rem;
+  margin-bottom: 0.6rem;
+  padding-left: 0.6rem;
+  color: var(--muted-foreground);
+  /* dim text */
+}
+
+/* Nested lists */
+.ListRendererV2-container ul ul {
+  list-style-type: circle;
+  margin-left: 0.9rem;
+}
+
+/* List items */
+.ListRendererV2-container li {
+  margin: 0.15rem 0;
+  padding-left: 0.1rem;
+  color: var(--muted-foreground);
+}
+
+/* Bullet color */
+.ListRendererV2-container li::marker {
+  color: var(--muted-foreground);
+}
+
+/* Inline elements */
+.ListRendererV2-container li p,
+.ListRendererV2-container li span,
+.ListRendererV2-container p {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  color: var(--muted-foreground);
+}
+
+/* Top-level spacing */
+.ListRendererV2-container>ul>li {
+  margin-top: 0.3rem;
 }