cleanup css

frontend/src/styles/auth.css

@@ -35,9 +35,7 @@
   max-width: 720px;
 }
 
-.auth-shell,
-.auth-shell--login,
-.auth-shell--compact {
+.auth-shell, .auth-shell--compact{
   position: relative;
   display: grid;
   align-items: center;
@@ -48,8 +46,7 @@
   margin: 0;
 }
 
-.auth-card,
-.app-auth-view__content .auth-card--wide {
+.auth-card, .app-auth-view__content .auth-card--wide{
   width: 100%;
   min-width: 0;
   margin: 0 auto;
@@ -93,9 +90,7 @@
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.auth-form--grid > .form-field,
-.auth-form--grid > small,
-.auth-form--grid > div {
+.auth-form--grid > .form-field, .auth-form--grid > small, .auth-form--grid > div{
   min-width: 0;
 }
 
@@ -142,9 +137,7 @@
     padding: 1rem;
   }
 
-  .auth-shell,
-  .auth-shell--login,
-  .auth-shell--compact {
+  .auth-shell, .auth-shell--compact{
     min-height: 0;
     padding: 4.5rem 0 0.5rem;
   }

frontend/src/styles/dashboard.css

@@ -128,8 +128,7 @@
   justify-items: center;
 }
 
-.dashboard-focus-column small,
-.dashboard-focus-column span {
+.dashboard-focus-column small, .dashboard-focus-column span{
   color: var(--text-soft);
   font-size: 0.76rem;
 }
@@ -165,8 +164,7 @@
 }
 
 @media (max-width: 1100px) {
-  .dashboard-focus-grid,
-  .dashboard-focus-block--pie {
+  .dashboard-focus-grid, .dashboard-focus-block--pie{
     grid-template-columns: 1fr;
   }
 }

frontend/src/styles/layout.css

@@ -91,15 +91,13 @@ body.dark-theme .topbar {
   min-width: 0;
 }
 
-.topbar__lang-picker,
-.auth-toolbar__select-wrap {
+.topbar__lang-picker, .auth-toolbar__select-wrap{
   position: relative;
 }
 
-.topbar__lang-picker::after,
-.auth-toolbar__select-wrap::after {
-  content: '\e902';
-  font-family: 'primeicons';
+.topbar__lang-picker::after, .auth-toolbar__select-wrap::after{
+  content: "";
+  font-family: "primeicons";
   position: absolute;
   right: 1rem;
   top: 50%;
@@ -109,8 +107,7 @@ body.dark-theme .topbar {
   font-size: 0.8rem;
 }
 
-.topbar__lang-select,
-.auth-toolbar__select {
+.topbar__lang-select, .auth-toolbar__select{
   appearance: none;
   -webkit-appearance: none;
   width: 100%;
@@ -129,40 +126,34 @@ body.dark-theme .topbar {
   transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
 }
 
-.topbar__lang-select:hover,
-.auth-toolbar__select:hover {
+.topbar__lang-select:hover, .auth-toolbar__select:hover{
   border-color: color-mix(in srgb, var(--accent) 56%, var(--border-strong));
 }
 
-.topbar__lang-select:focus,
-.auth-toolbar__select:focus {
+.topbar__lang-select:focus, .auth-toolbar__select:focus{
   outline: none;
   border-color: color-mix(in srgb, var(--blue) 72%, var(--border-strong));
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent);
 }
 
-.topbar__lang-select option,
-.auth-toolbar__select option {
+.topbar__lang-select option, .auth-toolbar__select option{
   color: var(--text-main);
   background: var(--surface-1);
 }
 
-body.dark-theme .topbar__lang-select,
-body.dark-theme .auth-toolbar__select {
+body.dark-theme .topbar__lang-select, body.dark-theme .auth-toolbar__select{
   background: rgba(255, 255, 255, 0.03);
   border-color: var(--border-color);
 }
 
-body.dark-theme .topbar__lang-select option,
-body.dark-theme .auth-toolbar__select option {
+body.dark-theme .topbar__lang-select option, body.dark-theme .auth-toolbar__select option{
   color: #d6e0e8;
   background: #1c2631;
 }
 
 
 @media (max-width: 991px) {
-  .layout-shell,
-  .layout-shell--collapsed {
+  .layout-shell, .layout-shell--collapsed{
     padding-left: 0;
   }
 
@@ -175,9 +166,7 @@ body.dark-theme .auth-toolbar__select option {
     transform: translateX(0);
   }
 
-  .topbar,
-  .layout-content,
-  .layout-footer {
+  .topbar, .layout-content, .layout-footer{
     padding-left: 1rem;
     padding-right: 1rem;
   }

frontend/src/styles/styles.css

@@ -0,0 +1,4 @@
+@import "./styles/pages.css";
+@import "./styles/layout.css";
+@import "./styles/auth.css";
+@import "./styles/dashboard.css";