@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
/* Font Awesome 6 Free CSS */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://ka-f.fontawesome.com/releases/v6.5.0/webfonts/free-fa-solid-900.woff2") format("woff2"), url("https://ka-f.fontawesome.com/releases/v6.5.0/webfonts/free-fa-solid-900.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://ka-f.fontawesome.com/releases/v6.5.0/webfonts/free-fa-regular-400.woff2") format("woff2"), url("https://ka-f.fontawesome.com/releases/v6.5.0/webfonts/free-fa-regular-400.woff") format("woff");
}

/* line 23, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* line 38, app/assets/stylesheets/dashboard/_sidebar.scss */
.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* line 43, app/assets/stylesheets/dashboard/_sidebar.scss */
.far {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

/* Font Awesome Icons */
/* line 49, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-chart-line:before {
  content: "\f201";
}

/* line 50, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-chevron-down:before {
  content: "\f078";
}

/* line 51, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-chevron-right:before {
  content: "\f054";
}

/* line 52, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-comments:before {
  content: "\f086";
}

/* line 53, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-comment:before {
  content: "\f075";
}

/* line 54, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-plus:before {
  content: "\f067";
}

/* line 55, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-file-alt:before {
  content: "\f15c";
}

/* line 56, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-sign-out-alt:before {
  content: "\f2f5";
}

/* line 57, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-bars:before {
  content: "\f0c9";
}

/* line 58, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-times:before {
  content: "\f00d";
}

/* line 59, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-cog:before {
  content: "\f013";
}

/* line 60, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-user:before {
  content: "\f007";
}

/* line 61, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-home:before {
  content: "\f015";
}

/* line 62, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-search:before {
  content: "\f002";
}

/* line 63, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-bell:before {
  content: "\f0f3";
}

/* line 64, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-envelope:before {
  content: "\f0e0";
}

/* line 65, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-folder:before {
  content: "\f07b";
}

/* line 66, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-star:before {
  content: "\f005";
}

/* line 67, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-heart:before {
  content: "\f004";
}

/* line 68, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-download:before {
  content: "\f019";
}

/* line 69, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-upload:before {
  content: "\f093";
}

/* line 70, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-edit:before {
  content: "\f044";
}

/* line 71, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-trash:before {
  content: "\f1f8";
}

/* line 72, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-save:before {
  content: "\f0c7";
}

/* line 73, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-share:before {
  content: "\f064";
}

/* line 74, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-link:before {
  content: "\f0c1";
}

/* line 75, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-external-link-alt:before {
  content: "\f35d";
}

/* line 76, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-info-circle:before {
  content: "\f05a";
}

/* line 77, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-exclamation-triangle:before {
  content: "\f071";
}

/* line 78, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-check:before {
  content: "\f00c";
}

/* line 79, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-check-circle:before {
  content: "\f058";
}

/* line 80, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-times-circle:before {
  content: "\f057";
}

/* line 81, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-question-circle:before {
  content: "\f059";
}

/* line 82, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-play:before {
  content: "\f04b";
}

/* line 83, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-pause:before {
  content: "\f04c";
}

/* line 84, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-stop:before {
  content: "\f04d";
}

/* line 85, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-forward:before {
  content: "\f04e";
}

/* line 86, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-backward:before {
  content: "\f04a";
}

/* line 87, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-refresh:before {
  content: "\f021";
}

/* line 88, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-sync:before {
  content: "\f021";
}

/* line 89, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-spinner:before {
  content: "\f110";
}

/* line 90, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-circle-notch:before {
  content: "\f1ce";
}

/* line 91, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-caret-up:before {
  content: "\f0d8";
}

/* line 92, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-caret-down:before {
  content: "\f0d7";
}

/* line 93, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-caret-left:before {
  content: "\f0d9";
}

/* line 94, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-caret-right:before {
  content: "\f0da";
}

/* line 95, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-arrow-up:before {
  content: "\f062";
}

/* line 96, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-arrow-down:before {
  content: "\f063";
}

/* line 97, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-arrow-left:before {
  content: "\f060";
}

/* line 98, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-arrow-right:before {
  content: "\f061";
}

/* line 99, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-long-arrow-up:before {
  content: "\f176";
}

/* line 100, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-long-arrow-down:before {
  content: "\f175";
}

/* line 101, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-long-arrow-left:before {
  content: "\f177";
}

/* line 102, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-long-arrow-right:before {
  content: "\f178";
}

/* line 103, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-expand:before {
  content: "\f065";
}

/* line 104, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-compress:before {
  content: "\f066";
}

/* line 105, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-eye:before {
  content: "\f06e";
}

/* line 106, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-eye-slash:before {
  content: "\f070";
}

/* line 107, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-calendar:before {
  content: "\f073";
}

/* line 108, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-clock:before {
  content: "\f017";
}

/* line 109, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-map-marker:before {
  content: "\f041";
}

/* line 110, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-map-marker-alt:before {
  content: "\f3c5";
}

/* line 111, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-phone:before {
  content: "\f095";
}

/* line 112, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-mobile:before {
  content: "\f10b";
}

/* line 113, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-mobile-alt:before {
  content: "\f3cd";
}

/* line 114, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-laptop:before {
  content: "\f109";
}

/* line 115, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-desktop:before {
  content: "\f108";
}

/* line 116, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-tablet:before {
  content: "\f10a";
}

/* line 117, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-gamepad:before {
  content: "\f11b";
}

/* line 118, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-keyboard:before {
  content: "\f11c";
}

/* line 119, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-mouse:before {
  content: "\f8cc";
}

/* line 120, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-headphones:before {
  content: "\f025";
}

/* line 121, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-microphone:before {
  content: "\f130";
}

/* line 122, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-camera:before {
  content: "\f030";
}

/* line 123, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-video:before {
  content: "\f03d";
}

/* line 124, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-film:before {
  content: "\f008";
}

/* line 125, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-image:before {
  content: "\f03e";
}

/* line 126, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-images:before {
  content: "\f302";
}

/* line 127, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-music:before {
  content: "\f001";
}

/* line 128, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-volume-up:before {
  content: "\f028";
}

/* line 129, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-volume-down:before {
  content: "\f027";
}

/* line 130, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-volume-off:before {
  content: "\f026";
}

/* line 131, app/assets/stylesheets/dashboard/_sidebar.scss */
.fa-volume-mute:before {
  content: "\f6a9";
}

@tailwind base;
@tailwind components;
@tailwind utilities;
/* ========================================
   RESET AND BASE STYLES
   ======================================== */
/* line 141, app/assets/stylesheets/dashboard/_sidebar.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 147, app/assets/stylesheets/dashboard/_sidebar.scss */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  background-color: #020817;
  color: #f8fafc;
  min-height: 100vh;
}

/* Color Variables */
/* line 156, app/assets/stylesheets/dashboard/_sidebar.scss */
:root {
  --primary-orange: #DF7400;
  --primary-orange-hover: #C5660A;
  --background: hsl(222.2, 84%, 4.9%);
  --foreground: hsl(210, 40%, 98%);
  --sidebar-background: hsl(222.2, 47.4%, 11.2%);
  --sidebar-border: hsl(215, 25%, 27%);
  --sidebar-hover: hsl(217.2, 32.6%, 17.5%);
  --muted: hsl(217.2, 32.6%, 17.5%);
  --muted-foreground: hsl(215, 20.2%, 65.1%);
  --border: hsl(215, 25%, 27%);
}

/* line 169, app/assets/stylesheets/dashboard/_sidebar.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 174, app/assets/stylesheets/dashboard/_sidebar.scss */
button {
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
}

/* ========================================
   ANIMATIONS
   ======================================== */
@keyframes glow-pulse {
  0%, 100% {
    background-color: #DF7400;
    box-shadow: 0 0 5px rgba(223, 116, 0, 0.5), 0 0 10px rgba(223, 116, 0, 0.3), 0 0 15px rgba(223, 116, 0, 0.2);
  }
  50% {
    background-color: #FF8C00;
    box-shadow: 0 0 10px rgba(255, 140, 0, 0.8), 0 0 20px rgba(255, 140, 0, 0.6), 0 0 30px rgba(255, 140, 0, 0.4);
  }
}

/* line 197, app/assets/stylesheets/dashboard/_sidebar.scss */
.glow-pulse {
  animation: glow-pulse 2s ease-in-out infinite;
  color: white !important;
}

/* ========================================
   SIDEBAR CONTAINER
   ======================================== */
/* line 206, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: var(--sidebar-background);
  border-right: 1px solid var(--sidebar-border);
  width: 270px;
  flex-shrink: 0;
  overflow: hidden;
}

/* ========================================
   HEADER
   ======================================== */
/* line 221, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar-header {
  padding: 16px;
  border-bottom: 1px solid var(--sidebar-border);
  flex-shrink: 0;
}

/* line 227, app/assets/stylesheets/dashboard/_sidebar.scss */
.header-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 233, app/assets/stylesheets/dashboard/_sidebar.scss */
.app-logo {
  width: 32px;
  height: 32px;
  background-color: var(--primary-orange);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 244, app/assets/stylesheets/dashboard/_sidebar.scss */
.logo-icon {
  font-size: 18px;
  color: white;
}

/* line 249, app/assets/stylesheets/dashboard/_sidebar.scss */
.app-info {
  min-width: 0;
  flex: 1;
}

/* line 254, app/assets/stylesheets/dashboard/_sidebar.scss */
.app-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--foreground);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

/* ========================================
   SIDEBAR CONTENT
   ======================================== */
/* line 268, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar__content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #262c37 transparent;
}

/* line 276, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar__content::-webkit-scrollbar {
  width: 8px;
}

/* line 280, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar__content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 284, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar__content::-webkit-scrollbar-thumb {
  background: #262c37;
  border-radius: 8px;
}

/* line 289, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar__content::-webkit-scrollbar-thumb:hover {
  background: var(--primary-orange);
}

/* ========================================
   PROJECTS
   ======================================== */
/* line 297, app/assets/stylesheets/dashboard/_sidebar.scss */
.projects {
  padding: 8px;
}

/* Project */
/* line 302, app/assets/stylesheets/dashboard/_sidebar.scss */
.project {
  margin-bottom: 16px;
}

/* line 306, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  color: white;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  position: relative;
  text-align: left;
}

/* line 321, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header:hover {
  background-color: #232a36;
  transform: translateX(2px);
}

/* line 326, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header:focus {
  outline: 2px solid var(--primary-orange);
  outline-offset: 2px;
}

/* line 331, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header.expanded {
  background-color: #2B2B3C;
}

/* line 335, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header.expanded::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  width: 4px;
  height: 60%;
  background-color: var(--primary-orange);
  border-radius: 0 2px 2px 0;
}

/* line 346, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__chevron {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}

/* line 356, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__name {
  font-size: 15px;
  font-weight: 600;
  flex: 1;
  text-align: left;
  line-height: 1.2;
}

/* line 364, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__content {
  background-color: #1a1f2b;
  border-radius: 10px;
  margin: 4px 8px 8px 8px;
  border: 1px solid #262c37;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: none;
}

/* ========================================
   SECTIONS
   ======================================== */
/* line 378, app/assets/stylesheets/dashboard/_sidebar.scss */
.section {
  margin-bottom: 8px;
}

/* line 382, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: #1c222b;
  border: none;
  border-bottom: 1px solid #262c37;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: left;
}

/* line 396, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__header:hover {
  background-color: #232a36;
}

/* line 400, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__header:focus {
  outline: 2px solid var(--primary-orange);
  outline-offset: -2px;
}

/* line 405, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__chevron {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}

/* line 415, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  color: var(--primary-orange);
}

/* line 422, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__title {
  font-size: 14px;
  color: white;
  font-weight: 600;
  flex: 1;
  text-align: left;
}

/* line 430, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__count {
  font-size: 12px;
  color: white;
  background-color: #262c37;
  padding: 2px 8px;
  border-radius: 12px;
  min-width: 20px;
  text-align: center;
  margin-left: 8px;
  font-weight: 600;
}

/* line 442, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__content {
  padding: 8px 16px 16px 16px;
}

/* ========================================
   FILE ITEMS
   ======================================== */
/* line 450, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin-bottom: 4px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

/* line 461, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item:hover {
  background-color: #232a36;
  transform: translateX(2px);
}

/* line 466, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item:focus {
  outline: 2px solid var(--primary-orange);
  outline-offset: 2px;
}

/* line 471, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__main {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

/* line 478, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__badges {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
  flex-shrink: 0;
}

/* line 486, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__icon {
  width: 14px;
  height: 14px;
  color: var(--primary-orange);
  flex-shrink: 0;
}

/* line 493, app/assets/stylesheets/dashboard/_sidebar.scss */
.btn-icon {
  width: 14px;
  height: 14px;
  color: var(--primary-orange);
  flex-shrink: 0;
}

/* line 500, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__type {
  font-size: 10px;
  font-weight: 600;
  color: white;
  background-color: var(--primary-orange);
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}

/* line 510, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 520, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__status--completed {
  color: #10b981;
}

/* line 524, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__name {
  font-size: 13px;
  color: white;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 534, app/assets/stylesheets/dashboard/_sidebar.scss */
.file-item__size {
  font-size: 11px;
  color: var(--muted-foreground);
  flex-shrink: 0;
  margin-left: 8px;
}

/* ========================================
   BUTTONS
   ======================================== */
/* line 545, app/assets/stylesheets/dashboard/_sidebar.scss */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  text-align: center;
}

/* line 560, app/assets/stylesheets/dashboard/_sidebar.scss */
.button:focus {
  outline: 2px solid var(--primary-orange);
  outline-offset: 2px;
}

/* line 565, app/assets/stylesheets/dashboard/_sidebar.scss */
.button--new-chat {
  background-color: var(--primary-orange);
  color: white;
  width: 100%;
  height: 32px;
  box-shadow: 0 1px 4px rgba(223, 116, 0, 0.3);
}

/* line 573, app/assets/stylesheets/dashboard/_sidebar.scss */
.button--new-chat:hover {
  background-color: var(--primary-orange-hover);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(223, 116, 0, 0.4);
}

/* line 579, app/assets/stylesheets/dashboard/_sidebar.scss */
.button__icon {
  width: 14px;
  height: 14px;
}

/* ========================================
   CHAT SPECIFIC STYLES
   ======================================== */
/* line 588, app/assets/stylesheets/dashboard/_sidebar.scss */
.section--chat {
  border-top: 1px solid #262c37;
  background-color: #1c222b;
  border-radius: 8px;
  margin-top: 8px;
}

/* line 595, app/assets/stylesheets/dashboard/_sidebar.scss */
.section--chat .section__header {
  background: transparent;
  border-bottom: none;
}

/* ========================================
   PROJECT TOGGLE FUNCTIONALITY
   ======================================== */
/* Project content is hidden by default */
/* line 605, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__content {
  display: none;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

/* Show project content when header is expanded */
/* line 612, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header.expanded + .project__content {
  display: block;
}

/* Chevron rotation for projects */
/* line 617, app/assets/stylesheets/dashboard/_sidebar.scss */
.project__header.expanded .project__chevron {
  transform: rotate(90deg);
}

/* ========================================
   SECTION TOGGLE FUNCTIONALITY  
   ======================================== */
/* Section content visibility */
/* line 626, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__content--hidden {
  display: none;
}

/* line 630, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__content.expanded {
  display: block;
}

/* Chevron rotation for sections */
/* line 635, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__header.expanded .section__chevron {
  transform: rotate(90deg);
}

/* Section header states */
/* line 640, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__header.expanded {
  background-color: rgba(223, 116, 0, 0.15);
}

/* Fix for nested content display */
/* line 645, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__content {
  display: none;
}

/* line 649, app/assets/stylesheets/dashboard/_sidebar.scss */
.section__content.expanded {
  display: block;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */
@media (max-width: 768px) {
  /* line 658, app/assets/stylesheets/dashboard/_sidebar.scss */
  .sidebar-container {
    width: 280px;
  }
  /* line 662, app/assets/stylesheets/dashboard/_sidebar.scss */
  .file-item__name {
    font-size: 12px;
  }
  /* line 666, app/assets/stylesheets/dashboard/_sidebar.scss */
  .file-item__size {
    font-size: 10px;
  }
  /* line 670, app/assets/stylesheets/dashboard/_sidebar.scss */
  .section__title {
    font-size: 13px;
  }
  /* line 674, app/assets/stylesheets/dashboard/_sidebar.scss */
  .project__name {
    font-size: 14px;
  }
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
/* line 683, app/assets/stylesheets/dashboard/_sidebar.scss */
.hidden {
  display: none;
}

/* line 687, app/assets/stylesheets/dashboard/_sidebar.scss */
.expanded {
  display: block;
}

/* Hide Next.js badge and error messages */
/* line 692, app/assets/stylesheets/dashboard/_sidebar.scss */
body > nextjs-portal {
  display: none;
}

@layer base {
  /* line 697, app/assets/stylesheets/dashboard/_sidebar.scss */
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
  }
  /* line 724, app/assets/stylesheets/dashboard/_sidebar.scss */
  .dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }
}

@layer base {
  /* line 753, app/assets/stylesheets/dashboard/_sidebar.scss */
  * {
    @apply border-border;
  }
  /* line 756, app/assets/stylesheets/dashboard/_sidebar.scss */
  body {
    @apply bg-background text-foreground;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
}

/* Custom styles for the sidebar demo */
@layer utilities {
  /* line 764, app/assets/stylesheets/dashboard/_sidebar.scss */
  .border-l-3 {
    border-left-width: 3px;
  }
}

/* line 770, app/assets/stylesheets/dashboard/_sidebar.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 776, app/assets/stylesheets/dashboard/_sidebar.scss */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #0F1629;
}

/* line 781, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #0F1629;
  border-right: 1px solid #475569;
  width: 280px;
  flex-shrink: 0;
  overflow: hidden;
}

/* line 792, app/assets/stylesheets/dashboard/_sidebar.scss */
.projects-container {
  flex: 1;
  overflow-y: auto;
}

/* line 797, app/assets/stylesheets/dashboard/_sidebar.scss */
.project {
  margin-bottom: 1px;
}

/* line 801, app/assets/stylesheets/dashboard/_sidebar.scss */
.project-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  border: none;
  position: relative;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
}

/* line 818, app/assets/stylesheets/dashboard/_sidebar.scss */
.project-button.expanded {
  background-color: #1A1F2E;
}

/* line 823, app/assets/stylesheets/dashboard/_sidebar.scss */
.project-button:hover {
  background-color: #1A1F2E;
}

/* line 827, app/assets/stylesheets/dashboard/_sidebar.scss */
.orange-indicator {
  position: absolute;
  left: 0;
  top: 20%;
  width: 4px;
  height: 60%;
  background-color: #DF7400;
  border-radius: 0 2px 2px 0;
}

/* line 837, app/assets/stylesheets/dashboard/_sidebar.scss */
.chevron-icon {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}

/* line 847, app/assets/stylesheets/dashboard/_sidebar.scss */
.chevron-icon.rotated {
  transform: rotate(90deg);
}

/* line 851, app/assets/stylesheets/dashboard/_sidebar.scss */
.project-name {
  flex: 1;
  text-align: left;
  font-size: 1.2rem;
}

/* line 857, app/assets/stylesheets/dashboard/_sidebar.scss */
.sections-container {
  background-color: #10172D;
  overflow: hidden;
}

/* line 862, app/assets/stylesheets/dashboard/_sidebar.scss */
.section {
  border-bottom: 1px solid #475569;
}

/* line 866, app/assets/stylesheets/dashboard/_sidebar.scss */
.section:last-child {
  border-bottom: none;
}

/* line 870, app/assets/stylesheets/dashboard/_sidebar.scss */
.section-button {
  display: flex;
  align-items: first baseline;
  width: 100%;
  padding: 12px;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  border: none;
  background: transparent;
}

/* line 883, app/assets/stylesheets/dashboard/_sidebar.scss */
.section-button:hover {
  background-color: #1A1F2E;
}

/* line 887, app/assets/stylesheets/dashboard/_sidebar.scss */
.section-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  color: #DF7400;
}

/* line 894, app/assets/stylesheets/dashboard/_sidebar.scss */
.section-title {
  font-size: 12px;
  color: white;
  font-weight: 600;
  flex: 1;
  text-align: left;
}

/* line 902, app/assets/stylesheets/dashboard/_sidebar.scss */
.count-badge {
  font-size: 12px;
  color: white;
  background-color: #DF7400;
  padding: 2px 5px;
  border-radius: 50%;
  min-width: 20px;
  text-align: center;
}

@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.5);
  }
  50% {
    box-shadow: 0 10px 25px -3px rgba(249, 115, 22, 0.8), 0 0 20px rgba(249, 115, 22, 0.4);
  }
}

/* line 921, app/assets/stylesheets/dashboard/_sidebar.scss */
.items-container {
  padding: 8px 0;
}

/* line 925, app/assets/stylesheets/dashboard/_sidebar.scss */
.item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  transition: all 0.2s;
  cursor: pointer;
}

/* line 933, app/assets/stylesheets/dashboard/_sidebar.scss */
.item:hover {
  background-color: #1A1F2E;
}

/* line 937, app/assets/stylesheets/dashboard/_sidebar.scss */
.item-content {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 943, app/assets/stylesheets/dashboard/_sidebar.scss */
.item-name {
  font-size: 12px;
  color: #f1f5f9;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}

/* line 953, app/assets/stylesheets/dashboard/_sidebar.scss */
.view-report-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: background-color 0.2s;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 967, app/assets/stylesheets/dashboard/_sidebar.scss */
.view-report-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 971, app/assets/stylesheets/dashboard/_sidebar.scss */
.view-report-btn svg {
  color: #94a3b8;
}

/* line 975, app/assets/stylesheets/dashboard/_sidebar.scss */
.view-report-btn span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 500;
}

/* line 981, app/assets/stylesheets/dashboard/_sidebar.scss */
.new-chat-container {
  padding: 0 16px;
}

/* line 985, app/assets/stylesheets/dashboard/_sidebar.scss */
.new-chat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  background-color: transparent;
  color: #DF7400;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  border: 1px solid #DF7400;
}

/* line 1002, app/assets/stylesheets/dashboard/_sidebar.scss */
.new-chat-btn:hover {
  background-color: #C5660A;
  color: white;
}

/* line 1007, app/assets/stylesheets/dashboard/_sidebar.scss */
.footer {
  padding: 12px;
  border-top: 1px solid #475569;
}

/* line 1012, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-btn {
  display: flex;
  align-items: center;
  padding: 5px;
  color: white;
  gap: 10px;
  width: 100%;
  text-align: left;
  transition: all 0.2s;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* line 1026, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-btn:hover {
  background-color: #1A1F2E;
}

/* line 1030, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-btn svg {
  width: 14px;
  height: 14px;
}

/* ========================================
   FOOTER
   ======================================== */
/* line 1040, app/assets/stylesheets/dashboard/_sidebar.scss */
.sidebar-footer {
  border-top: 1px solid var(--sidebar-border);
  background-color: var(--sidebar-background);
  flex-shrink: 0;
  display: none;
}

/* line 1047, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-btn {
  display: flex;
  align-items: center;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  gap: 8px;
  width: 100%;
}

/* line 1058, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-btn:hover {
  background-color: #232a36;
  transform: translateX(2px);
}

/* line 1063, app/assets/stylesheets/dashboard/_sidebar.scss */
.sign-out-icon {
  width: 16px;
  height: 16px;
}

/* ========================================
   FEATHER ICONS - COLORI MODIFICABILI
   ======================================== */
/* Base Feather Icon Styles con CSS Mask */
/* line 8, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather] {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  background-color: currentColor;
  /* Ora usa il colore CSS! */
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

/* Feather Icons con CSS Mask - Facilmente Colorabili */
/* line 23, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="activity"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='22,12 18,12 15,21 9,3 6,12 2,12'%3e%3c/polyline%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='22,12 18,12 15,21 9,3 6,12 2,12'%3e%3c/polyline%3e%3c/svg%3e");
}

/* line 28, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="calendar"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e");
}

/* line 33, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="chevron-down"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* line 38, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="cpu"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='4' y='4' width='16' height='16' rx='2' ry='2'%3e%3c/rect%3e%3crect x='9' y='9' width='6' height='6'%3e%3c/rect%3e%3cline x1='9' y1='1' x2='9' y2='4'%3e%3c/line%3e%3cline x1='15' y1='1' x2='15' y2='4'%3e%3c/line%3e%3cline x1='9' y1='20' x2='9' y2='23'%3e%3c/line%3e%3cline x1='15' y1='20' x2='15' y2='23'%3e%3c/line%3e%3cline x1='20' y1='9' x2='23' y2='9'%3e%3c/line%3e%3cline x1='20' y1='14' x2='23' y2='14'%3e%3c/line%3e%3cline x1='1' y1='9' x2='4' y2='9'%3e%3c/line%3e%3cline x1='1' y1='14' x2='4' y2='14'%3e%3c/line%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='4' y='4' width='16' height='16' rx='2' ry='2'%3e%3c/rect%3e%3crect x='9' y='9' width='6' height='6'%3e%3c/rect%3e%3cline x1='9' y1='1' x2='9' y2='4'%3e%3c/line%3e%3cline x1='15' y1='1' x2='15' y2='4'%3e%3c/line%3e%3cline x1='9' y1='20' x2='9' y2='23'%3e%3c/line%3e%3cline x1='15' y1='20' x2='15' y2='23'%3e%3c/line%3e%3cline x1='20' y1='9' x2='23' y2='9'%3e%3c/line%3e%3cline x1='20' y1='14' x2='23' y2='14'%3e%3c/line%3e%3cline x1='1' y1='9' x2='4' y2='9'%3e%3c/line%3e%3cline x1='1' y1='14' x2='4' y2='14'%3e%3c/line%3e%3c/svg%3e");
}

/* line 43, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="eye"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3e%3c/path%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3e%3c/path%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e");
}

/* line 48, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="hard-drive"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='22' y1='12' x2='2' y2='12'%3e%3c/line%3e%3cpath d='M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'%3e%3c/path%3e%3cline x1='6' y1='16' x2='6.01' y2='16'%3e%3c/line%3e%3cline x1='10' y1='16' x2='10.01' y2='16'%3e%3c/line%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='22' y1='12' x2='2' y2='12'%3e%3c/line%3e%3cpath d='M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'%3e%3c/path%3e%3cline x1='6' y1='16' x2='6.01' y2='16'%3e%3c/line%3e%3cline x1='10' y1='16' x2='10.01' y2='16'%3e%3c/line%3e%3c/svg%3e");
}

/* line 53, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="smartphone"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='5' y='2' width='14' height='20' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='12' y1='18' x2='12.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='5' y='2' width='14' height='20' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='12' y1='18' x2='12.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
}

/* line 58, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="upload"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3e%3c/path%3e%3cpolyline points='17,8 12,3 7,8'%3e%3c/polyline%3e%3cline x1='12' y1='3' x2='12' y2='15'%3e%3c/line%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3e%3c/path%3e%3cpolyline points='17,8 12,3 7,8'%3e%3c/polyline%3e%3cline x1='12' y1='3' x2='12' y2='15'%3e%3c/line%3e%3c/svg%3e");
}

/* line 63, app/assets/stylesheets/dashboard/_main_dashboard.scss */
[data-feather="zap"] {
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolygon points='13,2 3,14 12,14 11,22 21,10 12,10 13,2'%3e%3c/polygon%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolygon points='13,2 3,14 12,14 11,22 21,10 12,10 13,2'%3e%3c/polygon%3e%3c/svg%3e");
}

/* ========================================
   VARIABILI COLORE
   ======================================== */
/* line 72, app/assets/stylesheets/dashboard/_main_dashboard.scss */
:root {
  /* Colori Principali - CAMBIA QUESTI PER MODIFICARE TUTTO! */
  --primary-orange: #DF7400;
  --primary-orange-hover: #C5660A;
  --primary-orange-light: #F59E0B;
  /* Colori Tema Scuro */
  --background: hsl(222.2, 84%, 4.9%);
  --foreground: hsl(210, 40%, 98%);
  --card: hsl(222.2, 47.4%, 11.2%);
  --card-foreground: hsl(210, 40%, 98%);
  --muted: hsl(217.2, 32.6%, 17.5%);
  --muted-foreground: hsl(215, 20.2%, 65.1%);
  --border: hsl(215, 25%, 27%);
  --ring: hsl(216, 12%, 84%);
  /* Colori Icone - CAMBIA QUESTI PER MODIFICARE I COLORI DELLE ICONE */
  --icon-primary: var(--primary-orange);
  /* Icone principali (arancione) */
  --icon-secondary: var(--muted-foreground);
  /* Icone secondarie (grigio) */
  --icon-accent: var(--primary-orange-light);
  /* Icone di accento */
  --icon-danger: #ef4444;
  /* Icone di pericolo (rosso) */
  --icon-success: #10b981;
  /* Icone di successo (verde) */
  --icon-warning: #f59e0b;
  /* Icone di warning (giallo) */
}

/* ========================================
   CLASSI COLORE ICONE - USA QUESTE!
   ======================================== */
/* Icone Primarie (Arancione) */
/* line 102, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-primary,
.project-icon {
  color: var(--icon-primary) !important;
}

/* Icone Secondarie (Grigio) */
/* line 108, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-secondary,
.stat-icon,
.meta-icon {
  color: var(--icon-secondary) !important;
}

/* Icone sui Bottoni */
/* line 115, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.btn-icon {
  color: currentColor;
  /* Eredita il colore dal bottone */
}

/* Icone con Colori Specifici */
/* line 120, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-orange {
  color: var(--icon-primary) !important;
}

/* line 121, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-blue {
  color: #3b82f6 !important;
}

/* line 122, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-green {
  color: var(--icon-success) !important;
}

/* line 123, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-red {
  color: var(--icon-danger) !important;
}

/* line 124, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-yellow {
  color: var(--icon-warning) !important;
}

/* line 125, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-gray {
  color: var(--icon-secondary) !important;
}

/* line 126, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-white {
  color: #ffffff !important;
}

/* Size Classes per Icone */
/* line 129, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-xs {
  width: 0.75rem;
  height: 0.75rem;
}

/* line 134, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-sm {
  width: 0.875rem;
  height: 0.875rem;
}

/* line 139, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-base {
  width: 1rem;
  height: 1rem;
}

/* line 144, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-lg {
  width: 1.25rem;
  height: 1.25rem;
}

/* line 149, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.icon-xl {
  width: 1.5rem;
  height: 1.5rem;
}

/* Reset and base styles */
/* line 155, app/assets/stylesheets/dashboard/_main_dashboard.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 161, app/assets/stylesheets/dashboard/_main_dashboard.scss */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  background-color: #020817;
  color: #f8fafc;
  min-height: 100vh;
  background: linear-gradient(180deg, #0C1A2D 0%, #061322 50%, #05101E 100%);
  background-repeat: no-repeat;
}

/* Color Variables */
/* line 172, app/assets/stylesheets/dashboard/_main_dashboard.scss */
:root {
  --primary-orange: #DF7400;
  --primary-orange-hover: #C5660A;
  --background: hsl(222.2, 84%, 4.9%);
  --foreground: hsl(210, 40%, 98%);
  --card: hsl(222.2, 47.4%, 11.2%);
  --card-foreground: hsl(210, 40%, 98%);
  --muted: hsl(217.2, 32.6%, 17.5%);
  --muted-foreground: hsl(215, 20.2%, 65.1%);
  --border: hsl(215, 25%, 27%);
}

/* Dashboard Layout */
/* line 185, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.dashboard-container {
  flex: 1;
  padding: 0.75rem;
  background-color: var(--background);
  overflow-y: auto;
  padding-top: 4rem;
  /* For mobile hamburger menu */
}

@media (min-width: 640px) {
  /* line 185, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-container {
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  /* line 185, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-container {
    padding: 1.5rem;
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 185, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-container {
    padding: 2rem;
  }
}

/* line 206, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.dashboard-content {
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  /* line 206, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-content {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 206, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-content {
    gap: 2rem;
  }
}

/* Welcome Card */
/* line 223, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.welcome-card {
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  overflow: hidden;
}

/* line 230, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.welcome-card-content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  /* line 230, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-card-content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  /* line 230, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-card-content {
    padding: 1.5rem;
  }
}

/* line 247, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.welcome-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

@media (min-width: 640px) {
  /* line 247, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-info {
    width: auto;
  }
}

@media (min-width: 768px) {
  /* line 247, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-info {
    gap: 1rem;
  }
}

/* line 262, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.user-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  /* line 262, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .user-avatar {
    width: 4rem;
    height: 4rem;
  }
}

/* line 275, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.avatar-fallback {
  width: 100%;
  height: 100%;
  background-color: var(--primary-orange);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  /* line 275, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .avatar-fallback {
    font-size: 1.125rem;
  }
}

/* line 291, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.user-details {
  min-width: 0;
  flex: 1;
}

/* line 296, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.welcome-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--foreground);
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  /* line 296, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-title {
    font-size: 1.5rem;
  }
}

/* line 310, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.user-email {
  font-size: 0.875rem;
  color: var(--muted-foreground);
  margin-bottom: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 319, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.user-stats {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--muted-foreground);
}

@media (min-width: 640px) {
  /* line 319, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .user-stats {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    font-size: 0.875rem;
  }
}

/* line 334, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.separator {
  display: none;
}

@media (min-width: 640px) {
  /* line 334, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .separator {
    display: inline;
  }
}

/* line 342, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.create-project-btn {
  background-color: var(--primary-orange);
  color: white;
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

/* line 353, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.create-project-btn:hover {
  background-color: var(--primary-orange-hover);
}

@media (min-width: 640px) {
  /* line 342, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .create-project-btn {
    width: auto;
  }
}

/* Projects Section */
/* line 363, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.projects-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  /* line 363, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-section {
    gap: 1.5rem;
  }
}

/* line 373, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.projects-header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 640px) {
  /* line 373, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* line 385, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.header-info {
  display: flex;
  flex-direction: column;
}

/* line 390, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--foreground);
}

@media (min-width: 768px) {
  /* line 390, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .section-title {
    font-size: 1rem;
  }
}

/* line 400, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.section-subtitle {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  margin-top: 0.25rem;
}

@media (min-width: 768px) {
  /* line 400, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .section-subtitle {
    font-size: 0.875rem;
  }
}

/* line 410, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 416, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.sort-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--foreground);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}

/* line 429, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.sort-btn:hover {
  background-color: var(--muted);
}

/* line 434, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.sort-icon {
  width: 0.75rem;
  height: 0.75rem;
  stroke-width: 2;
}

/* Project Cards Grid */
/* line 441, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.projects-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 640px) {
  /* line 441, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  /* line 441, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

/* Project Card */
/* line 457, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-card {
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  position: relative;
  transition: border-color 0.2s;
  display: flex;
  flex-direction: column;
}

/* line 466, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-card:hover {
  border-color: rgba(223, 116, 0, 0.5);
}

/* line 471, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.plan-badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  /* line 471, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .plan-badge {
    top: 1rem;
    right: 1rem;
  }
}

/* line 485, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.plan-badge.plan-free {
  background-color: rgba(var(--muted), 0.8);
  color: var(--muted-foreground);
  border: 1px solid var(--border);
}

/* line 491, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.plan-badge.plan-pro {
  background-color: var(--primary-orange);
  color: white;
}

/* line 497, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.card-header {
  padding: 1rem;
  padding-bottom: 0.5rem;
  padding-right: 4rem;
}

@media (min-width: 768px) {
  /* line 497, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .card-header {
    padding: 1.5rem;
    padding-bottom: 0.75rem;
    padding-right: 5rem;
  }
}

/* line 509, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--foreground);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: color 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 522, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-title:hover {
  color: var(--primary-orange);
}

@media (min-width: 768px) {
  /* line 509, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-title {
    font-size: 1.125rem;
  }
}

/* line 530, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 537, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-icon {
  width: 1rem;
  height: 1rem;
  color: var(--primary-orange);
  flex-shrink: 0;
}

@media (min-width: 640px) {
  /* line 537, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* line 549, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.card-content {
  padding: 1rem;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

@media (min-width: 768px) {
  /* line 549, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .card-content {
    padding: 1.5rem;
    padding-top: 0;
    gap: 1rem;
  }
}

/* Project Stats */
/* line 565, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-stats {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.75rem;
}

@media (min-width: 640px) {
  /* line 565, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-stats {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
}

@media (min-width: 768px) {
  /* line 565, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-stats {
    font-size: 0.875rem;
  }
}

/* line 583, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.stat-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 589, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.stat-icon {
  width: 0.75rem;
  height: 0.75rem;
  color: var(--muted-foreground);
}

@media (min-width: 768px) {
  /* line 589, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .stat-icon {
    width: 1rem;
    height: 1rem;
  }
}

/* line 600, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.stat-label {
  color: var(--muted-foreground);
}

/* line 604, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.stat-value {
  font-weight: 500;
  color: var(--foreground);
}

/* line 609, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.stats-separator {
  color: var(--muted-foreground);
  display: none;
}

@media (min-width: 640px) {
  /* line 609, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .stats-separator {
    display: inline;
  }
}

/* Project Meta */
/* line 619, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.project-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  /* line 619, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-meta {
    gap: 0.5rem;
    font-size: 0.875rem;
  }
}

/* line 631, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.meta-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--muted-foreground);
}

/* line 637, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.meta-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 644, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.meta-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  /* line 644, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .meta-icon {
    width: 1rem;
    height: 1rem;
  }
}

/* line 655, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.activity-dot {
  width: 0.375rem;
  height: 0.375rem;
  background-color: var(--primary-orange);
  border-radius: 50%;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  /* line 655, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .activity-dot {
    width: 0.5rem;
    height: 0.5rem;
  }
}

/* Card Actions */
/* line 669, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.card-actions {
  padding-top: 0.5rem;
  margin-top: auto;
}

@media (min-width: 768px) {
  /* line 669, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .card-actions {
    padding-top: 0.75rem;
    display: flex;
    gap: 20px;
  }
}

/* line 680, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.card-actions > div {
  display: flex;
  gap: 0.5rem;
}

/* line 685, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.view-btn, .add-trace-btn {
  flex: 1;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

@media (min-width: 768px) {
  /* line 685, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .view-btn, .add-trace-btn {
    font-size: 0.875rem;
    gap: 0.5rem;
  }
}

/* line 704, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.view-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--foreground);
}

/* line 709, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.view-btn:hover {
  background-color: transparent !important;
  border-color: var(--primary-orange-hover) !important;
  color: var(--primary-orange-hover) !important;
}

/* line 716, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.add-trace-btn {
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--primary-orange);
  color: var(--primary-orange);
}

/* line 722, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.add-trace-btn:hover {
  background-color: var(--primary-orange-hover) !important;
  border-color: var(--primary-orange-hover) !important;
  color: #fff;
}

/* line 729, app/assets/stylesheets/dashboard/_main_dashboard.scss */
.btn-icon {
  width: 0.75rem;
  height: 0.75rem;
}

@media (min-width: 768px) {
  /* line 729, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .btn-icon {
    width: 1rem;
    height: 1rem;
  }
}

/* Mobile Responsive Fixes */
@media (max-width: 420px) {
  /* line 741, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }
  /* line 746, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  * {
    max-width: 100vw;
  }
  /* line 750, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  /* line 755, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .dashboard-container {
    padding: 0.75rem !important;
  }
  /* line 759, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .welcome-title, .user-email {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  /* line 764, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .create-project-btn, .view-btn, .add-trace-btn {
    min-height: 44px !important;
    font-size: 0.875rem !important;
  }
  /* line 769, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .user-avatar {
    width: 3rem !important;
    height: 3rem !important;
  }
  /* line 774, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .project-title span, .meta-item span, .user-email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}

/* Tablet Adjustments */
@media (max-width: 768px) and (min-width: 421px) {
  /* line 784, app/assets/stylesheets/dashboard/_main_dashboard.scss */
  .projects-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }
}

/* Custom Scrollbar */
/* line 791, app/assets/stylesheets/dashboard/_main_dashboard.scss */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 796, app/assets/stylesheets/dashboard/_main_dashboard.scss */
::-webkit-scrollbar-track {
  background: transparent;
}

/* line 800, app/assets/stylesheets/dashboard/_main_dashboard.scss */
::-webkit-scrollbar-thumb {
  background: rgba(215, 52, 166, 0.3);
  border-radius: 3px;
  transition: background 0.2s ease;
}

/* line 806, app/assets/stylesheets/dashboard/_main_dashboard.scss */
::-webkit-scrollbar-thumb:hover {
  background: rgba(215, 52, 166, 0.5);
}

/* Firefox scrollbar */
/* line 811, app/assets/stylesheets/dashboard/_main_dashboard.scss */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(215, 52, 166, 0.3) transparent;
}

/* line 816, app/assets/stylesheets/dashboard/_main_dashboard.scss */
button {
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
}

/* line 1, app/assets/stylesheets/_projects_show.scss */
.app__content-scroll {
  flex: 1 1 auto;
  /* gives it a real height */
  overflow: auto;
  /* now it can scroll */
  -webkit-overflow-scrolling: touch;
}

/* Main container styling */
/* line 8, app/assets/stylesheets/_projects_show.scss */
.project-details {
  max-width: 100%;
  margin: 20px auto;
  backdrop-filter: blur(10px);
  position: relative;
  flex: 1 1 auto;
  overflow: auto;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 40px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset;
  background: #071423;
  border: 1px solid #0f2640;
  border-radius: 24px;
  padding: 42px 44px 0px;
  background: #111722;
  background: -webkit-linear-gradient(39deg, #111722 0%, #1f1c25 50%, #3b2324 100%);
  background: -moz-linear-gradient(39deg, #111722 0%, #1f1c25 50%, #3b2324 100%);
  background: linear-gradient(39deg, #111722 0%, #1f1c25 50%, #3b2324 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111722", endColorstr="#3B2324", GradientType=0);
  /* decorative top gradient line */
  /* header */
  /* title */
  /* PATCH: UL and LI for reports list */
  /* API section container (reduced right padding) */
  /* Row 1: [label 80px][input flexible][copy btn][setup btn] */
  /* fixed label */
  /* input inside API row */
  /* base button (fits content) */
  /* copy button: same height, tighter horizontal padding */
  /* delete variant */
  /* Row 2 actions (open, edit, delete) */
  /* stats grid */
  /* stat card */
  /* stat icon */
  /* stat value */
  /* stat label */
  /* meta grid */
  /* meta item */
  /* meta icon */
  /* meta text */
  /* text blocks */
  /* generic input look */
  /* specific input in this block */
  /* Stile per la nuova griglia di metadati */
  /* Stile per le celle della griglia */
  /* responsive */
}

/* line 28, app/assets/stylesheets/_projects_show.scss */
.project-details::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(223, 116, 0, 0.5), transparent);
}

/* line 37, app/assets/stylesheets/_projects_show.scss */
.project-details__header {
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

/* line 44, app/assets/stylesheets/_projects_show.scss */
.project-details__title {
  font-size: 37px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 22px;
  margin-top: 22px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 54, app/assets/stylesheets/_projects_show.scss */
.project-details__list {
  display: flex;
  flex-direction: column;
  gap: 13px;
  list-style: none;
  padding-left: 0;
  margin: 0;
  overflow-y: scroll;
  height: 60vh;
  padding-right: 20px;
}

/* line 66, app/assets/stylesheets/_projects_show.scss */
.project-details__list-item {
  min-height: 55px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 0px 14px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background: transparent;
  border: 1px solid #3a291f;
}

/* line 80, app/assets/stylesheets/_projects_show.scss */
.project-details__api-section {
  display: grid;
  /* make two columns: left content + button */
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 20px 14px;
  margin-bottom: 30px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background: rgba(30, 41, 59, 0.6);
  border: 1px solid #0f2640;
}

/* line 95, app/assets/stylesheets/_projects_show.scss */
.project-details__api-row {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: 8px;
  min-width: 0;
}

/* line 104, app/assets/stylesheets/_projects_show.scss */
.project-details__input-label {
  width: 80px;
  flex-shrink: 0;
  text-align: left;
  color: #94a3b8;
}

/* line 112, app/assets/stylesheets/_projects_show.scss */
.project-details__input {
  min-width: 0;
  width: 100%;
  padding-right: 18px;
}

/* line 119, app/assets/stylesheets/_projects_show.scss */
.project-details__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 4px;
  border: 1px solid #DF7400;
  background: transparent;
  color: #DF7400;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  gap: 6px;
  white-space: nowrap;
  width: auto;
  min-width: 0;
  transition: all .2s;
}

/* line 140, app/assets/stylesheets/_projects_show.scss */
.project-details__btn:hover {
  background: #DF7400;
  color: #fff;
}

/* line 143, app/assets/stylesheets/_projects_show.scss */
.project-details__btn--icon {
  padding: 0 20px;
  height: 36px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  /* align button to right in grid */
}

/* line 154, app/assets/stylesheets/_projects_show.scss */
.project-details__btn--delete {
  background: #f97316;
  color: #fff;
  border-color: #f97316;
}

/* line 160, app/assets/stylesheets/_projects_show.scss */
.project-details__btn--delete:hover {
  background: #ea580c;
  border-color: #ea580c;
}

/* line 163, app/assets/stylesheets/_projects_show.scss */
.project-details__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  justify-content: flex-start;
}

/* line 172, app/assets/stylesheets/_projects_show.scss */
.project-details__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin: 24px 0;
}

/* line 180, app/assets/stylesheets/_projects_show.scss */
.project-details__stat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  position: relative;
  overflow: hidden;
}

/* line 191, app/assets/stylesheets/_projects_show.scss */
.project-details__stat:hover {
  transform: translateY(-2px);
  border-color: rgba(223, 116, 0, 0.3);
}

/* line 196, app/assets/stylesheets/_projects_show.scss */
.project-details__stat::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, #DF7400, #f97316);
}

/* line 205, app/assets/stylesheets/_projects_show.scss */
.project-details__stat-icon {
  font-size: 20px;
  color: #DF7400;
  min-width: 24px;
}

/* line 212, app/assets/stylesheets/_projects_show.scss */
.project-details__stat-value {
  font-size: 18px;
  font-weight: 700;
  color: #f8fafc;
  line-height: 1.2;
}

/* line 220, app/assets/stylesheets/_projects_show.scss */
.project-details__stat-label {
  font-size: 13px;
  color: #cbd5e1;
  line-height: 1.2;
  font-weight: 500;
}

/* line 228, app/assets/stylesheets/_projects_show.scss */
.project-details__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 16px;
  padding: 20px;
  background: rgba(15, 23, 42, 0.3);
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.1);
}

/* line 240, app/assets/stylesheets/_projects_show.scss */
.project-details__meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  padding: 8px 0;
}

/* line 249, app/assets/stylesheets/_projects_show.scss */
.project-details__meta-icon {
  font-size: 16px;
  color: #DF7400;
  min-width: 20px;
}

/* line 256, app/assets/stylesheets/_projects_show.scss */
.project-details__meta-text {
  color: #e2e8f0;
  font-weight: 500;
}

/* line 262, app/assets/stylesheets/_projects_show.scss */
.project-details__text {
  margin: 1rem 0;
}

/* line 266, app/assets/stylesheets/_projects_show.scss */
.project-details__text--2 {
  display: flex;
  gap: 30px;
}

/* line 272, app/assets/stylesheets/_projects_show.scss */
.project-details .input {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);
  border: 2px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  color: #e2e8f0;
  font-size: 15px;
  padding: 14px 18px;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}

/* line 283, app/assets/stylesheets/_projects_show.scss */
.project-details .input::placeholder {
  color: #94a3b8;
  font-style: italic;
}

/* line 288, app/assets/stylesheets/_projects_show.scss */
.project-details .input:focus {
  border-color: #DF7400;
  box-shadow: 0 0 0 4px rgba(223, 116, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.2);
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, #0f172a 100%);
}

/* line 295, app/assets/stylesheets/_projects_show.scss */
.project-details input.project-details__input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border-radius: 10px;
  background: #061221;
  border: 1px solid #0B1A2C;
  color: #F9F9FC;
  outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

/* line 307, app/assets/stylesheets/_projects_show.scss */
.project-details input.project-details__input:focus,
.project-details input.project-details__input:focus-visible {
  border: 1px solid rgba(255, 255, 255, 0.7);
  transform: scaleY(0.98);
}

/* line 312, app/assets/stylesheets/_projects_show.scss */
.project-details strong.project-details__label {
  color: #94a3b8;
  font-weight: 100;
}

/* line 318, app/assets/stylesheets/_projects_show.scss */
.project-details .grid {
  display: grid;
}

/* line 322, app/assets/stylesheets/_projects_show.scss */
.project-details .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 326, app/assets/stylesheets/_projects_show.scss */
.project-details .gap-2 {
  gap: 0.5rem;
}

/* line 330, app/assets/stylesheets/_projects_show.scss */
.project-details .gap-4 {
  gap: 1rem;
}

/* line 334, app/assets/stylesheets/_projects_show.scss */
.project-details .col-span-2 {
  grid-column: span 2 / span 2;
}

/* line 338, app/assets/stylesheets/_projects_show.scss */
.project-details .font-semibold {
  font-weight: 600;
  color: #cbd5e1;
  /* colore etichetta */
  font-size: 20px;
}

/* line 345, app/assets/stylesheets/_projects_show.scss */
.project-details .grid > div > div {
  padding: 6px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

/* line 350, app/assets/stylesheets/_projects_show.scss */
.project-details .grid > div > div:last-child {
  border-bottom: none;
}

@media (max-width: 768px) {
  /* line 8, app/assets/stylesheets/_projects_show.scss */
  .project-details {
    padding: 24px 20px;
    margin: 10px;
    border-radius: 12px;
    /* Responsive per la griglia */
  }
  /* line 360, app/assets/stylesheets/_projects_show.scss */
  .project-details__title {
    font-size: 24px;
  }
  /* line 361, app/assets/stylesheets/_projects_show.scss */
  .project-details__api-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  /* line 362, app/assets/stylesheets/_projects_show.scss */
  .project-details__input-label {
    width: auto;
  }
  /* line 363, app/assets/stylesheets/_projects_show.scss */
  .project-details__actions {
    flex-wrap: wrap;
    gap: 8px;
  }
  /* line 364, app/assets/stylesheets/_projects_show.scss */
  .project-details__btn {
    width: 100%;
    padding: 12px 16px;
  }
  /* line 365, app/assets/stylesheets/_projects_show.scss */
  .project-details__stats, .project-details__meta {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* line 366, app/assets/stylesheets/_projects_show.scss */
  .project-details__list-item {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  /* line 369, app/assets/stylesheets/_projects_show.scss */
  .project-details .grid-cols-2 {
    grid-template-columns: 1fr;
  }
  /* line 373, app/assets/stylesheets/_projects_show.scss */
  .project-details .col-span-2 {
    grid-column: span 1;
  }
  /* line 377, app/assets/stylesheets/_projects_show.scss */
  .project-details .grid > div > div {
    border-bottom: none;
  }
}

/* Extra auth styles */
/* line 384, app/assets/stylesheets/_projects_show.scss */
.auth-links {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}

/* line 391, app/assets/stylesheets/_projects_show.scss */
.form__group--inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 397, app/assets/stylesheets/_projects_show.scss */
.form__remember {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 403, app/assets/stylesheets/_projects_show.scss */
.form__forgot a {
  font-size: 0.9rem;
  text-decoration: underline;
}

/* line 408, app/assets/stylesheets/_projects_show.scss */
.auth-actions--inline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

/* line 415, app/assets/stylesheets/_projects_show.scss */
.auth-actions__item {
  flex: 1;
  max-width: 200px;
}

/* line 420, app/assets/stylesheets/_projects_show.scss */
.auth-actions__item .btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
}

/* line 429, app/assets/stylesheets/_projects_show.scss */
.auth-links--row {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 15px;
}

/* line 436, app/assets/stylesheets/_projects_show.scss */
.auth-links--row .auth-links__item {
  flex: 1;
  text-align: center;
}

/* line 442, app/assets/stylesheets/_projects_show.scss */
.project-details__back span:first-child {
  color: #DF7400;
  /* orange arrow */
  font-weight: bold;
}

/* line 448, app/assets/stylesheets/_projects_show.scss */
.project-details__header a {
  color: #cbd5e1;
  /* Colore testo normale */
  text-decoration: none;
  transition: color 0.2s ease;
}

/* line 454, app/assets/stylesheets/_projects_show.scss */
.project-details__header a:hover {
  color: #ffb06a;
  /* Colore testo hover */
}

/* line 458, app/assets/stylesheets/_projects_show.scss */
.project-details__header a:hover::first-letter {
  color: #ffb06a;
  /* Colore freccia hover */
}

/* Back to Reports link: orange arrow + text */
/* line 462, app/assets/stylesheets/_projects_show.scss */
.project-details__header a {
  color: #DF7400 !important;
  /* orange text and arrow */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* line 469, app/assets/stylesheets/_projects_show.scss */
.project-details__header a:hover {
  color: #ffb06a !important;
  /* lighter orange on hover */
}

/* line 472, app/assets/stylesheets/_projects_show.scss */
.report-line {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  flex-wrap: wrap;
}

/* line 480, app/assets/stylesheets/_projects_show.scss */
.status-pill {
  background: rgba(223, 116, 0, 0.15);
  border: 1px solid rgba(223, 116, 0, 0.45);
  color: #ffb06a;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
}

/* line 489, app/assets/stylesheets/_projects_show.scss */
.crumb {
  color: #cbd5e1;
}

/* line 493, app/assets/stylesheets/_projects_show.scss */
.crumb::before {
  content: "›";
  margin: 0 12px;
  opacity: 0.5;
}

/* line 500, app/assets/stylesheets/_projects_show.scss */
.report-tile {
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 20px;
}

/* line 506, app/assets/stylesheets/_projects_show.scss */
.prose.max-w-none {
  margin-bottom: 35px;
}

/* Base table styling */
/* === Meta table — light borders only === */
/* line 514, app/assets/stylesheets/_projects_show.scss */
.meta-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: transparent;
}

/* line 521, app/assets/stylesheets/_projects_show.scss */
.meta-table__cell {
  padding: 10px 14px;
  font-size: 14px;
  color: #e2e8f0;
  border: 1px solid rgba(148, 163, 184, 0.15);
  /* light border */
  word-break: break-word;
}

/* line 529, app/assets/stylesheets/_projects_show.scss */
.meta-table__cell--head {
  font-weight: 600;
  color: #cbd5e1;
  background: transparent;
  /* no background */
}

/* Equal columns for label and value */
/* line 536, app/assets/stylesheets/_projects_show.scss */
.meta-table__cell--head {
  width: 40%;
}

/* Optional: remove outer border if needed */
/* line 541, app/assets/stylesheets/_projects_show.scss */
.meta-table {
  border: none;
}

/* Responsive stacking */
@media (max-width: 768px) {
  /* line 547, app/assets/stylesheets/_projects_show.scss */
  .meta-table__cell {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* line 553, app/assets/stylesheets/_projects_show.scss */
.container-table {
  margin-top: 8px;
  border: 1px solid rgba(148, 163, 184, 0.15);
  /* чтобы при скролле рамка была */
}

/* Чтобы скролл выглядел аккуратно */
/* line 559, app/assets/stylesheets/_projects_show.scss */
.container-table::-webkit-scrollbar {
  width: 8px;
}

/* line 563, app/assets/stylesheets/_projects_show.scss */
.container-table::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 4px;
}

/* line 568, app/assets/stylesheets/_projects_show.scss */
.container-table::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

/* line 572, app/assets/stylesheets/_projects_show.scss */
.test-bullet {
  background: rgba(223, 116, 0, 0.15);
  border: 1px solid rgba(223, 116, 0, 0.45);
  color: #ffb06a;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
}

/* line 582, app/assets/stylesheets/_projects_show.scss */
.list-test {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

/* line 1, app/assets/stylesheets/_projects.scss */
.alert-custom {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.2) 0%, rgba(180, 83, 9, 0.1) 100%);
  border: 1px solid #d97706;
  border-radius: 12px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 91.66666667%;
  margin: 0 auto;
}

/* line 14, app/assets/stylesheets/_projects.scss */
.project-details__input-group {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* line 8, app/assets/stylesheets/app.scss */
* {
  text-decoration: none !important;
}

/* line 12, app/assets/stylesheets/app.scss */
.create-project-btn {
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: none !important;
}

/* ---------------------------------------------------- */
/* ===========================
   Insights Copilot — Auth Page
   Full CSS (all requested fixes)
   =========================== */
/* === Theme variables === */
/* Wrapper only for login fragment */
/* line 431, app/assets/stylesheets/app.scss */
.auth-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background-repeat: no-repeat;
  background: linear-gradient(180deg, #0C1A2D 0%, #061322 50%, #05101E 100%);
  background-repeat: no-repeat;
}

/* line 439, app/assets/stylesheets/app.scss */
.auth-page * {
  box-sizing: border-box;
}

/* line 441, app/assets/stylesheets/app.scss */
.auth-page .auth__card {
  width: 100%;
  max-width: 480px;
  background: #071423;
  border: 1px solid #0f2640;
  border-radius: 24px;
  padding: 42px 44px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* line 447, app/assets/stylesheets/app.scss */
.auth-page .auth__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 22px;
  text-align: center;
}

/* line 448, app/assets/stylesheets/app.scss */
.auth-page .auth__brand-text {
  font-weight: 600;
  letter-spacing: .2px;
  color: #F9F9FC;
  opacity: .95;
}

/* line 450, app/assets/stylesheets/app.scss */
.auth-page .auth__title {
  margin: 6px 0 6px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 100;
  text-align: center;
  color: #F9F9FC;
}

/* line 451, app/assets/stylesheets/app.scss */
.auth-page .auth__subtitle {
  margin: 0 0 26px;
  text-align: center;
  color: #A6B7C7;
  font-size: 15px;
}

/* line 453, app/assets/stylesheets/app.scss */
.auth-page .form__group {
  margin-bottom: 16px;
}

/* line 454, app/assets/stylesheets/app.scss */
.auth-page .form__label {
  display: block;
  color: #F9F9FC;
  opacity: .92;
  font-size: 14px;
  margin: 0 0 8px;
}

/* line 455, app/assets/stylesheets/app.scss */
.auth-page .form__input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border-radius: 10px;
  background: #061221;
  border: 1px solid #0B1A2C;
  color: #F9F9FC;
  outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

/* line 460, app/assets/stylesheets/app.scss */
.auth-page .form__input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

/* line 461, app/assets/stylesheets/app.scss */
.auth-page .form__input:focus {
  background: #0E2437;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(20, 51, 74, 0.5);
}

/* line 463, app/assets/stylesheets/app.scss */
.auth-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 700;
  cursor: pointer;
  transition: transform .04s, box-shadow .2s, opacity .2s, filter .2s;
}

/* line 468, app/assets/stylesheets/app.scss */
.auth-page .btn:active {
  transform: translateY(1px);
}

/* line 470, app/assets/stylesheets/app.scss */
.auth-page .btn--primary {
  color: #EB8B21;
  background: transparent;
  border-color: #EB8B21;
}

/* line 471, app/assets/stylesheets/app.scss */
.auth-page .btn--primary:hover {
  color: #FFFFFF;
  background: #EB8B21;
  border-color: #EB8B21;
}

/* line 473, app/assets/stylesheets/app.scss */
.auth-page .btn--secondary {
  background: #061120;
  color: #fff;
  border-color: #233044;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* line 474, app/assets/stylesheets/app.scss */
.auth-page .btn--secondary:hover {
  opacity: .96;
}

/* line 476, app/assets/stylesheets/app.scss */
.auth-page .auth__divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #A6B7C7;
  font-size: 14px;
  margin: 18px 0;
}

/* line 477, app/assets/stylesheets/app.scss */
.auth-page .auth__divider::before,
.auth-page .auth__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
}

@media (max-width: 520px) {
  /* line 481, app/assets/stylesheets/app.scss */
  .auth-page .auth__card {
    padding: 28px 22px;
  }
  /* line 482, app/assets/stylesheets/app.scss */
  .auth-page .auth__title {
    font-size: 24px;
  }
}

/* Flexbox scroll fix: let flex children actually overflow */
/* line 486, app/assets/stylesheets/app.scss */
.min-h-0 {
  min-height: 0 !important;
}

/* Lock the page height (you wanted body overflow hidden) */
/* line 489, app/assets/stylesheets/app.scss */
html, body {
  height: 100%;
  overflow: hidden;
  /* keep the global lock */
}

/* App shell: the first .d-flex under body is your sidebar + content row */
/* line 495, app/assets/stylesheets/app.scss */
body > .d-flex {
  display: flex;
  /* ensure flex even if Bootstrap utils change */
  height: 100vh;
  /* give the shell a real height */
  min-height: 0;
  /* allow children to shrink */
  overflow: hidden;
  /* avoid double scrollbars */
}

/* The content column (the sibling of the sidebar) */
/* line 503, app/assets/stylesheets/app.scss */
body > .d-flex > .d-flex.flex-column.flex-grow-1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* fill the shell */
  min-height: 0;
  /* CRITICAL: let the scroller inside shrink */
  overflow: hidden;
  /* contain internal scrolls */
}

/* The actual scroller */
/* line 512, app/assets/stylesheets/app.scss */
body > .d-flex > .d-flex.flex-column.flex-grow-1 > .flex-grow-1.flex-column.overflow-auto.p-3 {
  flex: 1 1 auto;
  /* give it measurable height */
  min-height: 0;
  /* allow overflow */
  overflow: auto;
  /* enable scrolling here */
}

/* These two are sometimes needed because .row/.col are also flex containers */
/* line 519, app/assets/stylesheets/app.scss */
.row {
  min-height: 0;
}

/* line 520, app/assets/stylesheets/app.scss */
.col-lg-11 {
  min-height: 0;
}