@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --font-family: "Jost", sans-serif;
  --primary: #6c5ce7;
  --accent: #00e5a8;
  --dark: #0f172a;
  --soft: #f8fafc;
  --gray: #94a3b8;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font-family: var(--font-family);
  line-height: 1.5;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
}

p {
  color: #666;
}
a{
  text-decoration: none;
}
.primary-btn {
  background: linear-gradient(135deg, #6c5ce7, #00e5a8);
  border: none;
  border-radius: 25px;
  color: #fff;
}
.bg-success{
  background-color: var(--primary) !important;
  border-radius: 25px;
}
.btn-outline-secondary{
  border: 2px solid var(--accent);
  border-radius: 25px;
}
.btn-outline-secondary:hover{
  background-color: var(--accent);
  border: none;
}
.card-glow {
  background: linear-gradient(
    135deg,
    rgba(108, 92, 231, 0.15),
    rgba(0, 229, 168, 0.15)
  );
}
.cta-background {
  background: linear-gradient(135deg, #00e5a8, #6c5ce7);
}
.card-giglance {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
  transition: 0.4s ease;
}

.card-giglance:hover {
  transform: translateY(-6px) scale(1.01);
}
.section-title {
  font-weight: 800;
  font-size: 2rem;
}
.bold-600 {
  font-weight: 600;
}

/* ===== GIGLANCE: Premium SELECT (cross-browser) ===== */
.giglance-gigs-select {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 12px 44px 12px 12px; /* right padding for caret */
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
  transition: 0.2s ease;
}

.giglance-gigs-select:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
  border-color: rgba(31, 79, 58, 0.18);
}

.giglance-gigs-select:focus-within {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(31, 79, 58, 0.35);
  box-shadow:
    0 0 0 5px rgba(182, 255, 26, 0.2),
    0 18px 50px rgba(15, 23, 42, 0.1);
}

.giglance-gigs-select i {
  color: #1f4f3a;
  font-size: 14px;
}

/* the actual <select> */
.giglance-gigs-select select {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;

  font-weight: 1000;
  color: #0b1f16;
  cursor: pointer;

  /* remove native arrow */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* helps spacing in Safari */
  padding-right: 6px;
}

/* custom caret */
.giglance-gigs-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(31, 79, 58, 0.75);
  border-bottom: 2px solid rgba(31, 79, 58, 0.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  transition: 0.2s ease;
}

.giglance-gigs-select:focus-within::after {
  transform: translateY(-35%) rotate(225deg);
  border-color: rgba(31, 79, 58, 0.95);
}

/* better placeholder color look (first option like "All Categories") */
.giglance-gigs-select select:invalid {
  color: #64748b;
}

/* optional: consistent height */
.giglance-gigs-select,
.giglance-gigs-select select {
  min-height: 48px;
}

/* Dark mode friendly (optional if your site uses dark backgrounds sometimes) */
.giglance-dark .giglance-gigs-select {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}
.giglance-dark .giglance-gigs-select select {
  color: #e5e7eb;
}
.giglance-dark .giglance-gigs-select::after {
  border-right-color: rgba(255, 255, 255, 0.7);
  border-bottom-color: rgba(255, 255, 255, 0.7);
}

/* Top Bar */
.giglance-topbar {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  padding: 8px 0;
  font-size: 14px;
}

/* Navbar */
.giglance-navbar {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* Logo */
.giglance-logo {
  font-weight: 800;
  font-size: 22px;
  color: var(--primary);
}

/* Search */
.giglance-search {
  background: #f1f5f9;
  border-radius: 50px;
  padding: 6px 14px;
}

/* Buttons */
.btn-giglance {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
  border-radius: 50px;
  padding: 8px 18px;
  transition: 0.3s;
}

.btn-giglance-outline {
  border: 1px solid var(--primary);
  border-radius: 50px;
  padding: 8px 18px;
  color: var(--primary);
  background: transparent;
}

.btn-giglance:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(108, 92, 231, 0.3);
}

.giglanceNav li a {
  color: var(--dark);
  font-weight: 400;
}

/* ===== Giglance Dropdown Theme ===== */
.giglance-dd{
  border-radius: 18px;
  padding: 10px;
  border: 1px solid rgba(31,79,58,.14);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
  min-width: 240px;
}

.giglance-dd .dropdown-item{
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 600;
  color: #0b1f16;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: .18s ease;
}

.giglance-dd .dropdown-item:hover,
.giglance-dd .dropdown-item:focus{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.16));
  transform: translateY(-1px);
}

.giglance-dd .dropdown-divider{
  margin: 10px 6px;
  opacity: .35;
}

.giglance-dd-caret{
  font-size: .85rem;
  opacity: .75;
}

/* Multi-level: keep submenus aligned */
.giglance-subdrop > .dropdown-menu{
  margin-left: 8px;
}

/* Desktop hover open (optional but premium) */
@media (min-width: 992px){
  .giglance-nav .dropdown:hover > .dropdown-menu{
    display: block;
  }
  .giglance-nav .dropend:hover > .dropdown-menu{
    display: block;
    top: 0;
    left: 100%;
  }
}

/* Mobile: make dropdown menus full-width inside offcanvas */
.giglance-dd-mobile{
  position: static !important;
  transform: none !important;
  width: 100%;
  margin-top: 8px;
  box-shadow: none;
  background: rgba(15,23,42,.03);
}

.giglance-dd-mobile .dropdown-item{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,79,58,.10);
}

.giglance-dd-mobile .dropdown-item:hover{
  transform: none;
  color: #071b13;
}

/* Prevent long menu text wrapping (you requested this earlier) */
.giglance-dd .dropdown-item,
.giglance-mnavlink,
.giglance-navlink{
  white-space: nowrap;
}


/* Categories */
.giglance-cats {
  background: #fff;
  border-top: 1px solid #eee;
}

.giglance-cat-item {
  padding: 10px 18px;
  border-radius: 30px;
  background: #f8fafc;
  font-size: 14px;
  transition: 0.3s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.giglance-cat-item:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
}

.giglance-cat-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: 0.3s;
}

.giglance-cat-nav.prev {
  left: 15px;
}
.giglance-cat-nav.next {
  right: 15px;
}

.giglance-cat-nav:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
}

.giglanceCatSwiper .swiper-slide {
  width: auto;
}

/* Offcanvas */
.giglance-offcanvas {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  width: 280px;
}

/* Search */
.giglance-mobile-search {
  background: #f1f5f9;
  border-radius: 50px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.giglance-mobile-search input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
}

/* Menu */
.giglance-mobile-menu li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  color: var(--dark);
  text-decoration: none;
  transition: 0.3s;
}

.giglance-mobile-menu li a:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  transform: translateX(6px);
}

/* Categories */
.giglance-mobile-cats span {
  display: inline-block;
  background: #f8fafc;
  padding: 6px 12px;
  border-radius: 20px;
  margin: 4px;
  font-size: 13px;
}

/* Fix toggler icon */
.navbar-toggler {
  box-shadow: none !important;
}

/* HERO */
.giglance-hero {
  position: relative;
  overflow: hidden;
  padding: 120px 0 90px;
  background:
    radial-gradient(
      circle at top left,
      rgba(108, 92, 231, 0.12),
      transparent 40%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(0, 229, 168, 0.12),
      transparent 40%
    ),
    #f8fafc;
}

/* Floating blobs */
.giglance-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.5;
  z-index: 0;
}

.giglance-hero .blob-1 {
  width: 320px;
  height: 320px;
  background: #6c5ce7;
  top: -80px;
  left: -80px;
}

.giglance-hero .blob-2 {
  width: 280px;
  height: 280px;
  background: #00e5a8;
  bottom: -80px;
  right: -80px;
}

/* Content */
.giglance-hero-content {
  position: relative;
  z-index: 2;
}

.giglance-hero h1 {
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--dark);
}

.giglance-hero h1 span {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.giglance-hero p {
  font-size: 1.05rem;
  color: #64748b;
}

/* Search */
.giglance-hero-search {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  border-radius: 60px;
  padding: 10px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.giglance-hero-search input {
  border: none;
  background: transparent;
  padding: 14px 16px;
}

.giglance-hero-search button {
  border-radius: 40px;
  padding: 12px 22px;
}

/* Buttons */
.btn-giglance-soft {
  background: rgba(108, 92, 231, 0.12);
  color: var(--primary);
  border-radius: 50px;
  padding: 10px 22px;
}

/* Stats */
.giglance-hero .giglance-stats {
  display: flex;
  gap: 26px;
  margin-top: 26px;
}

.giglance-hero .giglance-stat {
  font-weight: 700;
}

.giglance-hero .giglance-stat span {
  display: block;
  font-size: 13px;
  color: #64748b;
}

/* Image */
.giglance-hero-img {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-18px);
  }
}

.giglance-hero h1 {
  animation: fadeUp 0.8s ease both;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* SERVICES */
.giglance-services {
  padding: 90px 0;
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.giglance-service-card {
  position: relative;
  height: 320px;
  border-radius: 22px;
  overflow: hidden;
  /* box-shadow: 0 25px 45px rgba(15,23,42,.15); */
  transition: 0.45s ease;
}

.giglance-service-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;
}

.giglance-service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.1),
    rgba(15, 23, 42, 0.65)
  );
}

.giglance-service-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}

.giglance-service-badge {
  align-self: flex-start;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 13px;
  margin-bottom: auto;
}

.giglance-service-content h3 {
  font-weight: 700;
  margin: 0;
}

.giglance-service-content span {
  font-size: 14px;
  opacity: 0.9;
}

.giglance-service-card:hover {
  transform: translateY(-10px) scale(1.02);
}

.giglance-service-card:hover img {
  transform: scale(1.12);
}

/* Slider arrows */
.giglance-service-nav {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}

.giglance-service-nav:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
}

/* CATEGORIES */
.giglance-categories {
  padding: 20px 0;
  background: #fff;
}

.cat-row::-webkit-scrollbar {
  display: none;
}

/* Pill */
.cat-pill {
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 18px;
  padding: 16px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  color: #222;
  font-weight: 600;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: 0.45s cubic-bezier(0.2, 0.9, 0.3, 1);
  text-align: center;
  margin-bottom: 20px;
  min-height: 200px;
}

/* Gradient glow border */
.cat-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 18px;
  /* background:linear-gradient(135deg,#1f4f3a,#b6ff1a); */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

/* Glow light */
.cat-pill::after {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(
    circle,
    rgba(26, 255, 244, 0.15),
    transparent 40%
  );
  opacity: 0;
  transition: 0.4s;
}

.cat-pill img {
  width: 50px;
}

/* Hover magic */
.cat-pill:hover {
  transform: translateY(-8px) scale(1.04);
}

.cat-pill:hover::before {
  opacity: 1;
}
.cat-pill:hover::after {
  opacity: 1;
}
.cat-pill:hover i {
  color: #0f2f22;
  transform: scale(1.2) rotate(6deg);
}

.cat-pill {
  position: relative;
}

/* Badge */
.cat-badge {
  background: var(--accent);
  color: #0b1f16;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(31, 79, 58, 0.35);
}

/* PROMO */
.giglance-promo {
  padding: 90px 0;
}

.giglance-promo .container {
  max-width: 1200px;
  margin: auto;
}

.promo-grid {
  background: #fff4ec;
  border-radius: 28px;
  padding: 70px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 40px;
}

.promo-label {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1f4f3a;
}

.promo-content h2 {
  font-size: 48px;
  line-height: 1.1;
  margin: 20px 0;
}

.promo-content span {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  color: transparent;
}

.promo-content p {
  font-size: 18px;
  color: #555;
  max-width: 420px;
}

.promo-actions {
  margin-top: 30px;
  display: flex;
  gap: 20px;
  align-items: center;
}

.promo-btn {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  padding: 14px 26px;
  border-radius: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(31, 79, 58, 0.35);
  transition: 0.4s;
}

.promo-btn:hover {
  transform: translateY(-4px);
  color: #000;
}

.promo-link {
  font-weight: 600;
  color: #1f4f3a;
  text-decoration: none;
}

/* RIGHT */

.promo-visual {
  position: relative;
  height: 340px;
}

.visual-card {
  position: absolute;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  animation: float 6s ease-in-out infinite;
}

.visual-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visual-card.small {
  width: 170px;
  height: 170px;
  left: 0;
  top: 40px;
  background: #d7fff2;
}

.visual-card.big {
  width: 260px;
  height: 350px;
  right: 0;
  top: 0;
  animation-delay: 1s;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}

/* MOBILE */

@media (max-width: 900px) {
  .promo-grid {
    grid-template-columns: 1fr;
    padding: 50px 30px;
  }

  .promo-visual {
    height: 280px;
    margin-top: 40px;
  }

  .promo-content h2 {
    font-size: 36px;
  }
}

/* GIGS */
.giglance-gigs {
  padding: 50px 0;
}

.giglance-gigs .container {
  margin: auto;
}

.gigs-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.gigs-head a {
  color: #1f4f3a;
  font-weight: 700;
  text-decoration: none;
}

/* CARD */
.gig-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.45s cubic-bezier(0.2, 0.9, 0.3, 1);
  position: relative;
}

.gig-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 80px rgba(31, 79, 58, 0.35);
}

.gig-media {
  position: relative;
  height: 180px;
  overflow: hidden;
}

.gig-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.gig-card:hover img {
  transform: scale(1.12);
}

/* OVERLAYS */
.gig-like {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.gig-like:hover {
  background: linear-gradient(135deg, #1f4f3a, #b6ff1a);
  color: #0b1f16;
}

.gig-user {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.gig-user img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

/* BODY */
.gig-body {
  padding: 18px;
}

.gig-tag {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  color: #fff;
}

.gig-body h3 {
  margin: 12px 0;
  font-size: 15px;
  line-height: 1.4;
}

.gig-meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #666;
}

/* FOOT */
.gig-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  font-size: 14px;
}

.gig-rate {
  font-weight: 700;
}

.gig-rate .star-rating {
  color: orange;
}

.giglance-swiper {
  padding: 20px 4px 60px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px;
  color: var(--primary);
  font-weight: 800;
}

/* HOW IT WORKS */
.giglance-how {
  padding: 100px 0;
  background: #f9fbfa;
}

.giglance-how .container {
  max-width: 1200px;
  margin: auto;
}

.how-head {
  text-align: center;
  margin-bottom: 40px;
}

/* .how-head h2{
  font-size:42px;
} */

.how-head p {
  color: #666;
}

/* TABS */

.how-tabs {
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 8px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  width: max-content;
  margin: 30px auto;
  position: relative;
  overflow: hidden;
}

.how-tab {
  width: max-content;
  background: none;
  border: none;
  padding: 12px 28px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.how-tab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-radius: inherit;
  opacity: 0;
  transition: 0.3s;
  border-radius: 15px;
  /* NEW */
  z-index: -1;
}

.how-tab:hover::before,
.how-tab.active::before {
  opacity: 1;
}

.how-tab:hover,
.how-tab.active {
  color: #fff;
}

.how-tab.active {
  color: #fff;
}

/* .how-indicator{
  position:absolute;
  height:42px;
  width:50%;
  background:linear-gradient(135deg, var(--primary), var(--accent));
  border-radius:14px;
  top:12px;
  left:6px;
  transition:.45s cubic-bezier(.2,.9,.3,1);
} */

/* PANELS */

.how-panel {
  display: none;
  animation: fade 0.5s ease;
}

.how-panel.active {
  display: block;
}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* GRID */

.how-grid {
  margin-top: 50px;
  position: relative;
}

.how-card {
  background: #fff;
  padding: 50px 26px 30px;
  border-radius: 22px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
  overflow: visible;
  position: relative;
}

.how-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(31, 79, 58, 0.25);
}

.how-card i {
  font-size: 34px;
  margin-bottom: 14px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  color: transparent;
}

.how-card h4 {
  margin: 10px 0;
}

/* MOBILE */

@media (max-width: 768px) {
  .how-tabs {
    width: 100%;
  }
  .how-indicator {
    width: 50%;
  }
}

/* LINE WRAPPER */
.has-line {
  position: relative;
}

/* PROGRESS LINE */
.how-line {
  position: absolute;
  top: 50px;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border-radius: 6px;
  z-index: 0;
  opacity: 0.25;
}

/* STEP NUMBER */
.how-step {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  display: grid;
  place-items: center;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 8px 20px rgba(31, 79, 58, 0.45);
  z-index: 3;
}

/* adjust card */
.how-card {
  position: relative;
  z-index: 1;
  padding-top: 36px;
}

/* ACTIVE FEEL */
.how-card:hover .how-step {
  transform: translateX(-50%) scale(1.15);
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .how-line {
    display: none;
  }
}

/* GALLER */
.giglance-masonry {
  padding: 100px 0;
}

.masonry-head {
  text-align: center;
  margin-bottom: 40px;
}

.masonry-grid {
  column-count: 4;
  column-gap: 22px;
}

.masonry-item {
  position: relative;
  margin-bottom: 22px;
  break-inside: avoid;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
}

.masonry-item:hover {
  transform: translateY(-8px);
}

.masonry-item img {
  width: 100%;
  display: block;
  transition: 0.6s;
}

.masonry-item:hover img {
  transform: scale(1.1);
}

/* OVERLAY */

.masonry-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(15, 43, 33, 0.85),
    rgba(15, 43, 33, 0.2)
  );
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  color: #fff;
  transition: 0.45s;
}

.masonry-item:hover .masonry-overlay {
  opacity: 1;
}

.masonry-cat {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  width: max-content;
  padding: 5px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
}

.masonry-overlay h3 {
  margin: 10px 0;
  font-size: 14px;
}

.masonry-link {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
}
.masonry-link:hover {
  color: #fff;
}
/* LIKE */

.masonry-like {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #000;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}

.masonry-like.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
  .masonry-grid {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .masonry-grid {
    column-count: 2;
  }
}

@media (max-width: 480px) {
  .masonry-grid {
    column-count: 1;
  }
}

/* REVIEWS */
.giglance-reviews-section {
  background: linear-gradient(135deg, #f7fafc, #ecfdf5);
}

.giglance-badge {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
}

.review-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  padding: 25px;
  /* box-shadow: 0 15px 40px rgba(0,0,0,.08); */
  transition: 0.4s;
  min-height: 300px;
}

.review-card:hover {
  transform: translateY(-10px);
}

.review-category {
  font-size: 12px;
  background: #e6fbe7;
  padding: 5px 12px;
  border-radius: 20px;
  color: #1f4f3a;
}

.review-text {
  margin: 15px 0;
}

.review-card .stars {
  color: #f5b301;
  font-size: 14px;
}

.review-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}

.review-footer img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

/* Animated circles */
.circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(182, 255, 26, 0.2);
  animation: float 10s infinite linear;
}

.c1 {
  width: 180px;
  height: 180px;
  top: 10%;
  left: 5%;
}
.c2 {
  width: 120px;
  height: 120px;
  bottom: 15%;
  right: 10%;
  animation-delay: 3s;
}
.c3 {
  width: 90px;
  height: 90px;
  top: 50%;
  right: 30%;
  animation-delay: 6s;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0);
  }
}

/* FAQS */
.giglance-faq {
  background: #fff;
}

.giglance-accordion .accordion-item {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border: none;
  margin-bottom: 15px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.giglance-accordion .accordion-button {
  background: transparent;
  font-weight: 600;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.giglance-accordion .accordion-button::after {
  display: none;
}

.giglance-accordion .icon {
  transition: 0.3s;
}

.giglance-accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #000;
}

.giglance-accordion .accordion-button:not(.collapsed) .icon {
  transform: rotate(45deg);
}

.giglance-accordion .accordion-body {
  padding: 20px;
  color: #555;
}

/* GUIDES */
.giglance-guides {
  background: linear-gradient(135deg, #f7fafc, #ecfdf5);
}

.guide-card {
  display: block;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
}

.guide-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

.guide-img {
  position: relative;
  height: 220px;
}

.guide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.guide-card:hover img {
  transform: scale(1.05);
}

.guide-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
}

.guide-body {
  padding: 20px;
}

.guide-meta {
  font-size: 12px;
  color: #777;
}

.guide-body h5 {
  margin: 8px 0;
}

/* BREADCRUMB */
.giglance-breadcrumb-section {
  background: linear-gradient(135deg, #f7fafc, #ecfdf5);
}

.giglance-breadcrumb-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border-radius: 22px;
  padding: 45px 30px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  position: relative;
}

.breadcrumb-nav {
  font-size: 14px;
}

.breadcrumb-nav a {
  color: #1f4f3a;
  text-decoration: none;
}

.breadcrumb-nav span {
  margin: 0 6px;
  color: #aaa;
}

.breadcrumb-nav .active {
  color: #666;
}

.giglance-breadcrumb-card h1 {
  margin-top: 10px;
  font-size: 26px;
}

.bc-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.35;
}

.bc-glow.g1 {
  width: 260px;
  height: 260px;
  background: #b6ff1a;
  top: -100px;
  left: -80px;
}

.bc-glow.g2 {
  width: 240px;
  height: 240px;
  background: #1aff8c;
  bottom: -100px;
  right: -80px;
}

/* FREELANCERS */
.filter-card {
  padding: 20px;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  z-index: 1;
}

.filter-group {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--soft);
}

.filter-group label {
  display: block;
  font-size: 14px;
  margin: 6px 0;
}
.filter-group h3{
  font-weight: 600;
}

.freelancer-card {
  background: #fff;
  border-radius: 20px;
  padding: 22px;
  text-align: center;
  position: relative;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  transition: 0.4s;
}

.freelancer-card:hover {
  transform: translateY(-12px);
}

.freelancer-top {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: space-between;
}

.freelancer-card .status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.freelancer-card .status.online {
  background: #1aff8c;
}

.freelancer-card .badge.pro {
  background: #b6ff1a;
  color: #000;
  border-radius: 25px;
}
.freelancer-card .badge.new {
  background: var(--primary);
  border-radius: 25px;
}

.freelancer-card .freelancer-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 20px;
}

.freelancer-card .username {
  color: #888;
}

.freelancer-card .rating {
  margin: 6px 0;
}

.freelancer-card .rating svg {
  color: orange;
  font-size: 16px;
}

.freelancer-card .bio {
  font-size: 14px;
  color: #666;
}

.freelancer-card .tags span {
  background: #eef7f2;
  padding: 4px 10px;
  border-radius: 20px;
  margin: 3px;
  display: inline-block;
  font-size: 12px;
}

.freelancer-card .meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin: 10px 0;
}

.freelancer-card .price {
  font-weight: 700;
  font-size: 18px;
  margin: 8px 0;
}

.freelancer-card .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.freelancer-card .actions a:hover {
  color: var(--primary);
}

.freelancer-card .save-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f1f5f9;
  border-radius: 50%;
  width: 38px;
  height: 38px;
}

.freelancer-card  h2{
  font-weight: 600;
}

.freelancer-card .save-btn:hover {
  background-color: var(--accent);
}

.freelancers-sidebar .price-range {
  width: 100%;
  accent-color: var(--primary);
}

.freelancers-sidebar h2{
  font-weight: 600;
}

.freelancers-sidebar .filter-group output {
  display: block;
  margin-top: 6px;
  font-weight: 600;
}

.freelancers-sidebar .check-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 6px 0;
  font-size: 14px;
}

.freelancers-sidebar .check-wrap input {
  display: none;
}

.freelancers-sidebar .check-wrap span {
  width: 18px;
  height: 18px;
  border: 2px solid var(--primary);
  border-radius: 6px;
  position: relative;
}

.freelancers-sidebar .check-wrap input:checked + span {
  background: var(--primary);
}

.freelancers-sidebar .check-wrap input:checked + span::after {
  content: "✓";
  position: absolute;
  color: #fff;
  font-size: 12px;
  left: 3px;
  top: -1px;
}

.freelancers-sidebar .giglance-select {
  width: 100%;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

/* PAGINATION */
.giglance-pagination .page-item {
  margin: 0 4px;
}

.giglance-pagination .page-link {
  border: none;
  min-width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #1f4f3a;
  background: #f3f7f5;
  transition: 0.3s ease;
}

.giglance-pagination .page-link:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #000;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(182, 255, 26, 0.35);
}

.giglance-pagination .active .page-link {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #000;
  box-shadow: 0 6px 18px rgba(182, 255, 26, 0.45);
}

.giglance-pagination .disabled .page-link {
  opacity: 0.4;
  pointer-events: none;
}

/* PROFILE */
.profile-card,
.box {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.profile-hero .avatar-wrap {
  position: relative;
  width: 120px;
  margin: auto;
}

.profile-hero .avatar-wrap img {
  width: 100%;
  border-radius: 50%;
}

.profile-hero .online-dot {
  position: absolute;
  bottom: 6px;
  right: 10px;
  width: 14px;
  height: 14px;
  background: var(--primary);
  border: 3px solid #fff;
  border-radius: 50%;
}

.profile-hero .meta span {
  margin-right: 15px;
  font-weight: 600;
  font-size: 16px;
}
.profile-hero .tags span{
  font-size: 14px;
}
.profile-hero .tags span,
.skill-tags span {
  background: #f4f7f5;
  padding: 6px 12px;
  border-radius: 30px;
  margin: 4px;
  display: inline-block;
}

.btn-gradient {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #000;
  border-radius: 25px;
}

/* ================================
   GIGLANCE ABOUT SECTION
================================ */
.profile-body .about-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: 0.3s ease;
}

.profile-body .about-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}

/* Header */
.profile-body .about-header {
  border-bottom: 1px solid #eef2f0;
  padding-bottom: 12px;
}

.profile-body .about-header h5 {
  margin: 0;
  font-size: 18px;
}

/* Toggle Button */
.profile-body .toggle-about {
  background: #f4f7f5;
  border: none;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
  transition: 0.3s ease;
}

.profile-body .toggle-about:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #000;
  box-shadow: 0 4px 14px rgba(182, 255, 26, 0.4);
}

/* Text */
.profile-body .about-text {
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.8;
  color: #555;
}

/* Stats */
.profile-body .about-stats {
  background: #f7faf9;
  border-radius: 16px;
  padding: 18px 10px;
}

.profile-body .about-stats .col {
  position: relative;
}

.profile-body .about-stats h3 {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 800;
  color: var(--primary);
}

.about-stats small {
  color: #777;
  font-weight: 600;
}

/* Meta Lists */
.profile-body .about-meta {
  margin-top: 12px;
}

.profile-body .about-meta ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.profile-body .about-meta li {
  padding: 6px 0;
  font-size: 14px;
  color: #555;
}

.profile-body .about-meta strong {
  color: #222;
}

/* Divider */
.profile-body .about-box hr {
  margin: 22px 0;
  border-color: #edf2ef;
}

/* Animation */
.profile-body .about-box {
  animation: fadeUp 0.6s ease both;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .profile-body .about-box {
    padding: 22px;
  }

  .profile-body .about-stats {
    margin-top: 15px;
  }

  .profile-body .about-stats h6 {
    font-size: 18px;
  }
}

/* ===== Right sidebar cards ===== */
.giglance-sticky {
  position: sticky;
  top: 92px; /* adjust to your header height */
  z-index: 10;
}

.availability-card,
.side-card {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

.side-title {
  margin-bottom: 12px;
  font-weight: 600;
}

/* ===== Availability header ===== */
.avail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.avail-title {
  margin: 0;
  letter-spacing: -0.2px;
}

.avail-sub {
  margin: 6px 0 0;
  font-size: 13px;
  color: #64748b;
}

.avail-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(182, 255, 26, 0.18);
  color: #0b1f16;
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
}

.avail-pill .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.avail-pill .dot.online {
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.15);
}

/* ===== Month bar ===== */
.avail-month {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.08)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.month-btn {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: none;
  background: #fff;
  color: #1f4f3a;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  transition: 0.25s ease;
}

.month-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

.month-meta {
  text-align: center;
  line-height: 1.1;
}

.month-name {
  color: #0b1f16;
}

.month-tz {
  margin-top: 6px;
  font-size: 12px;
  color: #64748b;
}

/* ===== Legend ===== */
.avail-legend {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  color: #64748b;
  flex-wrap: wrap;
}

.legend {
  font-size: 10px;
}
.legend.available {
  color: #22c55e;
}
.legend.limited {
  color: #f59e0b;
}
.legend.booked {
  color: #ef4444;
}

/* ===== Calendar grid ===== */
.calendar-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  user-select: none;
}

.wk {
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  color: #1f4f3a;
  padding: 6px 0;
  opacity: 0.85;
}

.day {
  position: relative;
  border: none;
  background: #fff;
  height: 42px;
  border-radius: 14px;
  color: #0b1f16;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
  transition: 0.25s ease;
  overflow: hidden;
}

.day.muted {
  opacity: 0.45;
  box-shadow: none;
  background: rgba(15, 23, 42, 0.04);
}

.day::after {
  content: "";
  position: absolute;
  inset: -30%;
  background: radial-gradient(
    circle,
    rgba(182, 255, 26, 0.22),
    transparent 60%
  );
  opacity: 0;
  transition: 0.25s;
}

.day:hover {
  transform: translateY(-2px);
}

.day:hover::after {
  opacity: 1;
}

/* Availability indicators (tiny dot) */
.day.available::before,
.day.limited::before,
.day.booked::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.75);
}

.day.available::before {
  background: #22c55e;
}
.day.limited::before {
  background: #f59e0b;
}
.day.booked::before {
  background: #ef4444;
}

/* Selected day */
.day.selected {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.25);
}
.day.selected::before {
  background: #0b1f16;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.65);
}
.day.selected::after {
  opacity: 0;
}

/* Divider */
.avail-divider {
  height: 1px;
  background: rgba(31, 79, 58, 0.12);
  margin: 16px 0;
}

/* ===== Slots ===== */
.slots-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.slots-date {
  font-size: 14px;
  color: #64748b;
  font-weight: 700;
}

.slot-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.slot-grid .slot {
  border: 1px solid rgba(31, 79, 58, 0.15);
  background: rgba(255, 255, 255, 0.92);
  padding: 10px 10px;
  border-radius: 14px;
  transition: 0.25s ease;
  font-size: 16px;
}

.slot-grid .slot:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.12),
    rgba(182, 255, 26, 0.18)
  );
  box-shadow: 0 14px 26px rgba(31, 79, 58, 0.12);
}

.avail-note {
  margin-top: 12px;
  font-size: 14px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}
.avail-note i {
  color: #1f4f3a;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .slot-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 420px) {
  .slot-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ===============================
   TRUST & VERIFICATION CARD
================================ */

.trust-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

/* Title */
.side-title {
  margin-bottom: 14px;
}

/* List */
.trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.trust-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  margin-bottom: 10px;
  transition: 0.25s ease;
  cursor: default;
}

/* Hover polish */
.trust-list li:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.12)
  );
}

/* Icons */
.trust-list i {
  font-size: 18px;
  min-width: 20px;
  margin-top: 2px;
}

/* Verified items */
.trust-list li.verified i {
  color: #22c55e;
}

/* Pro badge */
.trust-list li.pro i {
  color: #b6ff1a;
  text-shadow: 0 0 12px rgba(182, 255, 26, 0.6);
}

/* Text */
.trust-list strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #0b1f16;
}

.trust-list small {
  font-size: 14px;
  color: #64748b;
}

/* Footer */
.trust-footer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
  font-size: 14px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.trust-footer i {
  color: #1f4f3a;
}

/* ===============================
   SELLER PERFORMANCE SNAPSHOT
================================ */

.perf-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

/* header */
.perf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.perf-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.1),
    rgba(182, 255, 26, 0.18)
  );
  color: #0b1f16;
  font-weight: 800;
  font-size: 12px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}

.perf-badge i {
  color: #1f4f3a;
}

/* items */
.perf-item {
  padding: 12px;
  border-radius: 18px;
  transition: 0.25s ease;
  margin-bottom: 10px;
}

.perf-item:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

/* top row */
.perf-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.perf-top .label {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.perf-top .label i {
  opacity: 0.9;
  font-size: 14px;
}

.perf-top .value {
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

/* bar */
.perf-bar {
  height: 10px;
  background: rgba(15, 23, 42, 0.06);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.perf-bar .fill {
  position: absolute;
  inset: 0;
  width: 70%;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(31, 79, 58, 0.18);
  animation: perfGrow 0.7s ease both;
}

/* small note */
.perf-hint {
  font-size: 12px;
  color: #64748b;
  margin-top: 8px;
  line-height: 1.4;
}

/* footer */
.perf-footer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
  font-size: 14px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.perf-footer i {
  color: #1f4f3a;
}

/* anim */
@keyframes perfGrow {
  from {
    transform: scaleX(0.2);
    transform-origin: left;
    opacity: 0.6;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

/* ===============================
   FEATURED GIG / BEST OFFER
================================ */

.featured-gig-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

/* header */
.fg-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.fg-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.1),
    rgba(182, 255, 26, 0.2)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}
.fg-badge i {
  color: #1f4f3a;
}

/* media */
.fg-media {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  height: 170px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  transition: 0.35s ease;
}

.fg-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: 0.55s ease;
}

.featured-gig-card:hover .fg-media {
  transform: translateY(-3px);
}

.featured-gig-card:hover .fg-media img {
  transform: scale(1.12);
}

/* category pill */
.fg-cat {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

/* heart */
.fg-like {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.92);
  color: #1f4f3a;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  transition: 0.25s ease;
}
.fg-like:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

/* body */
.fg-body {
  padding-top: 14px;
}

.fg-title {
  display: block;
  text-decoration: none;
  color: #0b1f16;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: -0.1px;
  transition: 0.2s ease;
}
.fg-title:hover {
  color: var(--primary);
}

.fg-meta {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: #64748b;
  font-weight: 800;
}

.fg-rate svg {
  color: #f5b301;
}
.fg-rate em {
  font-style: normal;
  font-weight: 800;
  opacity: 0.75;
  margin-left: 4px;
}

.fg-delivery svg {
  color: #1f4f3a;
  opacity: 0.9;
}

/* price */
.fg-price {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 800;
  color: #0b1f16;
}
.fg-price b {
  font-size: 18px;
  color: var(--primary);
}
.fg-per {
  font-weight: 600;
  color: #64748b;
  margin-left: 6px;
  font-size: 12px;
}

/* points */
.fg-points {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: grid;
  gap: 8px;
  font-size: 12px;
  color: #475569;
  font-weight: 700;
}

.fg-points li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fg-points i {
  color: var(--primary);
}

/* buttons */
.fg-actions {
  margin-top: 14px;
  display: flex;
  gap: 10px;
}

.fg-btn,
.fg-btn-outline {
  flex: 1;
  border-radius: 14px;
  font-weight: 900;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
  transition: 0.25s ease;
}

.fg-btn {
  border: none;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.18);
}

.fg-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.24);
}

.fg-btn-outline {
  border: 1px solid rgba(31, 79, 58, 0.18);
  background: rgba(255, 255, 255, 0.9);
}

.fg-btn-outline:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.12)
  );
}

/* note */
.fg-note {
  margin-top: 12px;
  font-size: 12px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
}
.fg-note svg {
  color: #1f4f3a;
}

/* responsive */
@media (max-width: 991px) {
  .fg-media {
    height: 200px;
  }
}

.mini-gig-stack {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

.mini-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.mini-link {
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  color: var(--primary);
  opacity: 0.85;
}
.mini-link:hover {
  opacity: 1;
}

.mini-gig {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  text-decoration: none;
  color: inherit;
  transition: 0.25s ease;
  position: relative;
}

.mini-gig:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  transform: translateY(-2px);
}

.mini-gig img {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  object-fit: cover;
  flex: 0 0 auto;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}

.mini-body {
  flex: 1;
  min-width: 0;
}

.mini-cat {
  display: inline-block;
  font-size: 11px;
  font-weight: 900;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.18);
  border: 1px solid rgba(31, 79, 58, 0.1);
  padding: 4px 10px;
  border-radius: 999px;
}

.mini-title {
  margin-top: 6px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.35;

  /* keep it neat */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mini-meta {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  color: #64748b;
  font-weight: 800;
}

.mini-meta svg {
  color: orange;
}

.mini-cta {
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: var(--primary);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  transition: 0.25s ease;
}

.mini-gig:hover .mini-cta {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  transform: translateY(-1px);
  border: none;
}

/* ===============================
   PORTFOLIO MASONRY
================================ */

.portfolio-box {
  padding: 26px 26px 22px;
}

.portfolio-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.portfolio-viewall {
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  color: #1f4f3a;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.25s ease;
  white-space: nowrap;
  border: none;
}

.portfolio-viewall:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

/* Masonry via columns */
.portfolio-masonry {
  column-count: 3;
  column-gap: 16px;
}

.pf-item {
  position: relative;
  display: block;
  break-inside: avoid;
  margin-bottom: 16px;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  transform: translateZ(0);
  transition: 0.35s ease;
  min-height: 260px;
}

.pf-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 60px rgba(31, 79, 58, 0.18);
}

.pf-item img {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover; /* key: fills + crops */
  object-position: center;
  display: block;
  transition: 0.6s ease;
  transform: scale(1.02);
}

.pf-item:hover img {
  transform: scale(1.12);
}

/* Overlay */
.pf-overlay {
  position: absolute;
  inset: 0;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  background: linear-gradient(
    to top,
    rgba(11, 31, 22, 0.88),
    rgba(11, 31, 22, 0.18)
  );
  opacity: 0;
  transition: 0.35s ease;
}

.pf-item:hover .pf-overlay {
  opacity: 1;
}

.pf-tag {
  width: max-content;
  font-size: 11px;
  font-weight: 900;
  padding: 5px 10px;
  border-radius: 999px;
  color: #0b1f16;
  background: rgba(26, 255, 224, 0.88);
  box-shadow: 0 10px 22px rgba(182, 255, 26, 0.25);
}

.pf-overlay h3 {
  margin: 2px 0 0;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pf-overlay p {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pf-btn {
  margin-top: 6px;
  width: max-content;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 12px;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 16px 30px rgba(31, 79, 58, 0.25);
  transition: 0.25s ease;
}

.pf-item:hover .pf-btn {
  transform: translateY(-2px);
}

/* Footer */
.portfolio-foot {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.portfolio-more {
  border: none;
  font-weight: 600;
  border-radius: 25px;
  padding: 12px 16px;
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.18);
  transition: 0.25s ease;
}

/* Responsive */
@media (max-width: 1199px) {
  .portfolio-masonry {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .portfolio-masonry {
    column-count: 1;
  }
  .portfolio-box {
    padding: 22px;
  }
}

/* ===============================
   PROFILE REVIEWS SLIDER
================================ */

.reviews-box {
  padding: 26px;
}

.reviews-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.reviews-nav {
  display: flex;
  gap: 10px;
}

.rev-btn {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: none;
  background: #fff;
  color: #1f4f3a;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
  transition: 0.25s ease;
}

.rev-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

.giglance-reviews-slider {
  padding-bottom: 10px;
}

.reviews-box .review-card {
  height: 100%;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 20px;
  padding: 18px;
  /* box-shadow: 0 18px 50px rgba(15,23,42,.07); */
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

.reviews-box .review-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle, rgba(182, 255, 26, 0.2), transparent 55%);
  opacity: 0;
  transition: 0.35s ease;
}

.reviews-box .review-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 70px rgba(31, 79, 58, 0.14);
}

.reviews-box .review-card:hover::before {
  opacity: 1;
}

.review-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.review-cat {
  font-size: 11px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.2);
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}

.review-date {
  font-size: 12px;
  font-weight: 800;
  color: #64748b;
  white-space: nowrap;
}

.review-stars {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 900;
  color: #0b1f16;
  position: relative;
  z-index: 2;
}

.review-stars svg {
  color: orange;
  font-size: 14px;
}

.review-score {
  margin-left: 6px;
  font-size: 12px;
  color: #64748b;
  font-weight: 900;
}

.review-text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.7;
  color: #475569;
  position: relative;
  z-index: 2;

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-project {
  margin-top: 12px;
  font-size: 14px;
  color: #64748b;
  position: relative;
  z-index: 2;
}

.review-project i {
  color: #1f4f3a;
  margin-right: 6px;
}

.review-user {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
  position: relative;
  z-index: 2;
}

.review-user img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.review-user h4 {
  font-weight: 600;
}

.review-user small {
  color: #64748b;
  font-weight: 400;
}

/* Swiper pagination dots */
.reviews-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
}

.reviews-dots .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f4f3a;
}

/* FREELANCER PRICING */
/* ===============================
   PRICING TABLE (FIVERR-STYLE)
================================ */

.pricing-box {
  padding: 26px;
}

.pricing-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.pricing-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  color: #0b1f16;
  padding: 8px 12px;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.1),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}

.pricing-note i {
  color: #1f4f3a;
}

/* tabs */
.pricing-tabs {
  display: flex;
  gap: 10px;
  background: rgba(15, 23, 42, 0.04);
  border-radius: 18px;
  padding: 8px;
  overflow: hidden;
}

.p-tab {
  flex: 1;
  border: none;
  background: transparent;
  border-radius: 14px;
  padding: 12px 10px;
  transition: 0.25s ease;
  position: relative;
  font-weight: 600;
}

.p-tab:hover {
  background: rgba(31, 79, 58, 0.08);
}

.p-tab.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}

/* panels */
.pricing-panels {
  position: relative;
}

.p-panel {
  display: none;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
}

.p-panel.active {
  display: block;
  animation: pFade 0.45s ease both;
}

@keyframes pFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* top */
.p-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.p-name {
  margin: 0;
  font-weight: 600;
}

.p-desc {
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 700;
}

.p-price {
  font-weight: 900;
  font-size: 26px;
  white-space: nowrap;
}

/* meta */
.p-meta {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 900;
  color: #64748b;
}

.p-meta i {
  color: #1f4f3a;
  margin-right: 6px;
}

/* features */
.p-feats {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
  color: #0b1f16;
}

.p-feats li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.p-feats i {
  color: #22c55e;
}

.p-feats li.muted {
  color: #94a3b8;
}
.p-feats li.muted i {
  color: #cbd5e1;
}

/* CTA */
.p-cta {
  margin-top: 16px;
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 1000;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}

.p-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

.p-cta-outline {
  width: 100%;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 900;
  color: var(--primary);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}

.p-cta-outline:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

/* compare row */
.compare-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.04);
}

.compare-left {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #0b1f16;
  font-size: 13px;
}

.compare-left i {
  color: #1f4f3a;
}

.compare-link {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 12px;
  transition: 0.2s ease;
}

.compare-link:hover {
  background: rgba(31, 79, 58, 0.08);
}

/* responsive */
@media (max-width: 576px) {
  .pricing-box {
    padding: 22px;
  }
  .p-price {
    font-size: 24px;
  }
}

/* ===============================
   COMPARE PACKAGES MODAL
================================ */

.giglance-modal .modal-dialog {
  padding: 10px;
}

.compare-modal {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.2);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
}

.compare-head {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
  border-bottom: 1px solid rgba(31, 79, 58, 0.1);
  padding: 18px 18px;
}

.compare-head .modal-title {
  font-weight: 600;
  color: #1f4f3a;
}

.compare-body {
  padding: 16px 18px 18px;
}

/* grid */
.cmp-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 10px;
  align-items: stretch;
}

.cmp-cell {
  border-radius: 16px;
  padding: 12px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  background: #fff;
}

/* sticky header inside modal */
.compare-sticky {
  position: sticky;
  top: 0;
  z-index: 5;
  padding-bottom: 10px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.92)
  );
}

/* header cells */
.cmp-feature-title {
  font-weight: 600;
  display: flex;
  align-items: center;
}

.cmp-plan {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.cmp-plan-name {
  font-weight: 600;
}

.cmp-plan-price {
  margin-top: 6px;
  font-weight: 1100;
  font-size: 22px;
  color: #1f4f3a;
}

.cmp-plan-sub {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #64748b;
}

/* recommended column */
.cmp-cell.recommended,
.cmp-val.recommended {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  );
  border-color: rgba(31, 79, 58, 0.16);
}

.cmp-ribbon {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  margin: auto;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 1000;
  color: #0b1f16;
  background: rgba(26, 255, 217, 0.75);
  border: 1px solid rgba(31, 79, 58, 0.12);
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 14px 30px rgba(182, 255, 26, 0.25);
}

.cmp-ribbon i {
  color: #1f4f3a;
}

/* rows */
.cmp-row {
  margin-top: 10px;
}

.cmp-feature strong {
  display: block;
  font-weight: 600;
}

.cmp-feature small {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
}

.cmp-val {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  min-height: 64px;
}

/* icons */
.cmp-check {
  color: var(--accent);
  font-size: 18px;
}

.cmp-dash {
  color: #94a3b8;
  font-size: 16px;
}

/* CTAs */
.cmp-actions {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.cmp-btn,
.cmp-btn-outline {
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  text-align: center;
  transition: 0.25s ease;
}

.cmp-btn {
  border: none;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.18);
}

.cmp-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.25);
}

.cmp-btn-outline {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.16);
  color: #1f4f3a;
}

.cmp-btn-outline:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

/* note */
.cmp-note {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
  font-size: 12px;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.cmp-note i {
  color: #1f4f3a;
}

/* responsive */
@media (max-width: 991px) {
  .cmp-grid {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
  }
}

/* ===============================
   MOBILE PLAN SELECTOR
================================ */

.cmp-mobile-tabs {
  display: none;
  gap: 10px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.04);
  margin-bottom: 12px;
}

.cmp-mtab {
  flex: 1;
  border: none;
  border-radius: 14px;
  padding: 12px 10px;
  font-weight: 600;
  color: #1f4f3a;
  background: transparent;
  transition: 0.25s ease;
}

.cmp-mtab:hover {
  background: rgba(31, 79, 58, 0.08);
}

.cmp-mtab.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}

/* Mobile view: show feature + selected plan only */
@media (max-width: 768px) {
  .cmp-mobile-tabs {
    display: flex;
  }

  .cmp-grid {
    grid-template-columns: 1.35fr 1fr; /* Features + selected plan */
  }

  /* hide ALL plan columns by default */
  .cmp-grid .cmp-basic,
  .cmp-grid .cmp-standard,
  .cmp-grid .cmp-premium {
    display: none;
  }

  /* show only the selected plan column */
  .cmp-grid.show-basic .cmp-basic {
    display: flex;
  }
  .cmp-grid.show-standard .cmp-standard {
    display: flex;
  }
  .cmp-grid.show-premium .cmp-premium {
    display: flex;
  }

  /* plan header cells are not flex by default */
  .cmp-grid.show-basic .cmp-plan.cmp-basic,
  .cmp-grid.show-standard .cmp-plan.cmp-standard,
  .cmp-grid.show-premium .cmp-plan.cmp-premium {
    display: block;
  }

  /* CTA row on mobile: only show selected plan button */
  .cmp-actions {
    grid-template-columns: 1fr;
  }

  .cmp-actions .cmp-basic,
  .cmp-actions .cmp-standard,
  .cmp-actions .cmp-premium {
    display: none;
  }

  .cmp-actions.show-basic .cmp-basic {
    display: block;
  }
  .cmp-actions.show-standard .cmp-standard {
    display: block;
  }
  .cmp-actions.show-premium .cmp-premium {
    display: block;
  }
}

/* PROJECT DETAILS */
/* ========= Breadcrumb / Title ========= */
.gproj-breadcrumb {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

.gproj-bc-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

.gproj-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}

.gproj-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.gproj-bc a:hover {
  opacity: 1;
}
.gproj-bc i {
  opacity: 0.6;
}

.gproj-title {
  margin: 12px 0 6px;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.gproj-sub {
  margin: 0;
  color: #64748b;
}

.gproj-meta {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}
.pill svg {
  color: var(--primary);
}

/* ========= Boxes ========= */
.gproj-box {
  padding: 22px;
}
.gproj-box h2 {
  font-weight: 600;
}

/* Head with link/nav */
.gproj-box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gproj-link {
  text-decoration: none;
  font-weight: 600;
  color: var(--primary);
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(31, 79, 58, 0.06);
  transition: 0.25s ease;
}
.gproj-link:hover {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  transform: translateY(-2px);
}

/* ========= Gallery ========= */
.gproj-slide {
  display: block;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 360px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.1);
}

.gproj-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}

.gproj-slide:hover img {
  transform: scale(1.12);
}

.gproj-cap {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(
    to top,
    rgba(11, 31, 22, 0.85),
    rgba(11, 31, 22, 0.25)
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}

/* reuse rev-btn style if you already have */
.gproj-nav {
  display: flex;
  gap: 10px;
}

/* dots */
.gproj-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
}
.gproj-dots .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f4f3a;
}

/* ========= Stats ========= */
.gproj-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
}

.gproj-stats .stat {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 16px;
  padding: 12px;
  text-align: center;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.gproj-stats .k {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.gproj-stats b {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
}

/* ========= Tags ========= */
.gproj-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gproj-tags span {
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  color: #1f4f3a;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}

/* ========= Timeline ========= */
.gproj-timeline {
  display: grid;
  gap: 12px;
}
.t-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
  transition: 0.25s ease;
}
.t-item:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.t-num {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-weight: 1000;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}
.t-body h3 {
  margin: 0;
  font-weight: 600;
  color: #0b1f16;
}
.t-body p {
  margin: 6px 0 0;
  color: #64748b;
  line-height: 1.6;
}

/* ========= Challenge / Solution ========= */
.gproj-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.gs-card {
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.gs-card h3 {
  margin: 0 0 8px;
  font-weight: 600;
  color: #0b1f16;
}
.gs-card i {
  color: #1f4f3a;
  margin-right: 8px;
}
.gs-card p {
  margin: 0;
  color: #64748b;
  line-height: 1.6;
}

/* ========= Results ========= */
.gproj-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.r-item {
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  text-align: center;
}
.r-item b {
  display: block;
  font-weight: 600;
  font-size: 22px;
  color: #1f4f3a;
}
.r-item span {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
  font-size: 12px;
}
.gproj-proof {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #64748b;
}
.gproj-proof svg {
  color: var(--primary);
}

/* ========= Quote ========= */
.gproj-quote {
  position: relative;
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
}
.gproj-quote > svg {
  color: var(--primary);
  font-size: 20px;
}
.gproj-quote p {
  margin: 10px 0 0;
  font-weight: 600;
  color: #0b1f16;
  line-height: 1.8;
}
.q-user {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.q-user img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.q-user b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.q-user span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

/* ========= Related cards ========= */
.rel-card {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
}
.rel-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 60px rgba(31, 79, 58, 0.14);
}
.rel-card img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.rel-body {
  padding: 12px;
  background: #fff;
}
.rel-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 999px;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.18);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.rel-body h3 {
  margin: 10px 0 0;
  font-weight: 600;
  color: #0b1f16;
}

/* ========= Sidebar ========= */
.gproj-side {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

.gproj-side h2{
  font-weight: 600;
}

.gproj-freelancer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gproj-freelancer img {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}
.mini-pro {
  margin-left: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.3);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.mini-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
.mini-meta i {
  color: #f5b301;
}

.gproj-side-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
}
.gproj-side-mini div {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
}
.gproj-side-mini span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
}
.gproj-side-mini b {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
}

.gproj-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.gproj-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #475569;
  font-weight: 600;
  font-size: 14px;
}
.gproj-list i {
  margin-top: 3px;
  color: #1f4f3a;
}

.gproj-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
}
.gproj-share span {
  font-weight: 600;
  color: #0b1f16;
}
.share-btns {
  display: flex;
  gap: 8px;
}
.share-btns a {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #1f4f3a;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.12);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  transition: 0.25s ease;
  border: none;
}
.share-btns a:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

.gproj-callout {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
}
.gproj-callout i {
  color: #1f4f3a;
  font-size: 18px;
}
.gproj-callout b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.gproj-callout span {
  display: block;
  margin-top: 6px;
  color: #64748b;
}

/* ========= Responsive ========= */
@media (max-width: 991px) {
  .gproj-slide {
    height: 280px;
  }
  .gproj-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .gproj-results {
    grid-template-columns: repeat(2, 1fr);
  }
  .gproj-split {
    grid-template-columns: 1fr;
  }
}

/* GIG DETAILS */
/* GIG HERO */
.gig-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}
.gig-hero-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}
.gig-hero-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.gig-pill {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.2);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.gig-title {
  margin: 10px 0 10px;
  letter-spacing: -0.4px;
}
.gig-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}
.gig-seller {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.gig-seller img {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  object-fit: cover;
}
.dot {
  opacity: 0.6;
}
.gig-rating svg {
  color: #f5b301;
}
.gig-badges {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.badge-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  font-size: 12px;
  color: #0b1f16;
}
.badge-chip i {
  color: #1f4f3a;
}
.gig-hero-right {
  display: flex;
  gap: 10px;
}
.gig-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: none;
  background: #fff;
  color: #1f4f3a;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
  transition: 0.25s ease;
}
.gig-icon-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
}

/* STICKY TABS */
.gig-tabs-wrap {
  position: sticky;
  top: 72px; /* adjust to your header height */
  z-index: 40;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(31, 79, 58, 0.1);
  backdrop-filter: blur(10px);
}
.gig-tabs {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  overflow: auto;
}
.gig-tab {
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  color: #1f4f3a;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
  transition: 0.25s ease;
}
.gig-tab:hover {
  transform: translateY(-1px);
}
.gig-tab.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}

/* BOX + GALLERY */
.gig-box {
  padding: 22px;
}
.gig-box h2 {
  font-weight: 600;
}
.gig-box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.gig-nav {
  display: flex;
  gap: 10px;
}

.gig-slide {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 360px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.1);
}
.gig-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.gig-slide:hover img {
  transform: scale(1.12);
}
.gig-cap {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(
    to top,
    rgba(11, 31, 22, 0.85),
    rgba(11, 31, 22, 0.25)
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}
.gig-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
}
.gig-dots .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f4f3a;
}

/* HIGHLIGHTS */
.gig-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
}
.hitem {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 18px;
  padding: 14px;
  display: flex;
  gap: 12px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.hitem svg {
  font-size: 18px;
  margin-top: 2px;
}
.hitem b {
  display: block;
  font-weight: 600;
}
.hitem span {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  font-size: 12px;
  color: #64748b;
}

/* FEATURE LIST */
.gig-feature {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 18px;
  padding: 14px;
  display: flex;
  gap: 12px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
  transition: 0.25s ease;
}
.gig-feature:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.gig-feature svg {
  color: var(--primary);
  font-size: 18px;
  margin-top: 2px;
}
.gig-feature b {
  display: block;
  font-weight: 600;
}
.gig-feature span {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  font-size: 14px;
  color: #64748b;
}

/* ORDER BOX (right) */
.order-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

.order-tabs {
  display: flex;
  gap: 10px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.04);
}

.o-tab {
  flex: 1;
  border: none;
  border-radius: 14px;
  padding: 12px 10px;
  font-weight: 600;
  background: transparent;
  transition: 0.25s ease;
}
.o-tab:hover {
  background: rgba(31, 79, 58, 0.08);
}
.o-tab.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}

.o-panel {
  display: none;
}
.o-panel.active {
  display: block;
  animation: pFade 0.45s ease both;
}

.o-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.o-price {
  font-weight: 600;
  font-size: 24px;
  white-space: nowrap;
}

.o-meta {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 600;
  font-size: 12px;
  color: #64748b;
}
.o-meta i {
  color: #1f4f3a;
  margin-right: 6px;
}

.o-list {
  margin: 14px 0 0;
  list-style: none;
  padding: 0;
  display: grid;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #0b1f16;
}
.o-list li {
  display: flex;
  gap: 10px;
  align-items: center;
}
.o-list i {
  color: #22c55e;
}

.o-btn {
  width: 100%;
  margin-top: 14px;
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 1200;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}
.o-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

.o-btn-outline {
  width: 100%;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}
.o-btn-outline:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

.order-safe {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.2);
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  display: flex;
  gap: 8px;
  align-items: center;
}
.order-safe i {
  color: #1f4f3a;
}

.seller-mini {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
}

.seller-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.seller-row img {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.seller-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
}
.seller-mini-stats div {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
}
.seller-mini-stats span {
  display: block;
  font-size: 11px;
  font-weight: 600;
}
.seller-mini-stats b {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
}

@media (max-width: 991px) {
  .gig-slide {
    height: 280px;
  }
  .gig-highlights {
    grid-template-columns: 1fr;
  }
}

/* ========== PACKAGES (LEFT) ========== */
.pkg-tabs {
  display: flex;
  gap: 10px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.04);
}

.pkg-tab {
  flex: 1;
  border: none;
  border-radius: 14px;
  padding: 12px 10px;
  font-weight: 600;
  background: transparent;
  transition: 0.25s ease;
}

.pkg-tab:hover {
  background: rgba(31, 79, 58, 0.08);
}

.pkg-tab.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}

.pkg-panel {
  display: none;
}
.pkg-panel.active {
  display: block;
  animation: pFade 0.45s ease both;
}

.pkg-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.pkg-name {
  margin: 0;
  font-weight: 600;
  color: #0b1f16;
}
.pkg-desc {
  margin: 6px 0 0;
  /* font-size: 14px; */
  color: #64748b;
}
.pkg-price {
  font-weight: 600;
  font-size: 26px;
  white-space: nowrap;
}

.pkg-meta {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.pkg-meta i {
  color: #1f4f3a;
  margin-right: 6px;
}

.pkg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
}
.pkg-kv {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
}
.pkg-kv span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.pkg-kv b {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
}

.pkg-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #0b1f16;
}
.pkg-list li {
  display: flex;
  gap: 10px;
  align-items: center;
}
.pkg-list i {
  color: #22c55e;
}
.pkg-list .muted {
  color: #94a3b8;
}
.pkg-list .muted i {
  color: #cbd5e1;
}

.pkg-actions {
  display: flex;
  gap: 10px;
}
.pkg-actions .btn {
  flex: 1;
}

/* ========== REVIEWS SUMMARY ========== */
.reviews-mini {
  font-weight: 600;
  color: #0b1f16;
  display: flex;
  align-items: center;
  gap: 8px;
}
.reviews-mini svg {
  color: #f5b301;
}
.reviews-mini span {
  color: #64748b;
  font-weight: 600;
}

.review-summary {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 14px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
}

.rs-left {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 18px;
  padding: 14px;
  text-align: center;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.rs-score {
  font-size: 44px;
  font-weight: 600;
  line-height: 1;
}
.rs-stars svg {
  color: #f5b301;
}
.rs-sub {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}

.rs-right {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}

.bar-row {
  display: grid;
  grid-template-columns: 64px 1fr 46px;
  gap: 10px;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #64748b;
}
.bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  overflow: hidden;
}
.bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

.gig-reviews-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.gig-rev-nav {
  display: flex;
  gap: 10px;
}
.gig-rev-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
}
.gig-rev-dots .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f4f3a;
}

/* ========== FAQ ========== */
.faq-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.gig-acc .accordion-item {
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.gig-acc .accordion-item + .accordion-item {
  margin-top: 12px;
}
.gig-acc .accordion-button {
  font-weight: 600;
  color: #0b1f16;
  background: #fff;
}
.gig-acc .accordion-button:not(.collapsed) {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  color: #1f4f3a;
}
.gig-acc .accordion-body {
  color: #64748b;
  line-height: 1.7;
}

/* ========== RELATED GIGS CARDS ========== */
.gig-card {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
  background: #fff;
}
.gig-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 60px rgba(31, 79, 58, 0.14);
}
.gig-card-img {
  position: relative;
  height: 170px;
  overflow: hidden;
}
.gig-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.gig-card:hover .gig-card-img img {
  transform: scale(1.12);
}

.gig-card-tag {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.gig-card-like {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  color: #1f4f3a;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.gig-card-body {
  padding: 12px;
}
.gig-card-title {
  font-weight: 400;
  color: #0b1f16;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gig-card-title:hover {
  color: var(--primary);
}
.gig-card-meta {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.gig-card-meta i {
  color: #f5b301;
}

/* ========== ABOUT SELLER ========== */
.seller-big {
  border-radius: 20px;
  padding: 14px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
}
.seller-big-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.seller-big-user {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.seller-big-user img {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}
.seller-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.seller-tags span {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.seller-big-actions {
  display: flex;
  gap: 10px;
}

.seller-bio {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 18px;
  padding: 14px;
  font-weight: 600;
  color: #64748b;
  line-height: 1.8;
}
.seller-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.seller-facts .fact {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
}
.seller-facts span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
}
.seller-facts b {
  display: block;
  margin-top: 6px;
  font-weight: 600;
  color: #0b1f16;
}

@media (max-width: 991px) {
  .review-summary {
    grid-template-columns: 1fr;
  }
  .pkg-grid {
    grid-template-columns: 1fr;
  }
  .pkg-actions {
    flex-direction: column;
  }
  .seller-big-top {
    flex-direction: column;
  }
  .seller-big-actions {
    width: 100%;
  }
  .seller-big-actions .btn {
    flex: 1;
  }
  .seller-facts {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* FREELANCER REVIEWS */
/* ===== Freelancer Reviews Page (unique prefix: frrev-) ===== */

.frrev-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

.frrev-hero-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

.frrev-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.frrev-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.frrev-bc a:hover {
  opacity: 1;
}
.frrev-bc i {
  opacity: 0.6;
}

.frrev-hero-top {
  margin-top: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.frrev-seller {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.frrev-seller img {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.frrev-title {
  margin: 0;
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.4px;
}

.frrev-pro {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.3);
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.frrev-meta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}
.frrev-star svg {
  color: #f5b301;
}
.frrev-dot {
  opacity: 0.6;
}

.frrev-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.frrev-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  font-size: 12px;
  color: #0b1f16;
}
.frrev-chip i {
  color: #1f4f3a;
}

.frrev-cta {
  display: flex;
  gap: 10px;
}
.frrev-btn {
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}
.frrev-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

.frrev-btn-outline {
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}
.frrev-btn-outline:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

/* Sticky sidebar */
.frrev-sticky {
  position: sticky;
}

/* Filters */
.frrev-filter-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}

.frrev-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.frrev-filter-head h2 {
  font-weight: 600;
}

.frrev-reset {
  border: none;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 14px;
  transition: 0.25s ease;
}
.frrev-reset:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #1f4f3a, #b6ff1a);
  color: #0b1f16;
}

.frrev-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0b1f16;
  margin-bottom: 8px;
}

.frrev-input {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.frrev-input svg {
  color: #1f4f3a;
}
.frrev-input input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-weight: 400;
  color: #0b1f16;
}

.frrev-select {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.frrev-select svg {
  color: var(--primary);
}
.frrev-select select {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-weight: 400;
  color: #0b1f16;
  appearance: none;
}

.frrev-rate {
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  padding: 12px;
  border-radius: 18px;
  display: grid;
  gap: 10px;
}

.frrev-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  cursor: pointer;
  transition: 0.2s ease;
}
.frrev-check:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.frrev-check input {
  accent-color: #1f4f3a;
}
.frrev-check span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #0b1f16;
  font-size: 13px;
}
.frrev-check svg {
  color: #f5b301;
}
.frrev-check b {
  color: #64748b;
  font-weight: 600;
}

.frrev-apply {
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
}
.frrev-apply:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

/* Summary */
.frrev-summary-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 14px;
}

.frrev-score {
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
}
.frrev-stars svg {
  color: #f5b301;
}
.frrev-sum-sub {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}

.frrev-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.frrev-tags span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.frrev-tags svg {
  color: #1f4f3a;
}

.frrev-bar-row {
  display: grid;
  grid-template-columns: 64px 1fr 46px;
  gap: 10px;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #64748b;
}
.frrev-bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  overflow: hidden;
}
.frrev-bar i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* Highlight slider */
.frrev-highlight {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
}
.frrev-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.frrev-head h2 {
  font-weight: 600;
}
.frrev-nav {
  display: flex;
  gap: 10px;
}

.frrev-hcard {
  border-radius: 18px;
  padding: 14px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
  min-height: 92px;
}
.frrev-hcard b {
  display: block;
}
.frrev-hcard span {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  color: #64748b;
  font-size: 14px;
}

.frrev-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
  margin-top: 30px;
}
.frrev-dots .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1f4f3a;
}

/* Review cards */
.frrev-card {
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
  transition: 0.25s ease;
}
.frrev-card + .frrev-card {
  margin-top: 14px;
}
.frrev-card:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.08)
  );
}

.frrev-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.frrev-cat {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.2);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.frrev-date {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
.frrev-date svg {
  color: #1f4f3a;
  margin-right: 6px;
}

.frrev-card-mid {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.frrev-card-stars svg {
  color: #f5b301;
  font-size: 16px;
}
.frrev-card-stars span {
  margin-left: 8px;
  font-weight: 600;
  color: #0b1f16;
}

.frrev-help {
  display: flex;
  gap: 10px;
}
.frrev-help button {
  border: none;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.12);
  border-radius: 14px;
  padding: 8px 10px;
  font-weight: 600;
  color: var(--primary);
  transition: 0.2s ease;
}
.frrev-help button:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

.frrev-text {
  margin: 12px 0 0;
  line-height: 1.8;
}

.frrev-project {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 10px;
}
.frrev-project i {
  color: #1f4f3a;
}

.frrev-user {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.frrev-user img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.frrev-user b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.frrev-user span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

/* Pagination */
.frrev-pager {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.frrev-page,
.frrev-ellipsis {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  text-decoration: none;
  font-weight: 600;
  color: #1f4f3a;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.12);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.frrev-page:hover {
  transform: translateY(-2px);
}
.frrev-page.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}
.frrev-page.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.frrev-ellipsis {
  border: none;
  background: transparent;
  box-shadow: none;
}

/* Responsive */
@media (max-width: 991px) {
  .frrev-summary-card {
    grid-template-columns: 1fr;
  }
  .frrev-hero-top {
    flex-direction: column;
  }
  .frrev-cta {
    width: 100%;
  }
  .frrev-cta .btn {
    flex: 1;
  }
}

/* MESSAGE THE SELLER */
.msgc-canvas {
  width: 420px;
  border-left: 1px solid rgba(31, 79, 58, 0.1);
}
@media (max-width: 576px) {
  .msgc-canvas {
    width: 100%;
  }
}

.msgc-head {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(31, 79, 58, 0.1);
}
.msgc-avatar {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}
.msgc-sub {
  font-weight: 600;
}
.msgc-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22c55e;
  margin-right: 6px;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.15);
}

.msgc-context {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
}
.msgc-context div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.msgc-context span {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.msgc-context b {
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
}

.msgc-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.msgc-chip {
  border: none;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  font-size: 12px;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.2s ease;
}
.msgc-chip:hover {
  transform: translateY(-1px);
}

.msgc-thread {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.08);
  background: #fff;
}
.msgc-note {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  line-height: 1.6;
}

.msgc-compose {
  position: sticky;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  padding-top: 12px;
}
.msgc-input textarea {
  width: 100%;
  border-radius: 18px;
  padding: 12px;
  resize: none;
  border: 1px solid rgba(31, 79, 58, 0.14);
  background: rgba(15, 23, 42, 0.03);
  font-weight: 400;
  color: #0b1f16;
  outline: none;
}
.msgc-actions {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.msgc-attach {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(31, 79, 58, 0.16);
  background: #fff;
  color: var(--primary);
  transition: 0.2s ease;
}
.msgc-attach:hover {
  transform: translateY(-2px);
  background: rgba(31, 79, 58, 0.06);
}

.msgc-send {
  flex: 1;
  height: 44px;
  border: none;
  border-radius: 16px;
  font-weight: 1200;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.2s ease;
}
.msgc-send:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

/* GIGS */
/* =========================
GIGLANCE: Gigs Full Page
========================= */

.giglance-gigs-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

.giglance-gigs-heroCard {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

.giglance-gigs-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.giglance-gigs-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.giglance-gigs-bc a:hover {
  opacity: 1;
}
.giglance-gigs-bc i {
  opacity: 0.6;
}

.giglance-gigs-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.giglance-gigs-title {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.4px;
}
.giglance-gigs-sub {
  color: #64748b;
}

.giglance-gigs-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.giglance-gigs-chipBtn {
  border: none;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.2s ease;
  font-size: 16px;
}
.giglance-gigs-chipBtn:hover {
  transform: translateY(-1px);
}
.giglance-gigs-chipPrimary {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
  border: none;
}

.giglance-gigs-topbar {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12px;
}

.giglance-gigs-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.giglance-gigs-search i {
  color: #1f4f3a;
}
.giglance-gigs-search input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-weight: 400;
  color: #0b1f16;
}
.giglance-gigs-searchBtn {
  border: none;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 1200;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-gigs-searchBtn:hover {
  transform: translateY(-2px);
}

.giglance-gigs-topFilters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.giglance-gigs-select {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.giglance-gigs-select i {
  color: #1f4f3a;
}
.giglance-gigs-select select {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-weight: 600;
  color: #0b1f16;
  appearance: none;
  font-size: 16px;
}

.giglance-gigs-active {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.giglance-gigs-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-gigs-pill button {
  border: none;
  background: rgba(255, 255, 255, 0.85);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #1f4f3a;
}

/* Sidebar */
.giglance-gigs-sticky {
  position: sticky;
}
.giglance-gigs-filterCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}
.giglance-gigs-filterHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-gigs-filterHead h2 {
  font-weight: 600;
}

.giglance-gigs-reset {
  border: none;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 14px;
  transition: 0.2s ease;
}
.giglance-gigs-reset:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}

.giglance-gigs-groupTitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0b1f16;
  margin-bottom: 10px;
}

.giglance-gigs-check,
.giglance-gigs-radio {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  cursor: pointer;
  transition: 0.2s ease;
  margin-bottom: 10px;
}
.giglance-gigs-check:hover,
.giglance-gigs-radio:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-gigs-check input,
.giglance-gigs-radio input {
  accent-color: #1f4f3a;
}
.giglance-gigs-check span,
.giglance-gigs-radio span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #0b1f16;
  font-size: 13px;
}
.giglance-gigs-check i {
  color: #1f4f3a;
}

.giglance-gigs-rangeBox {
  padding: 12px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
}
.giglance-gigs-rangeRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.giglance-gigs-miniInput {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-gigs-miniInput span {
  font-weight: 600;
  color: #1f4f3a;
  font-size: 16px;
}
.giglance-gigs-miniInput input {
  width: 100%;
  border: none;
  outline: none;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-gigs-range {
  width: 100%;
  margin-top: 12px;
}
.giglance-gigs-rangeHint {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}

.giglance-gigs-apply {
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 1200;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.2s ease;
}
.giglance-gigs-apply:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}

/* Results top */
.giglance-gigs-resultsTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-gigs-count {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-gigs-count b {
  color: #1f4f3a;
}
.giglance-gigs-view {
  display: flex;
  gap: 10px;
}
.giglance-gigs-viewBtn {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: #fff;
  color: #1f4f3a;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.giglance-gigs-viewBtn:hover {
  transform: translateY(-2px);
}
.giglance-gigs-viewBtn.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}

/* Gig Card */
.giglance-gigs-card {
  display: block;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
  transition: 0.25s ease;
  background: #fff;
  height: 100%;
}
.giglance-gigs-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 60px rgba(31, 79, 58, 0.14);
}

.giglance-gigs-cardMedia {
  position: relative;
  height: 180px;
  overflow: hidden;
}
.giglance-gigs-cardMedia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.giglance-gigs-card:hover .giglance-gigs-cardMedia img {
  transform: scale(1.12);
}

.giglance-gigs-tag {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.giglance-gigs-like {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  color: #1f4f3a;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}
.giglance-gigs-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background-color: var(--accent);
  border: none;
  backdrop-filter: blur(10px);
}

.giglance-gigs-cardBody {
  padding: 12px;
}
.giglance-gigs-sellerRow {
  display: flex;
  gap: 10px;
  align-items: center;
}
.giglance-gigs-sellerRow img {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.giglance-gigs-sellerName {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-gigs-pro,
.giglance-gigs-level {
  margin-left: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.28);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-gigs-sellerMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  color: #64748b;
}
.giglance-gigs-sellerMeta svg {
  color: #f5b301;
}
.giglance-gigs-sellerMeta .fa-location-dot {
  color: #1f4f3a;
}
.giglance-gigs-dot {
  opacity: 0.6;
}

.giglance-gigs-cardTitle {
  margin-top: 10px;
  color: #0b1f16;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.giglance-gigs-tags {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.giglance-gigs-tags span {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.giglance-gigs-cardFoot {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
}
.giglance-gigs-price {
  font-weight: 600;
  color: #64748b;
}
.giglance-gigs-price b {
  color: #1f4f3a;
}
.giglance-gigs-eta {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
.giglance-gigs-eta i {
  color: #1f4f3a;
  margin-right: 6px;
}

/* Pagination */
.giglance-gigs-pager {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.giglance-gigs-page,
.giglance-gigs-ellipsis {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  text-decoration: none;
  font-weight: 1100;
  color: #1f4f3a;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.12);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.giglance-gigs-page:hover {
  transform: translateY(-2px);
}
.giglance-gigs-page.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}
.giglance-gigs-page.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.giglance-gigs-ellipsis {
  border: none;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 991px) {
  .giglance-gigs-topbar {
    grid-template-columns: 1fr;
  }
  .giglance-gigs-topFilters {
    grid-template-columns: 1fr;
  }
  .giglance-gigs-head {
    flex-direction: column;
  }
  .giglance-gigs-actions {
    width: 100%;
  }
  .giglance-gigs-actions .giglance-gigs-chipBtn {
    flex: 1;
  }
}

/* GIGS CATEGORY */
/* =========================
GIGLANCE Categories Full Page
========================= */

.giglance-catpage-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

.giglance-catpage-heroCard {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

.giglance-catpage-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.giglance-catpage-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.giglance-catpage-bc a:hover {
  opacity: 1;
}
.giglance-catpage-bc i {
  opacity: 0.6;
}

.giglance-catpage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.giglance-catpage-title {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.4px;
}
.giglance-catpage-sub {
  max-width: 560px;
}

.giglance-catpage-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.giglance-catpage-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
  font-size: 16px;
}
.giglance-catpage-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
}
.giglance-catpage-cta.alt {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  color: #1f4f3a;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
}
.giglance-catpage-cta.alt:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

.giglance-catpage-topbar {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12px;
}
.giglance-catpage-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.giglance-catpage-search svg {
  color: #1f4f3a;
}
.giglance-catpage-search input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-weight: 400;
  color: #0b1f16;
}
.giglance-catpage-searchBtn {
  border: none;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-catpage-searchBtn:hover {
  transform: translateY(-2px);
}

.giglance-catpage-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-content: flex-start;
}
.giglance-catpage-chip {
  border: none;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.2s ease;
  font-size: 14px;
}
.giglance-catpage-chip:hover {
  transform: translateY(-1px);
}
.giglance-catpage-chip.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}

/* KPI */
.giglance-catpage-kpi {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.giglance-catpage-kpi i {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: #1f4f3a;
}
.giglance-catpage-kpi b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-catpage-kpi span {
  display: block;
  margin-top: 4px;
}

/* Sidebar */
.giglance-catpage-sticky {
  position: sticky;
}
.giglance-catpage-sideCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}
.giglance-catpage-sideHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-catpage-sideHead h2 {
  font-weight: 600;
}
.giglance-catpage-sideHint {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.giglance-catpage-index {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.giglance-catpage-indexItem {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  color: #0b1f16;
  transition: 0.2s ease;
  font-size: 16px;
}
.giglance-catpage-indexItem:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-catpage-indexItem i {
  color: #1f4f3a;
}
.giglance-catpage-indexItem span {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(182, 255, 26, 0.2);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-size: 12px;
  font-weight: 600;
}

.giglance-catpage-help {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.giglance-catpage-helpIcon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #1f4f3a, #b6ff1a);
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}
.giglance-catpage-help b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-catpage-help span {
  display: block;
  margin-top: 4px;
}

.giglance-catpage-helpBtn {
  margin-top: 12px;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  transition: 0.2s ease;
}
.giglance-catpage-helpBtn:hover {
  transform: translateY(-2px);
}

/* Category blocks */
.giglance-catpage-block {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.08);
}

.giglance-catpage-blockHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31, 79, 58, 0.18);
}

.giglance-catpage-blockTitle {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.giglance-catpage-icon {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: #1f4f3a;
}
.giglance-catpage-blockTitle h3 {
  font-weight: 600;
  color: #0b1f16;
  margin: 0;
}
.giglance-catpage-blockTitle p {
  color: #64748b;
  max-width: 520px;
}

.giglance-catpage-blockMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #64748b;
}
.giglance-catpage-blockMeta .dot {
  opacity: 0.6;
}
.giglance-catpage-viewAll {
  margin-left: 8px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  font-weight: 1200;
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-catpage-viewAll:hover {
  transform: translateY(-2px);
}

/* Subcategory cards */
.giglance-catpage-subCard {
  display: block;
  height: 100%;
  text-decoration: none;
  border-radius: 22px;
  padding: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  transition: 0.25s ease;
}
.giglance-catpage-subCard:hover {
  transform: translateY(-3px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.08)
  );
  box-shadow: 0 24px 60px rgba(31, 79, 58, 0.14);
}

.giglance-catpage-subTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.giglance-catpage-subTop b {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-catpage-badge {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-catpage-subCard p {
  margin: 10px 0 0;
  color: #64748b;
  line-height: 1.7;
}
.giglance-catpage-subFoot {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.giglance-catpage-subFoot i {
  color: #1f4f3a;
}
.giglance-catpage-subFoot .fa-star {
  color: #f5b301;
}

/* Bottom CTA */
.giglance-catpage-bottomCta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.14)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
}
.giglance-catpage-bottomCta h4 {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-catpage-bottomCta p {
  color: #64748b;
}

.giglance-catpage-cta.big {
  padding: 14px 16px;
  border-radius: 18px;
}

@media (max-width: 991px) {
  .giglance-catpage-topbar {
    grid-template-columns: 1fr;
  }
  .giglance-catpage-head {
    flex-direction: column;
  }
  .giglance-catpage-actions {
    width: 100%;
  }
  .giglance-catpage-actions .giglance-catpage-cta {
    flex: 1;
    justify-content: center;
  }
  .giglance-catpage-bottomCta {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* SELLING PAGE */
/* =========================
GIGLANCE Selling Page
========================= */

.giglance-sell-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}

.giglance-sell-heroCard {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

/* subtle animated bubbles */
.giglance-sell-heroCard::before,
.giglance-sell-heroCard::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(0px);
  opacity: 0.55;
  pointer-events: none;
}
.giglance-sell-heroCard::before {
  width: 260px;
  height: 260px;
  right: -80px;
  top: -80px;
  background: radial-gradient(
    circle,
    rgba(182, 255, 26, 0.55),
    rgba(182, 255, 26, 0)
  );
  animation: giglanceSellFloat 8s ease-in-out infinite;
}
.giglance-sell-heroCard::after {
  width: 220px;
  height: 220px;
  left: -80px;
  bottom: -80px;
  background: radial-gradient(
    circle,
    rgba(31, 79, 58, 0.3),
    rgba(31, 79, 58, 0)
  );
  animation: giglanceSellFloat2 9s ease-in-out infinite;
}

@keyframes giglanceSellFloat {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, 14px);
  }
}
@keyframes giglanceSellFloat2 {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(12px, -10px);
  }
}

.giglance-sell-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.giglance-sell-bc a {
  text-decoration: none;
  color: #1f4f3a;
  opacity: 0.9;
  color:  var(--primary);
}
.giglance-sell-bc a:hover {
  opacity: 1;
}
.giglance-sell-bc i {
  opacity: 0.6;
}

.giglance-sell-heroGrid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  position: relative;
  z-index: 2;
}

.giglance-sell-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.16)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.giglance-sell-title {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.5px;
  line-height: 1.15;
  margin-top: 12px;
}

.giglance-sell-sub {
  color: #64748b;
  max-width: 650px;
}

.giglance-sell-heroActions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.giglance-sell-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  text-decoration: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
  border: none;
  font-size: 16px;
}
.giglance-sell-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
  color: #fff;
}

.giglance-sell-btn.alt {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
}
.giglance-sell-btn.alt:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  color: #0b1f16;
}

.giglance-sell-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.giglance-sell-trustItem {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-sell-trustItem i {
  width: 40px;
  height: 40px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: #1f4f3a;
}
.giglance-sell-trustItem b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
  font-size: 16px;
}
.giglance-sell-trustItem span {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

/* right side */
.giglance-sell-miniCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-sell-miniTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.giglance-sell-miniTop b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-sell-miniTop span {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

.giglance-sell-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
  white-space: nowrap;
}

.giglance-sell-miniList {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: grid;
  gap: 10px;
}
.giglance-sell-miniList li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 400;
  color: #475569;
}
.giglance-sell-miniList svg {
  margin-top: 2px;
  color: var(--primary);
}

.giglance-sell-miniBtn {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  width: 100%;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.14)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  transition: 0.2s ease;
}
.giglance-sell-miniBtn:hover {
  transform: translateY(-2px);
}

.giglance-sell-statGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.giglance-sell-stat {
  padding: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(31, 79, 58, 0.1);
  text-align: center;
}
.giglance-sell-stat b {
  display: block;
  font-weight: 600;
  font-size: 22px;
}
.giglance-sell-stat span {
  display: block;
  color: #64748b;
  font-size: 14px;
}

/* Section headings */
.giglance-sell-secHead {
  max-width: 720px;
}
.giglance-sell-h2 {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.4px;
  font-size: 26px;
}
.giglance-sell-p {
  color: #64748b;
}

/* Step cards */
.giglance-sell-stepCard {
  height: 100%;
  background: #fff;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  transition: 0.25s ease;
}
.giglance-sell-stepCard:hover {
  transform: translateY(-3px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.08)
  );
  box-shadow: 0 24px 60px rgba(31, 79, 58, 0.14);
}
.giglance-sell-stepTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.giglance-sell-stepNum {
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(182, 255, 26, 0.22);
  border: 1px solid rgba(31, 79, 58, 0.1);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
}
.giglance-sell-stepIcon {
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
  color: #fff;
}
.giglance-sell-stepCard h3 {
  font-weight: 600;
  color: #0b1f16;
  margin: 0;
}
.giglance-sell-stepCard p {
  margin: 10px 0 0;
  color: #64748b;
  line-height: 1.7;
}
.giglance-sell-tip {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  font-weight: 400;
  color: #475569;
}
.giglance-sell-tip i {
  color: #1f4f3a;
  margin-top: 2px;
}

/* Soft section background */
.giglance-sell-soft {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.08)
  );
}

/* Formula card */
.giglance-sell-formulaCard {
  background: #fff;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-sell-formulaRow {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.08);
  background: rgba(255, 255, 255, 0.9);
}
.giglance-sell-formulaRow + .giglance-sell-formulaRow {
  margin-top: 10px;
}

.giglance-sell-chip {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.giglance-sell-formulaRow b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-sell-formulaRow p {
  margin-top: 6px;
  color: #64748b;
}

.giglance-sell-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  font-weight: 400;
  color: #475569;
}
.giglance-sell-note i {
  color: #1f4f3a;
  margin-top: 2px;
}

/* Preview card */
.giglance-sell-previewCard {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-sell-previewHead {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: rgba(15, 23, 42, 0.03);
  border-bottom: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-sell-previewHead b {
  font-weight: 600;
  color: #0b1f16;
}

.giglance-sell-previewMedia {
  position: relative;
  height: 180px;
  overflow: hidden;
}
.giglance-sell-previewMedia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.giglance-sell-previewCard:hover .giglance-sell-previewMedia img {
  transform: scale(1.1);
}
.giglance-sell-previewTag {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.giglance-sell-previewBody {
  padding: 14px;
}
.giglance-sell-previewBody h3 {
  font-weight: 600;
  color: #0b1f16;
  line-height: 1.35;
}

.giglance-sell-previewMeta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 600;
  font-size: 12px;
  color: #64748b;
}
.giglance-sell-previewMeta .fa-star {
  color: #f5b301;
}
.giglance-sell-previewMeta .dot {
  opacity: 0.6;
}

.giglance-sell-previewTags {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.giglance-sell-previewTags span {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(31, 79, 58, 0.1);
}

.giglance-sell-previewFoot {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
  font-weight: 600;
  color: #64748b;
}
.giglance-sell-previewFoot b {
  color: #1f4f3a;
}
.giglance-sell-miniCta {
  border: none;
  border-radius: 16px;
  padding: 10px 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-sell-miniCta:hover {
  transform: translateY(-2px);
}

/* Checklist */
.giglance-sell-checkCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-sell-checkCard b {
  font-weight: 600;
  color: #0b1f16;
}

.giglance-sell-checkList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.giglance-sell-checkList li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 400;
  color: #475569;
}
.giglance-sell-checkList i {
  color: #1f4f3a;
  margin-top: 2px;
}

/* Tip cards */
.giglance-sell-tipCard {
  height: 100%;
  background: #fff;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  transition: 0.25s ease;
}
.giglance-sell-tipCard:hover {
  transform: translateY(-3px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.08)
  );
  box-shadow: 0 24px 60px rgba(31, 79, 58, 0.14);
}
.giglance-sell-tipIcon {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: #1f4f3a;
}
.giglance-sell-tipCard h3 {
  margin-top: 12px;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-sell-tipCard p {
  margin-top: 8px;
  color: #64748b;
  line-height: 1.7;
}
.giglance-sell-miniTag {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
}

/* Accordion */
.giglance-sell-accItem {
  border: 1px solid rgba(31, 79, 58, 0.1) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-sell-accItem + .giglance-sell-accItem {
  margin-top: 12px;
}
.giglance-sell-accBtn {
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.92) !important;
}
.giglance-sell-accBtn:not(.collapsed) {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  ) !important;
  color: #0b1f16;
}
.giglance-sell-accBody {
  color: #475569;
  line-height: 1.8;
}

/* Final CTA */
.giglance-sell-finalCard {
  background: #fff;
  border-radius: 22px;
  padding: 16px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}
.giglance-sell-finalCard h2 {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-sell-finalCard p {
  color: #64748b;
  line-height: 1.7;
}

.giglance-sell-finalList {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.08);
  font-weight: 400;
  color: #475569;
}
.giglance-sell-finalList i {
  color: #1f4f3a;
}

@media (max-width: 991px) {
  .giglance-sell-heroGrid {
    grid-template-columns: 1fr;
  }
  .giglance-sell-trust {
    grid-template-columns: 1fr;
  }
}

/* GUIDES */
/* =========================
GIGLANCE Guides Page Styles
========================= */

.giglance-guides-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}
.giglance-guides-heroCard {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

/* breadcrumb */
.giglance-guides-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.giglance-guides-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.giglance-guides-bc a:hover {
  opacity: 1;
}
.giglance-guides-bc i {
  opacity: 0.6;
}

/* heading */
.giglance-guides-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.giglance-guides-title {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.4px;
}
.giglance-guides-sub {
  color: #64748b;
  max-width: 620px;
}

/* actions */
.giglance-guides-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.giglance-guides-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 16px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 18px 40px rgba(31, 79, 58, 0.16);
  transition: 0.25s ease;
  font-size: 16px;
}
.giglance-guides-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.22);
  color: #fff;
}
.giglance-guides-cta.alt {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
}
.giglance-guides-cta.alt:hover {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
  color: #0b1f16;
}

/* topbar */
.giglance-guides-topbar {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 12px;
}
.giglance-guides-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
}
.giglance-guides-search i {
  color: #1f4f3a;
}
.giglance-guides-search input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  color: #0b1f16;
  font-size: 16px;
}
.giglance-guides-searchBtn {
  border: none;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-guides-searchBtn:hover {
  transform: translateY(-2px);
}

.giglance-guides-topFilters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.giglance-guides-select {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3px 44px 3px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 79, 58, 0.12);
  background: rgba(15, 23, 42, 0.03);
  transition: 0.2s ease;
}
.giglance-guides-select:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
  border-color: rgba(31, 79, 58, 0.18);
}
.giglance-guides-select:focus-within {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(31, 79, 58, 0.35);
  box-shadow:
    0 0 0 5px rgba(182, 255, 26, 0.2),
    0 18px 50px rgba(15, 23, 42, 0.1);
}
.giglance-guides-select i {
  color: #1f4f3a;
  font-size: 14px;
}
.giglance-guides-select select {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-weight: 400;
  color: #0b1f16;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 6px;
}
.giglance-guides-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(31, 79, 58, 0.75);
  border-bottom: 2px solid rgba(31, 79, 58, 0.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  transition: 0.2s ease;
}
.giglance-guides-select:focus-within::after {
  transform: translateY(-35%) rotate(225deg);
  border-color: rgba(31, 79, 58, 0.95);
}
.giglance-guides-select select:invalid {
  color: #64748b;
}

/* chips */
.giglance-guides-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.giglance-guides-chip {
  border: none;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.2s ease;
  font-size: 14px;
}
.giglance-guides-chip:hover {
  transform: translateY(-1px);
}
.giglance-guides-chip.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}

/* sidebar */
.giglance-guides-sticky {
  position: sticky;
}
.giglance-guides-sideCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}
.giglance-guides-sideHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-guides-sideHead h2 {
  font-weight: 600;
}
.giglance-guides-hint {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.giglance-guides-topicList {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.giglance-guides-topic {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  color: #0b1f16;
  transition: 0.2s ease;
  font-size: 16px;
}
.giglance-guides-topic span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.giglance-guides-topic i {
  color: #1f4f3a;
}
.giglance-guides-topic b {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(182, 255, 26, 0.2);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guides-topic:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-guides-topic.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #0b1f16;
}
.giglance-guides-topic.active i {
  color: #0b1f16;
}

/* read-time checks */
.giglance-guides-readGrid {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.giglance-guides-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.08);
  cursor: pointer;
  transition: 0.2s ease;
}
.giglance-guides-check:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-guides-check input {
  accent-color: #1f4f3a;
}
.giglance-guides-check span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #0b1f16;
  font-size: 13px;
}
.giglance-guides-check i {
  color: #1f4f3a;
}

/* newsletter */
.giglance-guides-news {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.giglance-guides-newsIcon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}
.giglance-guides-news b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guides-news span {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

.giglance-guides-newsForm {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guides-newsForm input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #0b1f16;
  font-size: 14px;
}
.giglance-guides-newsForm button {
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-guides-newsForm button:hover {
  transform: translateY(-2px);
}
.giglance-guides-newsFine {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

/* featured */
.giglance-guides-featured {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.1);
  background: #fff;
  transition: 0.25s ease;
}
.giglance-guides-featured:hover {
  transform: translateY(-3px);
  box-shadow: 0 28px 70px rgba(31, 79, 58, 0.16);
}

.giglance-guides-featuredMedia {
  position: relative;
  min-height: 260px;
  overflow: hidden;
}
.giglance-guides-featuredMedia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.giglance-guides-featured:hover .giglance-guides-featuredMedia img {
  transform: scale(1.1);
}

.giglance-guides-featuredTag {
  position: absolute;
  left: 14px;
  top: 14px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.giglance-guides-featuredBody {
  padding: 16px;
}
.giglance-guides-metaRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
.giglance-guides-badge {
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guides-metaRow .dot {
  opacity: 0.6;
}

.giglance-guides-featuredTitle {
  margin-top: 10px;
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.3px;
  line-height: 1.2;
}
.giglance-guides-featuredText {
  margin-top: 10px;
  color: #64748b;
  line-height: 1.8;
}

.giglance-guides-author {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
}
.giglance-guides-author img {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.giglance-guides-author b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guides-author span {
  display: block;
  margin-top: 2px;
  color: #64748b;
}
.giglance-guides-save {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-left: auto;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: rgba(31, 79, 58, 0.06);
  border: 1px solid rgba(31, 79, 58, 0.1);
  color: #1f4f3a;
}

/* cards */
.giglance-guides-card {
  display: block;
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  background: #fff;
  transition: 0.25s ease;
}
.giglance-guides-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(31, 79, 58, 0.14);
}
.giglance-guides-cardMedia {
  position: relative;
  height: 160px;
  overflow: hidden;
}
.giglance-guides-cardMedia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: 0.6s ease;
}
.giglance-guides-card:hover .giglance-guides-cardMedia img {
  transform: scale(1.12);
}

.giglance-guides-tag {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.giglance-guides-saveSm {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  color: #1f4f3a;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.giglance-guides-cardBody {
  padding: 14px;
}
.giglance-guides-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.giglance-guides-cardTitle {
  margin-top: 10px;
  font-weight: 600;
  color: #0b1f16;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s ease;
}
.giglance-guides-cardTitle:hover{
  color: var(--primary);
}
.giglance-guides-cardText {
  margin-top: 8px;
  color: #64748b;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.giglance-guides-cardFoot {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
}
.giglance-guides-pill {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #0b1f16;
  background: rgba(182, 255, 26, 0.24);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guides-pill.soft {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(31, 79, 58, 0.1);
  color: #1f4f3a;
}
.giglance-guides-pill .fa-star {
  color: #f5b301;
  margin-right: 6px;
}

/* pagination */
.giglance-guides-pager {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.giglance-guides-page,
.giglance-guides-ellipsis {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  text-decoration: none;
  font-weight: 600;
  color: #1f4f3a;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.12);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.giglance-guides-page:hover {
  transform: translateY(-2px);
}
.giglance-guides-page.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  border: none;
}
.giglance-guides-page.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.giglance-guides-ellipsis {
  border: none;
  background: transparent;
  box-shadow: none;
}

/* responsive */
@media (max-width: 991px) {
  .giglance-guides-topbar {
    grid-template-columns: 1fr;
  }
  .giglance-guides-topFilters {
    grid-template-columns: 1fr;
  }
  .giglance-guides-head {
    flex-direction: column;
  }
  .giglance-guides-actions {
    width: 100%;
  }
  .giglance-guides-actions .giglance-guides-cta {
    flex: 1;
    justify-content: center;
  }
  .giglance-guides-featured {
    grid-template-columns: 1fr;
  }
  .giglance-guides-featuredMedia {
    min-height: 220px;
  }
}

/* =========================
GIGLANCE Guide Details
========================= */

.giglance-guide-hero {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.1)
  );
}
.giglance-guide-heroCard {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px);
}

/* breadcrumb */
.giglance-guide-bc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #64748b;
}
.giglance-guide-bc a {
  text-decoration: none;
  color: var(--primary);
  opacity: 0.9;
}
.giglance-guide-bc a:hover {
  opacity: 1;
}
.giglance-guide-bc i {
  opacity: 0.6;
}

/* hero header */
.giglance-guide-topicPill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  color: #0b1f16;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.16)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guide-title {
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.5px;
  line-height: 1.15;
}
.giglance-guide-sub {
  color: #64748b;
  max-width: 820px;
  line-height: 1.8;
}

.giglance-guide-metaRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px dashed rgba(31, 79, 58, 0.18);
}
.giglance-guide-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.giglance-guide-author img {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.giglance-guide-author b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-author span {
  display: block;
  margin-top: 2px;
  color: #64748b;
}

.giglance-guide-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.giglance-guide-meta .dot {
  opacity: 0.6;
}
.giglance-guide-rating .fa-star {
  color: #f5b301;
  margin-right: 6px;
}

.giglance-guide-actions {
  display: flex;
  gap: 10px;
}
.giglance-guide-iconBtn {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(31, 79, 58, 0.14);
  background: rgba(255, 255, 255, 0.92);
  color: #1f4f3a;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.giglance-guide-iconBtn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.12)
  );
}

/* cover image */
.giglance-guide-cover {
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.1);
}
.giglance-guide-cover img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  transform: scale(1.02);
  transition: 0.7s ease;
}
.giglance-guide-cover:hover img {
  transform: scale(1.08);
}
.giglance-guide-coverOverlay {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.giglance-guide-coverStat {
  flex: 1;
  min-width: 160px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 18px;
  padding: 10px 12px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14);
}
.giglance-guide-coverStat b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-coverStat span {
  display: block;
  margin-top: 2px;
  color: #64748b;
}

/* article */
.giglance-guide-article {
  background: #fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.giglance-guide-summary {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.1)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guide-summaryIcon {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
}
.giglance-guide-summary b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-summary p {
  margin-top: 6px;
  line-height: 1.8;
}

.giglance-guide-h2 {
  margin-top: 18px;
  font-weight: 600;
  color: #0b1f16;
  letter-spacing: -0.3px;
}
.giglance-guide-text {
  margin-top: 8px;
  color: #475569;
  line-height: 1.9;
}

.giglance-guide-callout {
  margin-top: 14px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
}
.giglance-guide-callout i {
  color: #1f4f3a;
  margin-top: 2px;
}
.giglance-guide-callout b {
  color: #0b1f16;
}

.giglance-guide-miniCard {
  height: 100%;
  border-radius: 22px;
  padding: 14px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.06);
  transition: 0.2s ease;
}
.giglance-guide-miniCard:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.04),
    rgba(182, 255, 26, 0.08)
  );
  box-shadow: 0 22px 60px rgba(31, 79, 58, 0.14);
}
.giglance-guide-miniIcon {
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.08),
    rgba(182, 255, 26, 0.18)
  );
  border: 1px solid rgba(31, 79, 58, 0.12);
  color: #1f4f3a;
}
.giglance-guide-miniCard b {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-miniCard p {
  margin-top: 6px;
  color: #64748b;
  line-height: 1.8;
}

.giglance-guide-tableWrap {
  margin-top: 12px;
  border-radius: 22px;
  overflow: auto;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-guide-table {
  margin: 0;
  background: #fff;
}
.giglance-guide-table thead th {
  font-weight: 600;
  color: #0b1f16;
  border-bottom: 1px solid rgba(31, 79, 58, 0.12) !important;
}
.giglance-guide-table tbody td {
  color: #475569;
  border-top: 1px solid rgba(31, 79, 58, 0.08) !important;
}
.giglance-guide-table .isBest {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.12)
  );
  font-weight: 1200;
  color: #0b1f16;
}

.giglance-guide-list {
  margin-top: 10px;
  list-style: none;
  padding: 0;
  display: grid;
  gap: 10px;
}
.giglance-guide-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.1);
  color: #475569;
}
.giglance-guide-list i {
  color: #ef4444;
  margin-top: 2px;
}

.giglance-guide-divider {
  margin: 18px 0;
  border-top: 1px dashed rgba(31, 79, 58, 0.22);
}

.giglance-guide-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.12)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guide-next b {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-next span {
  display: block;
  margin-top: 4px;
  color: #64748b;
}
.giglance-guide-nextBtn {
  text-decoration: none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 1200;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
  white-space: nowrap;
}
.giglance-guide-nextBtn:hover {
  transform: translateY(-2px);
  color: #fff;
}

/* comments */
.giglance-guide-comments {
  background: #fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31, 79, 58, 0.1);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}
.giglance-guide-commentsHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.giglance-guide-commentsHead h2{
  font-weight: 600;
}
.giglance-guide-small {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.giglance-guide-commentBox {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guide-commentBox img {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  object-fit: cover;
}
.giglance-guide-commentBox textarea {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: #0b1f16;
  resize: none;
}
.giglance-guide-commentActions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-guide-primaryBtn {
  border: none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31, 79, 58, 0.14);
  transition: 0.2s ease;
}
.giglance-guide-primaryBtn:hover {
  transform: translateY(-2px);
}

.giglance-guide-comment {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.giglance-guide-comment img {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  object-fit: cover;
}
.giglance-guide-commentTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-guide-commentTop b {
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-commentTop span {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}
.giglance-guide-comment p {
  margin-top: 6px;
  color: #475569;
  line-height: 1.8;
}

/* sidebar */
.giglance-guide-sticky {
  position: sticky;
}
.giglance-guide-sideCard {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(31, 79, 58, 0.08);
  backdrop-filter: blur(10px);
}
.giglance-guide-sideHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.giglance-guide-sideHead h2 {
  font-weight: 600;
}

.giglance-guide-toc {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.giglance-guide-toc a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  font-weight: 600;
  color: #0b1f16;
  transition: 0.2s ease;
}
.giglance-guide-toc a i {
  color: #1f4f3a;
}
.giglance-guide-toc a:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-guide-toc a.active {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #0b1f16;
}
.giglance-guide-toc a.active i {
  color: #0b1f16;
}

.giglance-guide-sideAuthor {
  display: flex;
  align-items: center;
  gap: 10px;
}
.giglance-guide-sideAuthor img {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.giglance-guide-sideAuthor b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-sideAuthor span {
  display: block;
  margin-top: 2px;
  color: #64748b;
}

.giglance-guide-sideStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.giglance-guide-sideStats > div {
  text-align: center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(31, 79, 58, 0.1);
}
.giglance-guide-sideStats b {
  display: block;
  font-weight: 600;
  font-size: 18px;
}
.giglance-guide-sideStats span {
  display: block;
  color: #64748b;
  font-size: 14px;
}

.giglance-guide-outlineBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  text-decoration: none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 600;
  color: #1f4f3a;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(31, 79, 58, 0.16);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease;
}
.giglance-guide-outlineBtn:hover {
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.1)
  );
}

.giglance-guide-related {
  display: grid;
  gap: 12px;
}
.giglance-guide-relatedItem {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 10px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(31, 79, 58, 0.1);
  transition: 0.2s ease;
}
.giglance-guide-relatedItem:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.05),
    rgba(182, 255, 26, 0.08)
  );
}
.giglance-guide-relatedItem img {
  width: 66px;
  height: 54px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
.giglance-guide-relatedItem b {
  display: block;
  color: #0b1f16;
  line-height: 1.25;
}
.giglance-guide-relatedItem span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

/* CTA card */
.giglance-guide-ctaCard {
  background: linear-gradient(
    135deg,
    rgba(31, 79, 58, 0.06),
    rgba(182, 255, 26, 0.14)
  );
  border: 1px solid rgba(31, 79, 58, 0.1);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}
.giglance-guide-ctaIcon {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #0b1f16;
  box-shadow: 0 16px 34px rgba(31, 79, 58, 0.18);
  margin-bottom: 10px;
}
.giglance-guide-ctaCard b {
  display: block;
  font-weight: 600;
  color: #0b1f16;
}
.giglance-guide-ctaCard span {
  display: block;
  margin-top: 4px;
  margin-bottom: 20px;
  color: #64748b;
}

.giglance-guide-ctaCard a{
  text-decoration: none;
  font-weight: 400;
  color: var(--primary);
  transition: all .3s ease;
}

.giglance-guide-ctaCard a:hover{
  color: var(--accent);
}

@media (max-width: 991px) {
  .giglance-guide-cover img {
    height: 240px;
  }
  .giglance-guide-metaRow {
    gap: 10px;
  }
  .giglance-guide-actions {
    width: 100%;
  }
}

/* CONTACT */
/* =========================
GIGLANCE Contact Page
========================= */

.giglance-contact-hero{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.10));
}
.giglance-contact-heroCard{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}

/* breadcrumb */
.giglance-contact-bc{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:10px; font-weight: 600; font-size: 13px; color:#64748b;
}
.giglance-contact-bc a{ text-decoration:none; color:#1f4f3a; opacity:.9; color: var(--primary);}
.giglance-contact-bc a:hover{ opacity:1; }
.giglance-contact-bc i{ opacity:.6; }

/* heading */
.giglance-contact-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
}
.giglance-contact-title{ font-weight: 600; color:#0b1f16; letter-spacing:-.4px; }
.giglance-contact-sub{ color:#64748b; max-width: 620px; line-height: 1.8; }

.giglance-contact-chips{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.giglance-contact-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}

/* left card */
.giglance-contact-card{
  background:#fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}
.giglance-contact-cardTop{
  display:flex; gap:12px; align-items:center;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-contact-icon{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 16px 34px rgba(31,79,58,.18);
}
.giglance-contact-cardTop h4{ font-weight: 600; color:#0b1f16; }
.giglance-contact-cardTop p{ color:#64748b; }

.giglance-contact-items{ display:grid; gap:10px; }
.giglance-contact-item{
  text-decoration:none;
  display:flex; align-items:center; gap:12px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-contact-item:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  box-shadow: 0 22px 60px rgba(31,79,58,.12);
}
.giglance-contact-item .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-contact-item b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-contact-item span{ display:block; margin-top: 3px; color:#64748b; }
.giglance-contact-item .arr{
  margin-left:auto;
  color:#1f4f3a;
  opacity:.9;
  transition:.2s ease;
}
.giglance-contact-item:hover .arr{ transform: translateX(4px); }

.giglance-contact-stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
}
.giglance-contact-stat{
  text-align:center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-contact-stat b{
  display:block;
  font-weight: 600;
  color:#1f4f3a;
  font-size: 18px;
}
.giglance-contact-stat span{
  display:block;
  color:#64748b;
  font-size: 14px;
}

/* map placeholder */
.giglance-contact-map{
  position: relative;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
  min-height: 120px;
}
.giglance-contact-mapGlow{
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(circle at 20% 20%, rgba(182,255,26,.55), transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(31,79,58,.35), transparent 50%);
  filter: blur(0px);
  opacity:.6;
  animation: giglanceContactFloat 9s ease-in-out infinite;
}
@keyframes giglanceContactFloat{
  0%,100%{ transform: translate(0,0); }
  50%{ transform: translate(10px, -10px); }
}
.giglance-contact-mapInner{
  position: relative;
  z-index: 2;
  padding: 14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-contact-mapInner i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-contact-mapInner b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-contact-mapInner span{ display:block; margin-top: 2px; color:#64748b; }
.giglance-contact-mapBtn{
  margin-left:auto;
  text-decoration:none;
  border-radius: 16px;
  padding: 10px 12px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-contact-mapBtn:hover{ transform: translateY(-2px); color: #fff;}

/* form card */
.giglance-contact-formCard{
  background:#fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}
.giglance-contact-formHead{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-contact-formHead h2{ font-weight: 600; color:#0b1f16; }
.giglance-contact-formHead p{ color:#64748b; line-height: 1.8; }

.giglance-contact-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.24);
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}

/* labels */
.giglance-contact-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 400;
  color:#0b1f16;
}

/* input fields */
.giglance-contact-field,
.giglance-contact-textarea{
  display:flex; gap:10px; align-items:center;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 14px;
}
.giglance-contact-field:hover,
.giglance-contact-textarea:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  border-color: rgba(31,79,58,.18);
}
.giglance-contact-field:focus-within,
.giglance-contact-textarea:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-contact-field i,
.giglance-contact-textarea i{
  color:#1f4f3a;
}
.giglance-contact-field input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-contact-textarea{
  align-items:flex-start;
}
.giglance-contact-textarea i{ margin-top: 3px; }
.giglance-contact-textarea textarea{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  resize: none;
}

/* select (premium) */
.giglance-contact-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 6px 44px 6px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 14px;
}
.giglance-contact-select:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  border-color: rgba(31,79,58,.18);
}
.giglance-contact-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-contact-select i{ color:#1f4f3a; font-size: 14px; }
.giglance-contact-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right: 6px;
}
.giglance-contact-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
  transition:.2s ease;
}
.giglance-contact-select:focus-within::after{
  transform: translateY(-35%) rotate(225deg);
  border-color: rgba(31,79,58,.95);
}
.giglance-contact-select select:invalid{ color:#64748b; }

/* row actions */
.giglance-contact-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-contact-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#475569;
}
.giglance-contact-check input{ accent-color: #1f4f3a; margin-top: 7px; }
.giglance-contact-check a{ color:#1f4f3a; text-decoration:none; font-weight: 600; }
.giglance-contact-check a:hover{ text-decoration: underline; }

.giglance-contact-btn{
  border:none;
  border-radius: 18px;
  padding: 12px 16px;
  font-weight: 1200;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-contact-btn:hover{ transform: translateY(-2px); }

/* note */
.giglance-contact-note{
  display:flex; gap:10px; align-items:flex-start;
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#475569;
}
.giglance-contact-note i{ color:#1f4f3a; margin-top: 2px; }
.giglance-contact-note b{ color:#0b1f16; }

/* strip */
.giglance-contact-strip{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.08));
}
.giglance-contact-stripCard{
  background:#fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.giglance-contact-stripCard h3{ font-weight: 600; color:#0b1f16; }
.giglance-contact-stripCard p{ color:#64748b; }

.giglance-contact-stripActions{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-contact-stripBtn{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 1200;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
}
.giglance-contact-stripBtn:hover{ transform: translateY(-2px); color: #fff;}
.giglance-contact-stripBtn.alt{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(31,79,58,.16);
  color:#1f4f3a;
  box-shadow: 0 12px 26px rgba(0,0,0,.08);
}
.giglance-contact-stripBtn.alt:hover{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.10));
}

/* responsive */
@media (max-width: 991px){
  .giglance-contact-head{ flex-direction: column; }
  .giglance-contact-chips{ justify-content:flex-start; }
}

/* POLICY PAGES */
/* =========================
GIGLANCE Privacy Policy Styles
Prefix: giglance-privacy-
Theme: #1f4f3a, #b6ff1a
========================= */

.giglance-privacy-hero{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.10));
}
.giglance-privacy-heroCard{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}

/* breadcrumb */
.giglance-privacy-bc{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:10px; font-weight: 600; font-size: 13px; color:#64748b;
}
.giglance-privacy-bc a{ text-decoration:none; color:#1f4f3a; opacity:.9; color: var(--primary);}
.giglance-privacy-bc a:hover{ opacity:1; }
.giglance-privacy-bc i{ opacity:.6; }

/* header */
.giglance-privacy-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
}
.giglance-privacy-title{ font-weight: 600; color:#0b1f16; letter-spacing:-.4px; }
.giglance-privacy-sub{ color:#64748b; max-width: 680px; line-height: 1.8; }

.giglance-privacy-meta{
  display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;
}
.giglance-privacy-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}
.giglance-privacy-pill.soft{
  background: rgba(15,23,42,.03);
  border-color: rgba(31,79,58,.12);
  color:#1f4f3a;
}

.giglance-privacy-actions{
  display:flex; gap:10px; flex-wrap:wrap;
}
.giglance-privacy-btn{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  font-size: 14px;
}
.giglance-privacy-btn:hover{ transform: translateY(-2px); color: #fff;}
.giglance-privacy-btn.alt{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(31,79,58,.16);
  color:#1f4f3a;
  box-shadow: 0 12px 26px rgba(0,0,0,.08);
}
.giglance-privacy-btn.alt:hover{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.10));
}

/* content card */
.giglance-privacy-card{
  background:#fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* callouts */
.giglance-privacy-callout{
  display:flex; gap:10px; align-items:flex-start;
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#475569;
}
.giglance-privacy-callout i{ color:#1f4f3a; margin-top: 2px; }
.giglance-privacy-callout b{ color:#0b1f16; }
.giglance-privacy-callout.warn{
  background: linear-gradient(135deg, rgba(239,68,68,.06), rgba(182,255,26,.10));
}
.giglance-privacy-callout.warn i{ color:#ef4444; }

.giglance-privacy-h2{
  margin-top: 18px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-privacy-text{
  margin-top: 8px;
  color:#475569;
  line-height: 1.95;
}

/* inline code chip */
.giglance-privacy-code{
  display:inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(182,255,26,.20);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 300;
  color:#0b1f16;
}

/* mini cards */
.giglance-privacy-mini{
  height:100%;
  border-radius: 22px;
  padding: 14px;
  background:#fff;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  transition:.2s ease;
}
.giglance-privacy-mini:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
  box-shadow: 0 22px 60px rgba(31,79,58,.14);
}
.giglance-privacy-mini .ico{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.18));
  border: 1px solid rgba(31,79,58,.12);
  color:#1f4f3a;
}
.giglance-privacy-mini b{ display:block; margin-top: 10px; font-weight: 600; color:#0b1f16; }
.giglance-privacy-mini p{ margin-top: 6px; color:#64748b; line-height: 1.8; }

/* list */
.giglance-privacy-list{
  margin-top: 10px;
  list-style:none;
  padding:0;
  display:grid;
  gap:10px;
}
.giglance-privacy-list li{
  display:flex; gap:10px; align-items:flex-start;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#475569;
}
.giglance-privacy-list i{
  color:#22c55e;
  margin-top: 2px;
}

/* divider */
.giglance-privacy-divider{
  margin: 18px 0;
  border-top: 1px dashed rgba(31,79,58,.22);
}

/* contact box */
.giglance-privacy-contactBox{
  display:flex; align-items:center; gap:12px;
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  flex-wrap:wrap;
}
.giglance-privacy-contactIcon{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 16px 34px rgba(31,79,58,.18);
}
.giglance-privacy-contactBox b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-privacy-contactBox p{ margin-top: 4px; color:#64748b; }

.giglance-privacy-primaryBtn{
  margin-left:auto;
  text-decoration:none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 400;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-privacy-primaryBtn:hover{ transform: translateY(-2px); color: #fff;}

/* sidebar */
.giglance-privacy-sticky{ position: sticky; }
.giglance-privacy-sideCard{
  background: rgba(255,255,255,.95);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.08);
  backdrop-filter: blur(10px);
}
.giglance-privacy-sideHead{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.giglance-privacy-sideHead h5{ font-weight: 600; color:#1f4f3a; }
.giglance-privacy-small{ font-size: 12px; font-weight: 600; color:#64748b; }

.giglance-privacy-toc{ display:grid; gap:10px; }
.giglance-privacy-toc a{
  text-decoration:none;
  display:flex; align-items:center; gap:10px;
  padding: 12px;
  border-radius: 16px;
  background:#fff;
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-privacy-toc a i{ color:#1f4f3a; }
.giglance-privacy-toc a:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-privacy-toc a.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border:none;
  color:#fff;
}
.giglance-privacy-toc a.active i{ color:#0b1f16; }

/* badges */
.giglance-privacy-badges{ display:grid; gap:12px; }
.giglance-privacy-badge{
  display:flex; align-items:center; gap:12px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-privacy-badge i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-privacy-badge b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-privacy-badge span{ display:block; margin-top: 2px; color:#64748b; }

/* responsive */
@media (max-width: 991px){
  .giglance-privacy-head{ flex-direction: column; }
  .giglance-privacy-meta{ justify-content:flex-start; }
}

/* =========================
GIGLANCE Auth Pages
========================= */

.giglance-auth-wrap{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.08));
}

/* left side */
.giglance-auth-side{
  position: relative;
  overflow:hidden;
  border-radius: 22px;
  padding: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-auth-brand{
  display:flex; gap:12px; align-items:center;
}
.giglance-auth-logo{
  width:56px; height:56px;
  border-radius: 22px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  font-weight: 600;
  box-shadow: 0 16px 34px rgba(31,79,58,.18);
}
.giglance-auth-brand h3{ font-weight: 600; color:#0b1f16; }
.giglance-auth-brand p{ color:#64748b; line-height: 1.8; }

.giglance-auth-bullets{ display:grid; gap:12px; }
.giglance-auth-bullet{
  display:flex; gap:12px; align-items:flex-start;
  padding: 12px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-auth-bullet .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-auth-bullet b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-auth-bullet span{ display:block; margin-top: 4px; color:#64748b; line-height: 1.7; }

.giglance-auth-sideGlow{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 20% 20%, rgba(182,255,26,.55), transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(31,79,58,.35), transparent 50%);
  opacity:.55;
  animation: giglanceAuthFloat 10s ease-in-out infinite;
  pointer-events:none;
}
@keyframes giglanceAuthFloat{
  0%,100%{ transform: translate(0,0); }
  50%{ transform: translate(12px, -10px); }
}
.giglance-auth-sideMini{
  position: relative;
  z-index: 2;
  margin-top: 14px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
}
.giglance-auth-sideMini b{ color:#0b1f16; }

/* right card */
.giglance-auth-card{
  background:#fff;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}
.giglance-auth-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-auth-head h4{ font-weight: 600; color:#0b1f16; }
.giglance-auth-head p{ color:#64748b; line-height: 1.8; }
.giglance-auth-link{
  text-decoration:none;
  font-weight: 600;
  color:#1f4f3a;
  white-space: nowrap;
}
.giglance-auth-link:hover{ text-decoration: underline; }

/* social buttons */
.giglance-auth-social{
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  border-radius: 18px;
  padding: 12px 12px;
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-auth-social i{ margin-right: 10px; }
.giglance-auth-social:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  box-shadow: 0 22px 60px rgba(31,79,58,.10);
}
.giglance-auth-social.google i{ color:#ea4335; }
.giglance-auth-social.facebook i{ color:#1877f2; }
.giglance-auth-social.apple i{ color:#111827; }

/* divider */
.giglance-auth-divider{
  position: relative;
  text-align:center;
}
.giglance-auth-divider::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:50%;
  border-top: 1px dashed rgba(31,79,58,.25);
}
.giglance-auth-divider span{
  position: relative;
  display:inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background:#fff;
  border: 1px solid rgba(31,79,58,.10);
  font-size: 12px;
  font-weight: 600;
  color:#64748b;
}

/* label */
.giglance-auth-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 600;
  color:#0b1f16;
}

/* fields */
.giglance-auth-field,
.giglance-auth-textarea{
  display:flex; gap:10px; align-items:center;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-auth-textarea{ align-items:flex-start; }
.giglance-auth-textarea i{ margin-top: 3px; }
.giglance-auth-field:hover,
.giglance-auth-textarea:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  border-color: rgba(31,79,58,.18);
}
.giglance-auth-field:focus-within,
.giglance-auth-textarea:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-auth-field i,
.giglance-auth-textarea i{ color:#1f4f3a; }

.giglance-auth-field input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
}
.giglance-auth-textarea textarea{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  resize: none;
}

.giglance-auth-eye{
  border:none;
  background: transparent;
  color:#1f4f3a;
  opacity:.9;
  transition:.2s ease;
}
.giglance-auth-eye:hover{ opacity: 1; transform: translateY(-1px); }

/* select (premium) */
.giglance-auth-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 8px 44px 8px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-auth-select:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  border-color: rgba(31,79,58,.18);
}
.giglance-auth-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-auth-select i{ color:#1f4f3a; font-size: 14px; }
.giglance-auth-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right: 6px;
}
.giglance-auth-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
  transition:.2s ease;
}
.giglance-auth-select:focus-within::after{
  transform: translateY(-35%) rotate(225deg);
  border-color: rgba(31,79,58,.95);
}
.giglance-auth-select select:invalid{ color:#64748b; }

/* checkbox row */
.giglance-auth-row{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap;
}
.giglance-auth-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight: 600;
  color:#475569;
}
.giglance-auth-check input{ accent-color:#1f4f3a; margin-top: 3px; }
.giglance-auth-check a{ color:#1f4f3a; text-decoration:none; font-weight: 600; }
.giglance-auth-check a:hover{ text-decoration: underline; }

/* main button */
.giglance-auth-btn{
  border:none;
  border-radius: 18px;
  padding: 12px 16px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
}
.giglance-auth-btn:hover{ transform: translateY(-2px); }

.giglance-auth-fine{
  font-size: 12px;
  font-weight: 600;
  color:#64748b;
  text-align:center;
}
.giglance-auth-fine a{ color:#1f4f3a; text-decoration:none; font-weight: 600; }
.giglance-auth-fine a:hover{ text-decoration: underline; }

/* account type toggle */
.giglance-auth-type{
  position: relative;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  padding: 10px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-auth-typeBtn{
  position: relative;
  z-index: 2;
  border:none;
  background: transparent;
  padding: 12px;
  border-radius: 18px;
  text-align:left;
  font-weight: 600;
  color:#0b1f16;
  display:flex;
  gap:12px;
  align-items:flex-start;
  transition:.2s ease;
}
.giglance-auth-typeBtn i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}
.giglance-auth-typeBtn span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 13px;
}
.giglance-auth-typeBtn:hover{ transform: translateY(-1px); }
.giglance-auth-typeBtn.active span{ color:#0b1f16; }

.giglance-auth-typeIndicator{
  position:absolute;
  inset:10px;
  width: calc(50% - 5px);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(31,79,58,.10), rgba(182,255,26,.22));
  border: 1px solid rgba(31,79,58,.12);
  box-shadow: 0 18px 50px rgba(15,23,42,.10);
  transform: translateX(0%);
  transition: transform .25s ease;
}

/* panels */
.giglance-auth-panel{ display:none; }
.giglance-auth-panel.active{ display:block; }
.giglance-auth-panelCard{
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}

/* notes */
.giglance-auth-note{
  display:flex; gap:10px; align-items:flex-start;
  padding: 12px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#475569;
}
.giglance-auth-note i{ color:#1f4f3a; margin-top: 2px; }
.giglance-auth-note b{ color:#0b1f16; }

/* responsive */
@media (max-width: 991px){
  .giglance-auth-side{ order:2; }
  .giglance-auth-card{ order:1; }
}

/* =========================
GIGLANCE About Us Styles
========================= */

.giglance-about-hero{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.10));
}
.giglance-about-heroCard{
  background:#fff;
  border-radius: 26px;
  padding: 40px 28px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 25px 80px rgba(15,23,42,.10);
}
.giglance-about-eyebrow{
  display:inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  color:#1f4f3a;
  background: rgba(182,255,26,.25);
  margin-bottom: 10px;
}
.giglance-about-heroCard h1{
  font-weight: 600;
  letter-spacing: -.6px;
  font-size: 26px;
}
.giglance-about-heroCard p{
  max-width: 720px;
  margin: 10px auto 0;
  color:#64748b;
  line-height: 1.9;
}

.giglance-about-heroStats{
  display:flex;
  justify-content:center;
  gap:30px;
}
.giglance-about-heroStats b{
  display:block;
  font-size: 22px;
  font-weight: 600;
  color:#1f4f3a;
}
.giglance-about-heroStats span{
  font-size: 14px;
  color:#64748b;
}

/* story */
.giglance-about-story h2{
  font-weight: 600;
  font-size: 26px;
}
.giglance-about-story p{
  color:#475569;
  line-height: 1.9;
}
.giglance-about-tag{
  display:inline-block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  color:#1f4f3a;
}

/* glass */
.giglance-about-glass{
  background: rgba(255,255,255,.92);
  border-radius: 26px;
  padding: 22px;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 20px 60px rgba(15,23,42,.08);
}
.giglance-about-glassItem{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  margin-bottom: 12px;
}
.giglance-about-glassItem i{
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
}
.giglance-about-glassItem b{
  font-weight: 600;
}
.giglance-about-glassItem span{
  display:block;
  color:#64748b;
}

/* values */
.giglance-about-values{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-about-valueCard{
  height:100%;
  background:#fff;
  border-radius: 24px;
  padding: 24px;
  text-align:center;
  border: 1px solid rgba(31,79,58,.10);
  transition:.25s ease;
}
.giglance-about-valueCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 25px 70px rgba(31,79,58,.18);
}
.giglance-about-valueCard i{
  font-size: 26px;
  color:#1f4f3a;
  margin-bottom: 12px;
}
.giglance-about-valueCard h3{
  font-weight: 600;
}
.giglance-about-valueCard p{
  color:#64748b;
}

/* list */
.giglance-about-list{
  list-style:none;
  padding:0;
  margin-top: 20px;
}
.giglance-about-list li{
  display:flex;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-about-list i{
  color:#22c55e;
  margin-top: 4px;
}

/* highlight */
.giglance-about-highlight{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-radius: 26px;
  padding: 30px;
  color:#0b1f16;
}
.giglance-about-highlight h3{
  font-weight: 600;
  color: #fff;
}
.giglance-about-highlight p{
  line-height: 1.9;
  color: #fff;
}
.giglance-about-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top: 12px;
  padding: 12px 18px;
  border-radius: 18px;
  background:#fff;
  color:#0b1f16;
  font-weight: 600;
  text-decoration:none;
}

/* CTA strip */
.giglance-about-ctaStrip{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.12));
}
.giglance-about-ctaCard{
  background:#fff;
  border-radius: 26px;
  padding: 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-about-btn{
  padding: 12px 18px;
  border-radius: 18px;
  font-weight: 600;
  text-decoration:none;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  transition: all 0.3s ease;
}
.giglance-about-btn:hover{
  color: #fff;
}
.giglance-about-btn.alt{
  background:#fff;
  border: 1px solid rgba(31,79,58,.16);
  color:#1f4f3a;
}

/* =====================================================
GIGLANCE — Buyer Dashboard Overview Styles
===================================================== */

.giglance-buyer-wrap{
  display:flex;
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.07));
}

/* Sidebar */
.giglance-buyer-sidebar{
  width: 310px;
  flex: 0 0 310px;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  background: rgba(255,255,255,.92);
  border-right: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
}

.giglance-buyer-sideHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 16px 16px 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}

.giglance-buyer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.giglance-buyer-logo{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  font-weight: 600;
  box-shadow: 0 16px 34px rgba(31,79,58,.18);
}
.giglance-buyer-brandText b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.1;
}
.giglance-buyer-brandText small{
  display:block;
  color:#64748b;
  margin-top: 2px;
}

.giglance-buyer-x{
  border:none;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(31,79,58,.12);
  width:40px; height:40px;
  border-radius: 14px;
  display:grid; place-items:center;
  color:#1f4f3a;
}

.giglance-buyer-sideBody{
  padding: 14px 16px 18px;
  display:flex;
  flex-direction: column;
  gap:14px;
  overflow:auto;
}

/* User card */
.giglance-buyer-userCard{
  display:grid;
  grid-template-columns: 52px 1fr;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-buyer-avatar{
  width:52px;
  height:52px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-buyer-userCard b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-buyer-userCard span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
}
.giglance-buyer-userCard span i{ color:#22c55e; }

.giglance-buyer-miniBtn{
  grid-column: 1 / -1;
  text-decoration:none;
  font-weight: 600;
  color:#1f4f3a;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 18px;
  padding: 10px 12px;
  text-align:center;
  transition:.2s ease;
}
.giglance-buyer-miniBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.18));
}

/* Nav */
.giglance-buyer-nav{
  display:grid;
  gap:8px;
}
.giglance-buyer-nav a{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 12px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  border: 1px solid rgba(31,79,58,.08);
  background: rgba(255,255,255,.90);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-buyer-nav a i{ color:#1f4f3a; width:18px; text-align:center; }
.giglance-buyer-nav a:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-buyer-nav a.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color:#0b1f16;
}
.giglance-buyer-nav a.active i{ color:#0b1f16; }

.giglance-buyer-navLine{
  height:1px;
  background: rgba(31,79,58,.14);
  margin: 6px 4px;
}

/* Promo */
.giglance-buyer-sidePromo{
  position: relative;
  overflow:hidden;
  border-radius: 22px;
  padding: 20px 12px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  min-height: fit-content;
}
.giglance-buyer-sidePromoGlow{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 30% 30%, rgba(182,255,26,.55), transparent 45%),
    radial-gradient(circle at 80% 80%, rgba(31,79,58,.35), transparent 50%);
  opacity:.55;
  animation: giglanceBuyerFloat 10s ease-in-out infinite;
  pointer-events:none;
}
@keyframes giglanceBuyerFloat{
  0%,100%{ transform: translate(0,0); }
  50%{ transform: translate(10px, -10px); }
}
.giglance-buyer-sidePromo b{
  position:relative;
  z-index:2;
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
  margin-bottom: 0px;
}
.giglance-buyer-sidePromo p{
  position:relative;
  z-index:2;
  /* margin-top: 6px; */
  color:#475569;
  line-height: 1.8;
  font-size: 14px;
}
.giglance-buyer-sidePromoBtn{
  position:relative;
  z-index:2;
  margin-top: 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  padding: 10px 12px;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-buyer-sidePromoBtn:hover{ transform: translateY(-2px); color: #fff;}

/* Main */
.giglance-buyer-main{
  flex:1;
  min-width:0;
  padding: 18px;
}

/* Topbar */
.giglance-buyer-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.giglance-buyer-topLeft{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-buyer-menuBtn{
  border:none;
  width:44px; height:44px;
  border-radius: 16px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(31,79,58,.12);
  color:#1f4f3a;
  display:grid; place-items:center;
}
.giglance-buyer-pageTitle{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-buyer-pageMeta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 14px;
  color:#64748b;
}
.giglance-buyer-pageMeta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}

/* right */
.giglance-buyer-topRight{
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-buyer-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 420px;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-buyer-search:hover{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-buyer-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-buyer-search i{ color:#1f4f3a; }
.giglance-buyer-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
}
.giglance-buyer-searchBtn{
  border:none;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 600;
  color:#fff;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-buyer-searchBtn:hover{ transform: translateY(-1px); }

.giglance-buyer-iconBtn{
  position: relative;
  border:none;
  width:44px; height:44px;
  border-radius: 16px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(31,79,58,.12);
  color:#1f4f3a;
  display:grid; place-items:center;
  transition:.2s ease;
}
.giglance-buyer-iconBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-buyer-dot{
  position:absolute;
  top:10px; right:10px;
  width:8px; height:8px;
  border-radius: 999px;
  background:#ef4444;
}
.giglance-buyer-badge{
  position:absolute;
  top:6px; right:6px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(182,255,26,.95);
  color:#0b1f16;
  font-size: 11px;
  font-weight: 600;
  display:grid;
  place-items:center;
  padding: 0 5px;
  border: 1px solid rgba(31,79,58,.18);
}

.giglance-buyer-profileChip{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  color:#0b1f16;
  font-weight: 600;
  transition:.2s ease;
}
.giglance-buyer-profileChip:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-buyer-profileChip img{
  width:34px; height:34px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-buyer-profileChip i{ color:#1f4f3a; font-size: 12px; }

/* Content */
.giglance-buyer-content{ margin-top: 14px; }

/* Stat cards */
.giglance-buyer-statCard{
  position: relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 5px 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.07);
  backdrop-filter: blur(10px);
  min-height: 150px;
}
.giglance-buyer-statCard b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 22px;
  line-height: 1.1;
}
.giglance-buyer-statCard span{
  display:block;
  color:#64748b;
  margin-top: 4px;
}
.giglance-buyer-statIcon{
  width:54px; height:54px;
  border-radius: 20px;
  display:grid; place-items:center;
  color:#0b1f16;
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 16px 34px rgba(31,79,58,.14);
}
.giglance-buyer-statIcon.green{ background: linear-gradient(135deg, var(--primary), var(--accent)); border: none;}
.giglance-buyer-statIcon.lime{ background: linear-gradient(135deg, rgba(182,255,26,.95), rgba(31,79,58,.18)); }
.giglance-buyer-statIcon.dark{ background: linear-gradient(135deg, rgba(15,23,42,.10), rgba(182,255,26,.22)); }
.giglance-buyer-statIcon.gold{ background: linear-gradient(135deg, rgba(31,79,58,.12), rgba(182,255,26,.70)); }

.giglance-buyer-statHint{
  position:absolute;
  right: 14px;
  bottom: 12px;
  font-weight: 400;
  color: var(--primary);
  display:flex;
  align-items:center;
  gap:8px;
}
.giglance-buyer-statHint.up i{ color:#22c55e; }

/* Boxes */
.giglance-buyer-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-buyer-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-buyer-boxHead h5{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-buyer-linkBtn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 600;
  color:#1f4f3a;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-buyer-linkBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.18));
}

/* Orders list */
.giglance-buyer-orders{
  display:grid;
  gap:12px;
  margin-top: 12px;
}
.giglance-buyer-order{
  text-decoration:none;
  color:inherit;
  display:grid;
  grid-template-columns: 120px 1fr;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-buyer-order:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
  box-shadow: 0 22px 60px rgba(31,79,58,.12);
}
.giglance-buyer-orderImg{
  width:100%;
  height:100%;
  min-height: 92px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-buyer-orderTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.giglance-buyer-orderTop b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-buyer-orderTop span{
  display:block;
  margin-top: 6px;
  color:#64748b;
}
.giglance-buyer-orderMeta{
  text-align:right;
  display:grid;
  gap:8px;
  align-content:start;
}
.giglance-buyer-orderMeta .pill{
  display:inline-flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.80);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-buyer-orderMeta .price{
  font-weight: 600;
  color:#64748b;
}

.giglance-buyer-orderBar{
  margin-top: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-buyer-orderBar .fill{
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-buyer-orderBar.danger .fill{
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

.giglance-buyer-orderBottom{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.giglance-buyer-orderBottom .status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-size: 12px;
}
.giglance-buyer-orderBottom .status.doing i{ color:#1f4f3a; }
.giglance-buyer-orderBottom .status.waiting i{ color:#f59e0b; }
.giglance-buyer-orderBottom .status.urgent i{ color:#ef4444; }

.giglance-buyer-orderBottom .actions{
  display:flex;
  gap:10px;
}
.giglance-buyer-orderBottom .mini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
}

/* Recommended gigs cards */
.giglance-buyer-gigCard{
  text-decoration:none;
  color:inherit;
  display:block;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  transition:.2s ease;
  margin-top: 20px;
}
.giglance-buyer-gigCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(31,79,58,.14);
}
.giglance-buyer-gigImg{
  position: relative;
  height: 160px;
}
.giglance-buyer-gigImg img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.giglance-buyer-gigImg .save{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-buyer-gigImg .tag{
  position:absolute;
  left:12px;
  bottom:12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.90);
  border: 1px solid rgba(31,79,58,.12);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
}
.giglance-buyer-gigBody{
  padding: 12px;
}
.giglance-buyer-gigBody b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-buyer-gigBody .meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-weight: 400;
  color:#64748b;
}
.giglance-buyer-gigBody .meta svg{ color:#f59e0b; }

.giglance-buyer-gigBody .foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top: 10px;
  font-weight: 600;
}
.giglance-buyer-gigBody .seller{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.giglance-buyer-gigBody .seller img{
  width:24px;
  height:24px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-buyer-gigBody .from b{
  font-weight: 600;
  color:#1f4f3a;
}

/* quick actions */
.giglance-buyer-quick{
  display:grid;
  gap:10px;
  margin-top: 12px;
}
.giglance-buyer-quickBtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:inherit;
  transition:.2s ease;
}
.giglance-buyer-quickBtn:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
  box-shadow: 0 22px 60px rgba(31,79,58,.12);
}
.giglance-buyer-quickBtn > i{
  width:46px;
  height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-buyer-quickBtn b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-buyer-quickBtn span{ display:block; margin-top: 4px; color:#64748b; }
.giglance-buyer-quickBtn .arr{
  margin-left:auto;
  color:#1f4f3a;
  transition:.2s ease;
}
.giglance-buyer-quickBtn:hover .arr{ transform: translateX(4px); }

/* messages */
.giglance-buyer-msgs{
  display:grid;
  gap:10px;
  margin-top: 12px;
}
.giglance-buyer-msg{
  text-decoration:none;
  color:inherit;
  display:grid;
  grid-template-columns: 44px 1fr auto;
  gap:10px;
  align-items:center;
  padding: 10px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  overflow: hidden;
}
.giglance-buyer-msg:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
}
.giglance-buyer-msg img{
  width:44px;
  height:44px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-buyer-msg b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 16px;
}
.giglance-buyer-msg span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  font-size: 16px;
}
.giglance-buyer-msg small{
  font-weight: 600;
  color:#64748b;
}

/* spend */
.giglance-buyer-spendRow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-buyer-spendBar{
  margin-top: 8px;
  height: 10px;
  border-radius: 999px;
  background: rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-buyer-spendBar .fill{
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-buyer-spendTotal{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
  font-weight: 600;
  color:#0b1f16;
}

/* Offcanvas */
.giglance-buyer-offcanvas{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}

/* Responsive tweaks */
@media (max-width: 1199px){
  .giglance-buyer-search{ min-width: 320px; }
}
@media (max-width: 991px){
  .giglance-buyer-search{ display:none; }
}
@media (max-width: 575px){
  .giglance-buyer-main{ padding: 14px; }
  .giglance-buyer-topbar{ padding: 12px; }
  .giglance-buyer-order{ grid-template-columns: 1fr; }
  .giglance-buyer-orderImg{ height: 160px; }
  .giglance-buyer-orderMeta{ text-align:left; grid-auto-flow: column; justify-content:start; }
}

/* BUYER ORDERS */
/* =====================================================
GIGLANCE — Buyer My Orders Styles
===================================================== */

/* filters */
.giglance-orders-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.giglance-orders-filter{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.85);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
  transition:.2s ease;
}
.giglance-orders-filter i{ color:#1f4f3a; font-size: 14px; }
.giglance-orders-filter select{
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right: 6px;
}
.giglance-orders-filter::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-orders-filter:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

.giglance-orders-chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.12);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-orders-chip i{ color:#1f4f3a; }
.giglance-orders-chip:hover{ transform: translateY(-1px); }
.giglance-orders-chip.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color:#0b1f16;
}
.giglance-orders-chip.active i{ color:#0b1f16; }

/* tabs */
.giglance-orders-tabs{
  position: relative;
  display:flex;
  gap:10px;
  padding: 10px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  overflow:hidden;
}
.giglance-orders-tab{
  position: relative;
  z-index: 2;
  border:none;
  background: transparent;
  padding: 10px 14px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-orders-tab:hover{ transform: translateY(-1px); }
.giglance-orders-tab.active{ color:#0b1f16; }

.giglance-orders-indicator{
  position:absolute;
  inset:10px;
  min-width: min-content;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(31,79,58,.10), rgba(182,255,26,.22));
  border: 1px solid rgba(31,79,58,.12);
  box-shadow: 0 18px 50px rgba(15,23,42,.10);
  transform: translateX(0%);
}

/* list */
.giglance-orders-list{
  display:grid;
  gap:14px;
}

/* card */
.giglance-orders-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.07);
  transition:.2s ease;
}
.giglance-orders-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 70px rgba(31,79,58,.12);
}
.giglance-orders-card a{
  color: #071b13;
  font-weight: 600;
  transition: all .4s ease;
}
.giglance-orders-card a:hover{
  color: var(--primary);
}
.giglance-orders-cardTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-orders-gig{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 0;
}
.giglance-orders-gigImg{
  width:86px;
  height:86px;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-orders-gigTitle{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-orders-sub{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 8px;
}
.giglance-orders-sub .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
  white-space: nowrap;
}
.giglance-orders-side{
  text-align:right;
  display:grid;
  gap:10px;
  justify-items:end;
}
.giglance-orders-price{
  font-weight: 600;
  font-size: 20px;
  color:#1f4f3a;
}
.giglance-orders-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  white-space: nowrap;
  font-size: 16px;
}
.giglance-orders-status.doing i{ color:#1f4f3a; }
.giglance-orders-status.waiting i{ color:#f59e0b; }
.giglance-orders-status.urgent i{ color:#ef4444; }

.giglance-orders-due{
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
  font-size: 16px;
}

/* progress */
.giglance-orders-progress .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-orders-progress .bar .fill{
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent),#b6ff1a);
}
.giglance-orders-progress .bar.warn .fill{
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-orders-progress .bar.danger .fill{
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-orders-progress .labels{
  display:flex;
  justify-content:space-between;
  margin-top: 8px;
  font-weight: 1000;
  color:#64748b;
  font-size: 12px;
}
.giglance-orders-progress .labels .active{
  color:#0b1f16;
}

/* actions */
.giglance-orders-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-orders-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-orders-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* pagination */
.giglance-orders-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-orders-pageBtn{
  text-decoration:none;
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
  border: none;
}
.giglance-orders-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-orders-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
  color: #fff;
}
.giglance-orders-pageBtn.disabled{
  opacity:.5;
  pointer-events:none;
}
.giglance-orders-pageDots{
  font-weight: 600;
  color:#64748b;
}

/* summary */
.giglance-orders-summary{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-orders-summaryHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-orders-summaryHead h5{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-orders-summaryHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}
.giglance-orders-summaryStats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-orders-summaryStats .item{
  text-align:center;
  padding: 12px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-orders-summaryStats b{
  display:block;
  font-weight: 600;
  color:#1f4f3a;
  font-size: 18px;
}
.giglance-orders-summaryStats span{
  display:block;
  margin-top: 4px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-orders-summaryBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-orders-summaryBox b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-orders-miniList{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:grid;
  gap:8px;
}
.giglance-orders-miniList li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#475569;
}
.giglance-orders-miniList i{
  margin-top: 3px;
  color:#22c55e;
}

.giglance-orders-summaryActions{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.giglance-orders-sbtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 400;
  color:#0b1f16;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-orders-sbtn i{ color:#1f4f3a; }
.giglance-orders-sbtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* responsive */
@media (max-width: 991px){
  .giglance-orders-search{ min-width: 260px; }
  .giglance-orders-summary{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-orders-topbar{
    flex-direction: column;
    align-items: stretch;
  }
  .giglance-orders-search{ min-width: 100%; }
  .giglance-orders-cardTop{ flex-direction: column; }
  .giglance-orders-side{ text-align:left; justify-items:start; }
}

/* =====================================================
GIGLANCE — Order Details Styles
===================================================== */
.giglance-od-wrap{ background: transparent; }

/* Topbar */
.giglance-od-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.giglance-od-topLeft{ display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.giglance-od-back{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 600;
  color:#1f4f3a;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-od-back:hover{ transform: translateY(-1px); }
.giglance-od-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-od-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 8px;
}
.giglance-od-meta .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
  font-size: 14px;
}
.giglance-od-meta .pill.status.doing svg{ color:#1f4f3a; }
.giglance-od-topRight{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* Buttons */
.giglance-od-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-od-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-od-btn.primary:hover{ transform: translateY(-1px); color: #fff;}
.giglance-od-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-od-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* Boxes */
.giglance-od-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-od-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-od-boxHead h5{ font-weight: 1200; color:#0b1f16; }
.giglance-od-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}
.giglance-od-pill.soft{ background: rgba(15,23,42,.03); color:#0b1f16; }

.giglance-od-pillBtn{
  border:none;
  border-radius: 999px;
  padding: 9px 12px;
  font-weight: 600;
  color:#1f4f3a;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-od-pillBtn:hover{ transform: translateY(-1px); }

/* Gig summary */
.giglance-od-gigTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-od-gigInfo{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
}
.giglance-od-gigImg{
  width:92px;
  height:92px;
  border-radius: 22px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-od-gigTitle{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.2px;
}
.giglance-od-gigSub{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 8px;
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}
.giglance-od-gigSub b{ color:#0b1f16; }
.giglance-od-gigSub .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
  margin-top: 9px;
}

.giglance-od-price{
  text-align:right;
  display:grid;
  gap:6px;
  justify-items:end;
}
.giglance-od-price small{ font-weight: 600; color:#64748b; }
.giglance-od-price b{ font-weight: 600; color:#1f4f3a; font-size: 22px; }
.giglance-od-price span{ font-weight: 600; color:#64748b; white-space: nowrap; }

/* Steps timeline */
.giglance-od-steps{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-od-step{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  min-width: 220px;
}
.giglance-od-step .num{
  width:42px;
  height:42px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-step b{ display:block; font-weight: 600; color:#0b1f16; font-size: 16px;}
.giglance-od-step small{ display:block; margin-top: 4px; font-weight: 600; color:#64748b; font-size: 16px;}

.giglance-od-step.done .num{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-od-step.active{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-od-step.active .num{
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}

.giglance-od-connector{
  height: 10px;
  width: 54px;
  border-radius: 999px;
  background: rgba(31,79,58,.10);
  flex: 0 0 auto;
}
.giglance-od-connector.done{
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-od-connector.active{
  background: linear-gradient(135deg, var(--accent), rgba(182,255,26,.55));
}

/* Empty */
.giglance-od-empty{
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
  text-align:center;
}
.giglance-od-empty .ic{
  width:60px; height:60px;
  border-radius: 22px;
  margin: 0 auto 10px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  box-shadow: 0 16px 34px rgba(31,79,58,.12);
}
.giglance-od-empty b{ font-weight: 600; color:#0b1f16; }
.giglance-od-empty p{ margin-top: 8px; font-weight: 600; color:#64748b; line-height: 1.9; }

/* Requirements */
.giglance-od-req{
  display:grid;
  gap:12px;
}
.giglance-od-reqItem{
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-reqItem b{ font-weight: 600; color:#0b1f16; }
.giglance-od-reqItem p{ margin-top: 8px; color:#475569; line-height: 1.9; }

.giglance-od-attachments{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-attachments b{ font-weight: 600; color:#0b1f16; }
.giglance-od-filesMini{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-od-fileMini{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-od-fileMini i{ color:#1f4f3a; }
.giglance-od-fileMini span{ color:#64748b; font-weight: 600; }

/* Revisions */
.giglance-od-revItem{
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-revItem .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-revItem .badge.soft{ background: rgba(255,255,255,.85); color:#0b1f16; }
.giglance-od-revItem b{ display:block; margin-top: 10px; font-weight: 600; color:#0b1f16; }
.giglance-od-revItem p{ margin-top: 8px; color:#64748b; line-height: 1.9; }

/* Activity */
.giglance-od-activity{
  display:grid;
  gap:12px;
}
.giglance-od-evt{
  display:grid;
  grid-template-columns: 14px 1fr;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-evt .dot{
  width:14px;
  height:14px;
  border-radius: 999px;
  margin-top: 4px;
  background: rgba(31,79,58,.18);
  border: 2px solid rgba(31,79,58,.18);
}
.giglance-od-evt .dot.done{
  background: rgba(182,255,26,.95);
  border-color: rgba(31,79,58,.25);
}
.giglance-od-evt .dot.doing{
  background: #1f4f3a;
  border-color: rgba(182,255,26,.55);
}
.giglance-od-evt b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-od-evt span{ display:block; margin-top: 6px; font-weight: 400; color:#64748b; }
.giglance-od-evt p{ margin-top: 8px; color:#475569; line-height: 1.9; }

/* Sidebar boxes */
.giglance-od-sideBox{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-od-sideBox + .giglance-od-sideBox{ position: sticky; } /* keep consistent */

.giglance-od-seller{
  display:flex;
  gap:12px;
  align-items:center;
}
.giglance-od-seller img{
  width:58px;
  height:58px;
  border-radius: 22px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-od-seller b{ font-weight: 1200; color:#0b1f16; }
.giglance-od-sellerMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-od-sellerMeta .online i{ color:#22c55e; }
.giglance-od-sellerMeta .rate i{ color:#f59e0b; }
.giglance-od-sellerMeta .jobs i{ color:#1f4f3a; }

.giglance-od-sideBtns{ display:grid; gap:10px; }

.giglance-od-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-od-kv{ display:grid; gap:10px; }
.giglance-od-kv .roww{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  font-size: 16px;
}
.giglance-od-kv .roww span{ color:#64748b; font-weight: 600; }
.giglance-od-kv .roww b{ color:#0b1f16; font-weight: 600; }
.giglance-od-kv .roww.total{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-od-kv .roww.total span,
.giglance-od-kv .roww.total b{ color:#0b1f16; }

/* Support card */
.giglance-od-support{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-od-support .ic{
  width:46px;
  height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  box-shadow: 0 16px 34px rgba(31,79,58,.12);
}
.giglance-od-support b{ font-weight: 600; color:#0b1f16; }
.giglance-od-support p{ margin-top: 6px; color:#64748b; line-height: 1.8; }
.giglance-od-supportBtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
}
.giglance-od-supportBtn:hover{ transform: translateY(-1px); color: #fff;}

/* Responsive */
@media (max-width: 1199px){
  .giglance-od-sideBox{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-od-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-od-gigTop{ flex-direction: column; }
  .giglance-od-price{ text-align:left; justify-items:start; }
  .giglance-od-step{ min-width: 100%; }
  .giglance-od-connector{ display:none; }
}

/* =====================================================
GIGLANCE — Messages (Inbox) Styles
===================================================== */

.giglance-msg-wrap{ background: transparent; }

/* topbar */
.giglance-msg-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-msg-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-msg-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 16px;
  color:#64748b;
}
.giglance-msg-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-msg-topActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-msg-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-msg-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-msg-btn.primary:hover{ transform: translateY(-1px); }
.giglance-msg-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-msg-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* panels */
.giglance-msg-panel{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  overflow:hidden;
}
.giglance-msg-leftTop{
  padding: 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-msg-search i{ color:#1f4f3a; }
.giglance-msg-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-size: 14px;
}

.giglance-msg-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.giglance-msg-chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-msg-chip i{ color:#1f4f3a; }
.giglance-msg-chip:hover{ transform: translateY(-1px); }
.giglance-msg-chip.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-msg-chip.active svg{ color:#0b1f16; }

.giglance-msg-list{
  max-height: calc(100vh - 240px);
  overflow:auto;
  padding: 10px;
  display:grid;
  gap:10px;
}

/* conversation item */
.giglance-msg-item{
  position: relative;
  text-decoration:none;
  color:inherit;
  display:grid;
  grid-template-columns: 56px 1fr auto;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-msg-item:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
}
.giglance-msg-item.active{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.16));
  border-color: rgba(31,79,58,.18);
}
.giglance-msg-itemBody{ min-width:0; }

.giglance-msg-itemBody .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-msg-itemBody b{
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
}
.giglance-msg-itemBody small{
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-msg-itemBody .mid{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
}
.giglance-msg-itemBody .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 10px;
  white-space: nowrap;
}
.giglance-msg-itemBody p{
  margin-top: 8px;
  color:#64748b;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.giglance-msg-unread{
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(182,255,26,.95);
  border: 1px solid rgba(31,79,58,.18);
  font-weight: 600;
  color:#0b1f16;
}

/* avatar */
.giglance-msg-ava{
  position:relative;
  width:56px;
  height:56px;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.14);
  background: rgba(255,255,255,.9);
}
.giglance-msg-ava img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.giglance-msg-ava.big{
  width:58px;
  height:58px;
}
.giglance-msg-ava .dot{
  position:absolute;
  right: 8px;
  bottom: 8px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(148,163,184,.8);
  border: 2px solid rgba(255,255,255,.95);
}
.giglance-msg-ava .dot.online{ background: #22c55e; }

/* chat */
.giglance-msg-chat{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  overflow:hidden;
  display:flex;
  flex-direction: column;
  min-height: 72vh;
}
.giglance-msg-chatHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-chatUser{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
}
.giglance-msg-chatUser b{
  font-weight: 600;
  color:#0b1f16;
  display:block;
}
.giglance-msg-chatMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}
.giglance-msg-chatMeta .online i{ color:#22c55e; }
.giglance-msg-chatMeta i.fa-star{ color:#f59e0b; }
.giglance-msg-chatMeta .sep{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
  margin-top: 7px;
}

/* icon buttons */
.giglance-msg-iconBtn{
  border:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#1f4f3a;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  margin-bottom: 5px;
}
.giglance-msg-iconBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-msg-iconBtn.soft{ width:44px; height:44px; }

/* context */
.giglance-msg-context{
  padding: 12px 14px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-contextCard{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-msg-contextCard img{
  width:72px;
  height:54px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-msg-contextCard .info{
  min-width:0;
  flex:1;
}
.giglance-msg-contextCard .info b{
  font-weight: 600;
  color:#0b1f16;
  display:block;
}
.giglance-msg-contextCard .meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 8px;
}
.giglance-msg-contextCard .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
  white-space: nowrap;
}
.giglance-msg-contextCard .pill.doing i{ color:#1f4f3a; }

.giglance-msg-cta{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-msg-cta:hover{ transform: translateY(-1px); color: #fff;}

/* body */
.giglance-msg-body{
  padding: 14px;
  overflow:auto;
  max-height: calc(100vh - 360px);
  display:grid;
  gap:12px;
}
.giglance-msg-day{
  display:flex;
  justify-content:center;
}
.giglance-msg-day span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
}

.giglance-msg-row{
  display:flex;
}
.giglance-msg-row.in{ justify-content:flex-start; }
.giglance-msg-row.out{ justify-content:flex-end; }

.giglance-msg-row .bubble{
  max-width: 720px;
  padding: 12px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-msg-row.out .bubble{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.16));
}
.giglance-msg-row .bubble p{
  color:#0b1f16;
  line-height: 1.9;
}
.giglance-msg-row .meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 10px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-msg-row .meta .sep{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}

.giglance-msg-attach{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-msg-attach i{ color:#1f4f3a; font-size: 18px; }
.giglance-msg-attach b{ font-weight: 600; display:block; }
.giglance-msg-attach span{ font-weight: 600; color:#64748b; }
.giglance-msg-attach .dl{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}

/* composer */
.giglance-msg-compose{
  padding: 12px 14px;
  border-top: 1px dashed rgba(31,79,58,.18);
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.giglance-msg-input{
  flex:1;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-msg-input textarea{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  resize:none;
  line-height: 1.8;
  max-height: 120px;
}
.giglance-msg-send{
  border:none;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight: 600;
  color:#fff;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-msg-send:hover{ transform: translateY(-1px); }

/* responsive */
@media (max-width: 991px){
  .giglance-msg-list{ max-height: none; }
  .giglance-msg-body{ max-height: 52vh; }
}
@media (max-width: 575px){
  .giglance-msg-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-msg-contextCard{ flex-direction: column; align-items: stretch; }
  .giglance-msg-contextCard img{ width:100%; height: 140px; }
  .giglance-msg-row .bubble{ max-width: 100%; }
  .giglance-msg-compose{ flex-wrap:wrap; }
  .giglance-msg-send{ width:100%; justify-content:center; }
}

/* =====================================================
GIGLANCE — Saved / Loved Gigs Styles
===================================================== */

.giglance-loved-wrap{ background: transparent; }

/* topbar */
.giglance-loved-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-loved-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-loved-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 16px;
  color:#64748b;
}
.giglance-loved-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-loved-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-loved-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 360px;
  transition:.2s ease;
}
.giglance-loved-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-loved-search i{ color:#1f4f3a; }
.giglance-loved-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  font-size: 16px;
}

/* buttons */
.giglance-loved-btn{
  border:none;
  border-radius: 18px;
  padding: 11px 14px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  text-decoration:none;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-loved-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-loved-btn.primary:hover{ transform: translateY(-1px); }
.giglance-loved-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-loved-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* filters */
.giglance-loved-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.giglance-loved-chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.12);
  font-weight: 400;
  color:#0b1f16;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-loved-chip i{ color:#1f4f3a; }
.giglance-loved-chip:hover{ transform: translateY(-1px); }
.giglance-loved-chip.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-loved-chip.active i{ color:#0b1f16; }
.giglance-loved-spacer{ flex:1; }

.giglance-loved-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.85);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
}
.giglance-loved-select i{ color:#1f4f3a; }
.giglance-loved-select select{
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.giglance-loved-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}

.giglance-loved-view{ display:flex; gap:10px; }
.giglance-loved-iconBtn{
  border:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#1f4f3a;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
  font-size: 14px;
}
.giglance-loved-iconBtn:hover{ transform: translateY(-1px); }
.giglance-loved-iconBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  border: none;
}

/* card */
.giglance-loved-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow:hidden;
  transition:.2s ease;
  height:100%;
}
.giglance-loved-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 70px rgba(31,79,58,.12);
}
.giglance-loved-cover{
  position: relative;
  display:block;
  height: 190px;
  overflow:hidden;
}
.giglance-loved-cover img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.giglance-loved-card:hover .giglance-loved-cover img{
  transform: scale(1.05);
}

/* badges */
.giglance-loved-badge{
  position:absolute;
  left: 12px;
  top: 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.12);
  backdrop-filter: blur(10px);
  font-size: 12px;
}
.giglance-loved-badge.rate{
  left:auto;
  right: 12px;
  top: 12px;
}
.giglance-loved-badge.top{
  background: linear-gradient(135deg, rgba(31,79,58,.10), rgba(182,255,26,.25));
}
.giglance-loved-badge i.fa-star{ color:#f59e0b; }

.giglance-loved-heart{
  position:absolute;
  right: 12px;
  bottom: 12px;
  border:none;
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.12);
  color:#ef4444;
  transition:.2s ease;
}
.giglance-loved-heart:hover{ transform: translateY(-1px); }
.giglance-loved-heart.active{
  background: rgba(239,68,68,.12);
  border-color: rgba(239,68,68,.20);
  box-shadow: 0 14px 30px rgba(239,68,68,.10);
}

/* body */
.giglance-loved-body{ padding: 14px; }

.giglance-loved-seller{
  display:flex;
  gap:10px;
  align-items:center;
}
.giglance-loved-seller img{
  width:44px;
  height:44px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.14);
}
.giglance-loved-seller b{
  font-weight: 600;
  color:#0b1f16;
  display:block;
}
.giglance-loved-seller span{
  margin-top: 4px;
  display:block;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-loved-seller i.fa-circle{ color:#22c55e; font-size: 10px; }
.giglance-loved-seller i.fa-circle.muted{ color:#94a3b8; }

.giglance-loved-titleLink{
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  margin-top: 10px;
  text-decoration:none;
  color:#0b1f16;
  line-height: 1.6;
}
.giglance-loved-titleLink:hover{ color:#1f4f3a; }

.giglance-loved-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 10px;
}
.giglance-loved-tags .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
  white-space: nowrap;
}

.giglance-loved-foot{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
}
.giglance-loved-foot .price small{
  display:block;
  font-weight: 400;
  color:#64748b;
}
.giglance-loved-foot .price b{
  font-weight: 600;
  color:#1f4f3a;
  font-size: 20px;
}
.giglance-loved-foot .meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}
.giglance-loved-foot .meta i{ color:#1f4f3a; }

.giglance-loved-cta{ display:grid; }

/* pagination */
.giglance-loved-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-loved-pageBtn{
  text-decoration:none;
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-loved-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-loved-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-loved-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-loved-dots{ font-weight: 1200; color:#64748b; }

/* sidebar */
.giglance-loved-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-loved-sideHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-loved-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-loved-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

.giglance-loved-collections{ display:grid; gap:10px; }
.giglance-loved-col{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-loved-col:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-loved-col.active{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.18));
  border-color: rgba(31,79,58,.18);
}
.giglance-loved-col .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-loved-col b{ font-weight: 600; display:block; font-size: 16px;}
.giglance-loved-col span{
  display:block;
  margin-top: 4px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-loved-col .arr{
  margin-left:auto;
  color:#94a3b8;
}

.giglance-loved-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-loved-sideBox b{ font-weight: 1200; color:#0b1f16; }
.giglance-loved-sideBox p{
  margin-top: 8px;
  font-weight: 600;
  color:#64748b;
  line-height: 1.9;
}
.giglance-loved-sideBtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-loved-sideBtn:hover{ transform: translateY(-1px); color: #fff;}

/* responsive */
@media (max-width: 1199px){
  .giglance-loved-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-loved-search{ min-width: 260px; }
}
@media (max-width: 575px){
  .giglance-loved-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-loved-search{ min-width: 100%; }
}

/* =====================================================
GIGLANCE — Buyer Profile Styles
===================================================== */

.giglance-prof-wrap{ background: transparent; }

/* topbar */
.giglance-prof-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-prof-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-prof-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 16px;
  color:#64748b;
}
.giglance-prof-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-prof-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-prof-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-prof-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-prof-btn.primary:hover{ transform: translateY(-1px); }
.giglance-prof-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-prof-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-prof-btn.ghost{
  background: transparent;
  border: 1px dashed rgba(31,79,58,.22);
  color:#0b1f16;
}
.giglance-prof-btn.ghost:hover{
  transform: translateY(-1px);
  background: rgba(15,23,42,.02);
}
.giglance-prof-btn.danger{
  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.20);
  color:#b91c1c;
}
.giglance-prof-btn.danger:hover{ transform: translateY(-1px); }

/* box */
.giglance-prof-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-prof-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-prof-boxHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-prof-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
}
.giglance-prof-pill.soft{ background: rgba(15,23,42,.03); color:#0b1f16; }
.giglance-prof-pill.good{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }

/* avatar card */
.giglance-prof-avaCard{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-prof-avaWrap{
  position: relative;
  border-radius: 24px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.14);
  background: rgba(255,255,255,.9);
}
.giglance-prof-avaWrap img{
  width:100%;
  height: 230px;
  object-fit: cover;
  display:block;
}
.giglance-prof-avaBadge{
  position:absolute;
  left: 12px;
  bottom: 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  backdrop-filter: blur(10px);
  font-size: 14px;
}
.giglance-prof-avaBadge i{ color:#22c55e; font-size: 10px; }
.giglance-prof-avaBtns{ display:grid; gap:10px; }

.giglance-prof-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#64748b;
  line-height: 1.8;
}
.giglance-prof-note i{ color:#1f4f3a; margin-top: 3px; }

/* form */
.giglance-prof-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-prof-field,
.giglance-prof-select{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-prof-field:focus-within,
.giglance-prof-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-prof-field i,
.giglance-prof-select i{
  color:#1f4f3a;
  margin-top: 4px;
}
.giglance-prof-field input,
.giglance-prof-field textarea{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.8;
  font-size: 16px;
}
.giglance-prof-field.textarea{ align-items:flex-start; }
.giglance-prof-field textarea{ resize:none; }

.giglance-prof-select{
  position: relative;
  padding-right: 44px;
}
.giglance-prof-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding: 5px 12px;
}
.giglance-prof-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}

.giglance-prof-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top: 8px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-prof-help i{ color:#1f4f3a; }
.giglance-prof-divider{
  height: 1px;
  background: rgba(31,79,58,.15);
  opacity: .7;
}
.giglance-prof-inlineActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* prefs */
.giglance-prof-prefs{ display:grid; gap:10px; }
.giglance-prof-pref{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-prof-pref b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-prof-pref span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
}

/* switch */
.giglance-prof-switch{
  position: relative;
  width: 52px;
  height: 30px;
  flex: 0 0 auto;
}
.giglance-prof-switch input{
  opacity: 0;
  width:0; height:0;
}
.giglance-prof-switch .slider{
  position:absolute; inset:0;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(31,79,58,.14);
  border-radius: 999px;
  transition:.2s ease;
}
.giglance-prof-switch .slider:before{
  content:"";
  position:absolute;
  width: 22px; height: 22px;
  left: 4px; top: 50%;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
}
.giglance-prof-switch input:checked + .slider{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-prof-switch input:checked + .slider:before{
  left: 26px;
}

/* security cards */
.giglance-prof-secCard{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-prof-secCard:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-prof-secCard .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-prof-secCard b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-prof-secCard span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
  line-height: 1.7;
}
.giglance-prof-secCard .go{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#94a3b8;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  text-decoration:none;
}

/* sidebar */
.giglance-prof-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-prof-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-prof-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-prof-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

.giglance-prof-summary{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-prof-summary .item{
  text-align:center;
  padding: 12px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-prof-summary b{
  display:block;
  font-weight: 600;
  color:#1f4f3a;
  font-size: 18px;
}
.giglance-prof-summary span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
}

.giglance-prof-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-prof-sideBox b{ font-weight: 600; color:#0b1f16; }
.giglance-prof-sideBox p{
  margin-top: 8px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-prof-vlist{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-prof-vlist li{
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-prof-vlist li i{ color:#94a3b8; }
.giglance-prof-vlist li.ok i{ color:#22c55e; }

.giglance-prof-sideBtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-prof-sideBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}

.giglance-prof-social{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.giglance-prof-social .soc{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-prof-social .soc:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-prof-social .soc i{ color:#1f4f3a; }
.giglance-prof-social .soc.apple i{ color:#0b1f16; }
.giglance-prof-social .soc.fb i{ color:#1877f2; }
.giglance-prof-social .soc.google i{ color:#ea4335; }
.giglance-prof-sideBox .hint{
  margin-top: 10px;
  color:#64748b;
  line-height: 1.8;
}

/* responsive */
@media (max-width: 1199px){
  .giglance-prof-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-prof-topbar{ flex-direction: column; align-items: stretch; }
}

/* =====================================================
GIGLANCE — Billing & Payments Styles
===================================================== */

.giglance-bill-wrap{ background: transparent; }

/* topbar */
.giglance-bill-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-bill-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-bill-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 16px;
  color:#64748b;
}
.giglance-bill-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-bill-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-bill-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-bill-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-bill-btn.primary:hover{ transform: translateY(-1px); }
.giglance-bill-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-bill-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* boxes */
.giglance-bill-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-bill-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-bill-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-bill-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
  font-size: 16px;
}
.giglance-bill-pill.soft{ background: rgba(15,23,42,.03); color:#0b1f16; }
.giglance-bill-pill.good{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }

/* stats */
.giglance-bill-stat{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-bill-stat:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-bill-stat .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-bill-stat b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-bill-stat span{
  display:block;
  margin-top: 4px;
  font-weight: 400;
  color:#64748b;
  font-size: 12px;
}
.giglance-bill-stat .go{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#94a3b8;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  text-decoration:none;
}

.giglance-bill-mini{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-bill-miniItem{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-bill-miniItem .k{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
}
.giglance-bill-miniItem .k i{ color:#1f4f3a; }
.giglance-bill-miniItem b{
  display:block;
  margin-top: 8px;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}

/* payment cards */
.giglance-bill-payCard{
  position: relative;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  overflow:hidden;
  transition:.2s ease;
}
.giglance-bill-payCard:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-bill-payCard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 20% 10%, rgba(182,255,26,.35), transparent 45%),
              radial-gradient(circle at 90% 80%, rgba(31,79,58,.22), transparent 45%);
  opacity:.6;
  pointer-events:none;
}
.giglance-bill-payCard > *{ position: relative; z-index: 1; }

.giglance-bill-payCard .top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.giglance-bill-payCard .brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-bill-payCard .brand i{ font-size: 22px; color:#1f4f3a; }
.giglance-bill-payCard .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-bill-payCard .badge.default{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-bill-payCard .num{
  margin-top: 14px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing: 1px;
  font-size: 16px;
}
.giglance-bill-payCard .bot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
}
.giglance-bill-payCard small{
  display:block;
  font-weight: 600;
  color:#64748b;
}
.giglance-bill-payCard b{
  display:block;
  margin-top: 4px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-bill-payCard .actions{
  display:flex;
  gap:10px;
  margin-top: 12px;
}
.giglance-bill-iconBtn{
  border:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#1f4f3a;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-bill-iconBtn:hover{ transform: translateY(-1px); }
.giglance-bill-iconBtn.danger{
  color:#b91c1c;
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.18);
}

.giglance-bill-payCard.active{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.18));
  border-color: rgba(31,79,58,.18);
}

.giglance-bill-payCard.momo .brand i{ color:#0ea5e9; }

/* add card */
.giglance-bill-addCard{
  height:100%;
  text-decoration:none;
  display:grid;
  place-items:center;
  text-align:center;
  gap:6px;
  padding: 16px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.25);
  background: rgba(15,23,42,.02);
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-bill-addCard:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-bill-addCard .ic{
  width:54px; height:54px;
  border-radius: 22px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  box-shadow: 0 16px 34px rgba(31,79,58,.12);
}
.giglance-bill-addCard b{ font-weight: 600; }
.giglance-bill-addCard span{
  font-weight: 400;
  color:#64748b;
  line-height: 1.8;
}

/* fields */
.giglance-bill-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-bill-field,
.giglance-bill-select{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 14px;
}
.giglance-bill-field:focus-within,
.giglance-bill-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-bill-field i,
.giglance-bill-select i{
  color:#1f4f3a;
  margin-top: 4px;
}
.giglance-bill-field input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  line-height: 1.8;
}

.giglance-bill-select{
  position: relative;
  padding-right: 44px;
}
.giglance-bill-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding: 2px 12px;
}
.giglance-bill-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-bill-select.sm{ padding: 10px 44px 10px 12px; border-radius: 16px; }
.giglance-bill-select.sm select{ font-size: 13px; }

/* invoice tools */
.giglance-bill-invTools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-bill-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 240px;
  transition:.2s ease;
}
.giglance-bill-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-bill-search i{ color:#1f4f3a; }
.giglance-bill-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  font-size: 14px;
}

/* table */
.giglance-bill-table{
  border-collapse: separate;
  border-spacing: 0 10px;
}
.giglance-bill-table thead th{
  border: none !important;
  color:#64748b;
  font-weight: 600;
  font-size: 16px;
}
.giglance-bill-table tbody tr{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-size: 14px;
}
.giglance-bill-table tbody td{
  border: none !important;
  padding: 14px 12px;
  vertical-align: middle;
}
.giglance-bill-table tbody tr td:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.giglance-bill-table tbody tr td:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.giglance-bill-invId{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-bill-invId i{ color:#1f4f3a; }

.giglance-bill-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  white-space: nowrap;
}
.giglance-bill-status.paid{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-bill-status.pending{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#92400e; }
.giglance-bill-status.refunded{ background: rgba(239,68,68,.10); border-color: rgba(239,68,68,.18); color:#b91c1c; }

.giglance-bill-rowBtn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  margin-left: 8px;
  white-space: nowrap;
}
.giglance-bill-rowBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-bill-rowBtn i{ color:#1f4f3a; }

/* pagination */
.giglance-bill-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-bill-pageBtn{
  text-decoration:none;
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-bill-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-bill-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-bill-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-bill-dots{ font-weight: 1200; color:#64748b; }

/* sidebar */
.giglance-bill-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-bill-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-bill-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-bill-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

.giglance-bill-pref{ display:grid; gap:10px; }
.giglance-bill-pref .roww{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-bill-pref b{ font-weight: 600; color:#0b1f16; display:block; font-size: 16px;}
.giglance-bill-pref span{ display:block; margin-top: 6px; font-weight: 600; color:#64748b; font-size: 12px; }

.giglance-bill-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-bill-sideBox b{ font-weight: 600; color:#0b1f16; }
.giglance-bill-sideBox p{ margin-top: 8px; color:#64748b; line-height: 1.9; }

.giglance-bill-sideBtn{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 18px;
  font-weight: 600;
  color:#0b1f16;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  transition:.2s ease;
}
.giglance-bill-sideBtn:hover{ transform: translateY(-1px); color: #fff;}

/* modal */
.giglance-bill-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-bill-modal .modal-title{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-bill-mtabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-bill-mtabs .mtab{
  border:none;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-bill-mtabs .mtab.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
  color: #fff;
}
.giglance-bill-modalNote{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#64748b;
}
.giglance-bill-modalNote i{ color:#1f4f3a; }

@media (max-width: 1199px){
  .giglance-bill-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-bill-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-bill-mini{ grid-template-columns: 1fr; }
  .giglance-bill-search{ min-width: 100%; }
}

/* =====================================================
GIGLANCE — Security Styles
===================================================== */

.giglance-sec-wrap{ background: transparent; }

/* topbar */
.giglance-sec-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-sec-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-sec-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-size: 16px;
  color:#64748b;
}
.giglance-sec-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-sec-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-sec-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-sec-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-sec-btn.primary:hover{ transform: translateY(-1px); }
.giglance-sec-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-sec-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sec-btn.danger{
  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.20);
  color:#b91c1c;
}
.giglance-sec-btn.danger:hover{ transform: translateY(-1px); }

/* boxes */
.giglance-sec-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-sec-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-sec-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-sec-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  white-space: nowrap;
  font-size: 16px;
}
.giglance-sec-pill.good{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-sec-pill.warn{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }

/* stats */
.giglance-sec-stat{
  position: relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  overflow:hidden;
}
.giglance-sec-stat:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sec-stat::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 15% 15%, rgba(182,255,26,.35), transparent 50%),
    radial-gradient(circle at 85% 85%, rgba(31,79,58,.22), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.giglance-sec-stat > *{ position: relative; z-index: 1; }

.giglance-sec-stat .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-sec-stat b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-sec-stat span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
}
.giglance-sec-stat .go{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#94a3b8;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  text-decoration:none;
}
.giglance-sec-stat .spark{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
}

/* mini grid */
.giglance-sec-mini{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-sec-mini .it{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sec-mini .k{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
}
.giglance-sec-mini .k i{ color:#1f4f3a; }
.giglance-sec-mini b{
  display:block;
  margin-top: 8px;
  color:#64748b;
}

/* fields */
.giglance-sec-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-sec-field{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 11px 50px 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-sec-field:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-sec-field i{ color:#1f4f3a; }
.giglance-sec-field input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-size: 16px;
}
.giglance-sec-eye{
  position:absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width:40px; height:40px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#64748b;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.giglance-sec-eye:hover{ transform: translateY(-50%) translateY(-1px); color:#1f4f3a; }

/* strength */
.giglance-sec-strength{
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sec-strength .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.10);
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sec-strength .bar span{
  display:block;
  height:100%;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-radius: 999px;
}
.giglance-sec-strength .txt{
  margin-top: 10px;
}
.giglance-sec-strength b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sec-strength span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
}
.giglance-sec-inline{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* 2FA cards */
.giglance-sec-2faCard{
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  height:100%;
}
.giglance-sec-2faCard:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sec-2faCard .head{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-sec-2faCard .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-sec-2faCard b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-sec-2faCard span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
  line-height: 1.7;
}

/* notes */
.giglance-sec-note{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
}
.giglance-sec-note i{ color:#1f4f3a; }

/* devices */
.giglance-sec-devList{ display:grid; gap:10px; }
.giglance-sec-device{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-sec-device:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sec-device .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-sec-device .info b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-sec-device .info span{
  display:block;
  margin-top: 4px;
  color:#64748b;
  font-size: 14px;
  line-height: 1.7;
}
.giglance-sec-device .tag{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-sec-device .tag.good{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.20);
  color:#14532d;
}
.giglance-sec-miniBtn{
  width:44px; height:44px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#64748b;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.giglance-sec-miniBtn:hover{ transform: translateY(-1px); color:#1f4f3a; }
.giglance-sec-miniBtn.danger{
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.18);
  color:#b91c1c;
}

/* sidebar */
.giglance-sec-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-sec-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-sec-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-sec-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

.giglance-sec-toggles{ display:grid; gap:10px; }
.giglance-sec-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sec-toggle b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-sec-toggle span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
  font-size: 14px;
}

/* switch */
.giglance-sec-switch{
  position: relative;
  width: 52px;
  height: 30px;
  flex: 0 0 auto;
}
.giglance-sec-switch input{ opacity:0; width:0; height:0; }
.giglance-sec-switch .slider{
  position:absolute; inset:0;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(31,79,58,.14);
  border-radius: 999px;
  transition:.2s ease;
}
.giglance-sec-switch .slider:before{
  content:"";
  position:absolute;
  width: 22px; height: 22px;
  left: 4px; top: 50%;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
}
.giglance-sec-switch input:checked + .slider{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-sec-switch input:checked + .slider:before{ left: 26px; }

.giglance-sec-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sec-sideBox b{ font-weight: 600; color:#0b1f16; }
.giglance-sec-sideBox p{
  margin-top: 8px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-sec-list{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-sec-list li{
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-sec-list li i{ color:#94a3b8; }
.giglance-sec-list li.ok i{ color:#22c55e; }

@media (max-width: 1199px){
  .giglance-sec-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-sec-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-sec-mini{ grid-template-columns: 1fr 1fr; }
}

/* =====================================================
GIGLANCE — Notifications Styles
===================================================== */

.giglance-notif-wrap{ background: transparent; }

/* topbar */
.giglance-notif-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-notif-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-notif-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 6px;
  font-weight: 600;
  font-size: 14px;
  color:#64748b;
}
.giglance-notif-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-notif-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-notif-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-notif-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-notif-btn.primary:hover{ transform: translateY(-1px); }
.giglance-notif-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-notif-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* box */
.giglance-notif-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-notif-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-notif-boxHead h5{ font-weight: 600; color:#0b1f16; }

/* tools */
.giglance-notif-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-notif-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 260px;
  transition:.2s ease;
}
.giglance-notif-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-notif-search i{ color:#1f4f3a; }
.giglance-notif-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  font-size: 14px;
}

.giglance-notif-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-notif-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-notif-select i{ color:#1f4f3a; }
.giglance-notif-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.giglance-notif-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-notif-select.sm select{ font-size: 13px; }

/* list */
.giglance-notif-list{ display:grid; gap:10px; }
.giglance-notif-item{
  position: relative;
  text-decoration:none;
  display:flex;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  overflow:hidden;
}
.giglance-notif-item:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-notif-item::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 10% 20%, rgba(182,255,26,.28), transparent 55%),
    radial-gradient(circle at 90% 80%, rgba(31,79,58,.18), transparent 55%);
  opacity: .55;
  pointer-events:none;
}
.giglance-notif-item > *{ position: relative; z-index: 1; }

.giglance-notif-item .ic{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex: 0 0 auto;
}
.giglance-notif-item .ic.order{ color:#1f4f3a; }
.giglance-notif-item .ic.msg{ color:#0ea5e9; }
.giglance-notif-item .ic.warn{ color:#f59e0b; }
.giglance-notif-item .ic.pay{ color:#8b5cf6; }
.giglance-notif-item .ic.sys{ color:#10b981; }
.giglance-notif-item .ic.promo{ color:#ef4444; }

.giglance-notif-item .info{ flex:1; }
.giglance-notif-item .top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.giglance-notif-item b{
  font-weight: 600;
  color:#0b1f16;
  font-size: 16px;
}
.giglance-notif-item .time{
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  white-space: nowrap;
}
.giglance-notif-item p{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.85;
}
.giglance-notif-item .tag{
  display:inline-flex;
  align-items:center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  margin-right: 8px;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-notif-item .meta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top: 8px;
  color:#64748b;
  font-weight: 600;
  font-size: 12px;
}
.giglance-notif-item .meta i{ color:#1f4f3a; margin-right: 6px; }

.giglance-notif-item.unread{
  border-color: rgba(31,79,58,.20);
  box-shadow: 0 16px 40px rgba(31,79,58,.10);
}
.giglance-notif-item.unread .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #b6ff1a;
  border: 2px solid rgba(31,79,58,.65);
  align-self: center;
  flex: 0 0 auto;
}

/* pagination */
.giglance-notif-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-notif-pageBtn{
  text-decoration:none;
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-notif-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-notif-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-notif-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-notif-dots{ font-weight: 600; color:#64748b; }

/* sidebar */
.giglance-notif-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-notif-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-notif-sideHead h5{ font-weight: 900; color:#0b1f16; }
.giglance-notif-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

.giglance-notif-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-notif-sideBox > b{ font-weight: 600; color:#0b1f16; font-size: 16px;}

/* toggle rows */
.giglance-notif-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  margin-top: 10px;
}
.giglance-notif-toggle b{ font-weight: 600; color:#0b1f16; display:block; font-size: 16px;}
.giglance-notif-toggle span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
  font-size: 14px;
}

/* switch */
.giglance-notif-switch{
  position: relative;
  width: 52px;
  height: 30px;
  flex: 0 0 auto;
}
.giglance-notif-switch input{ opacity:0; width:0; height:0; }
.giglance-notif-switch .slider{
  position:absolute; inset:0;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(31,79,58,.14);
  border-radius: 999px;
  transition:.2s ease;
}
.giglance-notif-switch .slider:before{
  content:"";
  position:absolute;
  width: 22px; height: 22px;
  left: 4px; top: 50%;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
}
.giglance-notif-switch input:checked + .slider{
  background: linear-gradient(135deg, var(--accent),#b6ff1a);
  border: none;
}
.giglance-notif-switch input:checked + .slider:before{ left: 26px; }

/* chips (checkbox pills) */
.giglance-notif-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-notif-chips .chip{
  cursor:pointer;
  user-select:none;
}
.giglance-notif-chips .chip input{ display:none; }
.giglance-notif-chips .chip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-notif-chips .chip span i{ color:#1f4f3a; }
.giglance-notif-chips .chip input:checked + span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}

.giglance-notif-note{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
}
.giglance-notif-note i{ color:#1f4f3a; }

@media (max-width: 1199px){
  .giglance-notif-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-notif-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-notif-search{ min-width: 100%; }
}

/* =====================================================
GIGLANCE — Buyer Tools: Briefs / Projects Styles
===================================================== */

.giglance-brief-wrap{ background: transparent; }

/* topbar */
.giglance-brief-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-brief-topLeft{ display:flex; flex-direction:column; gap:6px; }
.giglance-brief-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  font-size: 16px;
}
.giglance-brief-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-brief-title .sub{
  font-weight: 600;
  font-size: 14px;
  margin-left: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  vertical-align: middle;
}
.giglance-brief-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 16px;
  color:#64748b;
  flex-wrap:wrap;
}
.giglance-brief-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-brief-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-brief-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 16px;
  text-decoration: none;
}
.giglance-brief-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-brief-btn.primary:hover{ transform: translateY(-1px); }
.giglance-brief-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-brief-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* strip */
.giglance-brief-strip{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-brief-strip .it{
  display:flex;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-brief-strip .it:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-brief-strip .it::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 15% 15%, rgba(182,255,26,.28), transparent 55%),
    radial-gradient(circle at 90% 80%, rgba(31,79,58,.16), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.giglance-brief-strip .it > *{ position: relative; z-index: 1; }
.giglance-brief-strip i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex: 0 0 auto;
}
.giglance-brief-strip b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-brief-strip span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
  font-size: 16px;
}

/* box */
.giglance-brief-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-brief-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-brief-boxHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-brief-miniActions{ display:flex; gap:10px; flex-wrap:wrap; }

/* templates */
.giglance-brief-tpl{
  position: relative;
  text-decoration:none;
  display:block;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  overflow:hidden;
  height:100%;
}
.giglance-brief-tpl:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-brief-tpl::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 12% 18%, rgba(182,255,26,.30), transparent 55%),
    radial-gradient(circle at 90% 85%, rgba(31,79,58,.16), transparent 55%);
  opacity:.6;
  pointer-events:none;
}
.giglance-brief-tpl > *{ position: relative; z-index: 1; }
.giglance-brief-tpl .ic{
  width:54px; height:54px;
  border-radius: 22px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  box-shadow: 0 16px 34px rgba(31,79,58,.12);
}
.giglance-brief-tpl b{
  display:block;
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-brief-tpl span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
}
.giglance-brief-tpl em{
  display:inline-flex;
  align-items:center;
  margin-top: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-style: normal;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  font-size: 16px;
}

/* tools */
.giglance-brief-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-brief-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 260px;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-brief-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-brief-search i{ color:#1f4f3a; }
.giglance-brief-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
}

.giglance-brief-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-brief-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-brief-select i{ color:#1f4f3a; }
.giglance-brief-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.giglance-brief-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-brief-select.sm select{ font-size: 13px; }

/* brief card */
.giglance-brief-card{
  display:flex;
  gap:14px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-brief-card:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-brief-card::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 10% 15%, rgba(182,255,26,.26), transparent 55%),
    radial-gradient(circle at 92% 85%, rgba(31,79,58,.16), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.giglance-brief-card > *{ position: relative; z-index: 1; }

.giglance-brief-card .left{ flex: 1; min-width: 0; }
.giglance-brief-card .right{
  width: 270px;
  flex: 0 0 auto;
  border-left: 1px dashed rgba(31,79,58,.18);
  padding-left: 14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}
.giglance-brief-card .badgeRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-brief-card .st,
.giglance-brief-card .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-brief-card .st i{ font-size: 10px; }
.giglance-brief-card .st.open{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-brief-card .st.shortlist{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-brief-card .st.draft{ background: rgba(100,116,139,.12); border-color: rgba(100,116,139,.20); color:#334155; }

.giglance-brief-card .ttl{
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.35;
}
.giglance-brief-card .desc{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.9;
}
.giglance-brief-card .meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top: 12px;
  color:#64748b;
  font-weight: 600;
  font-size: 14px;
}
.giglance-brief-card .meta i{ color:#1f4f3a; margin-right: 6px; }

.giglance-brief-card .budget small{
  display:block;
  font-weight: 600;
  color:#64748b;
}
.giglance-brief-card .budget b{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}

/* pagination */
.giglance-brief-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-brief-pageBtn{
  text-decoration:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-brief-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-brief-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-brief-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-brief-dots{ font-weight: 1200; color:#64748b; }

/* sidebar */
.giglance-brief-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-brief-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-brief-sideHead h5{ font-weight: 1200; color:#0b1f16; }
.giglance-brief-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-brief-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-brief-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-brief-field,
.giglance-brief-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-brief-field:focus-within,
.giglance-brief-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-brief-field i,
.giglance-brief-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-brief-field input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  line-height: 1.8;
}
.giglance-brief-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  line-height: 1.9;
  resize: vertical;
  min-height: 120px;
  font-size: 16px;
}

.giglance-brief-tips{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-brief-tips li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.giglance-brief-tips i{ color:#22c55e; margin-top: 2px; }

/* modal */
.giglance-brief-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-brief-modal .modal-title{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-brief-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-brief-stepper .s{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-brief-stepper .s span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-brief-stepper .s.active{ color:#0b1f16; }
.giglance-brief-stepper .s.active span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-brief-stepper .line{
  flex:1;
  height: 2px;
  background: rgba(31,79,58,.18);
  border-radius: 999px;
}

/* preview */
.giglance-brief-preview{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-brief-preview .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-brief-preview .hd b{ font-weight: 600; color:#0b1f16; }
.giglance-brief-preview .hd .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-brief-preview .pv{
  margin-top: 12px;
  display:grid;
  gap:10px;
}
.giglance-brief-preview .roww{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-brief-preview .k{ font-weight: 600; color:#64748b; font-size: 16px;}
.giglance-brief-preview .v{ font-weight: 600; color:#0b1f16; font-size: 16px;}
.giglance-brief-preview .v.good{
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.20);
  color:#14532d;
  white-space: nowrap;
}
.giglance-brief-budgetBox{
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-brief-budgetBox .top b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-brief-budgetBox .top .small{ display:block; margin-top: 6px; color:#64748b; font-size: 16px;}
.giglance-brief-hint{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-brief-hint i{ color:#1f4f3a; margin-top: 2px; }

@media (max-width: 1199px){
  .giglance-brief-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-brief-strip{ grid-template-columns: 1fr 1fr; }
  .giglance-brief-card{ flex-direction: column; }
  .giglance-brief-card .right{ width: 100%; border-left: none; padding-left: 0; border-top: 1px dashed rgba(31,79,58,.18); padding-top: 12px; }
}
@media (max-width: 575px){
  .giglance-brief-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-brief-search{ min-width: 100%; }
  .giglance-brief-strip{ grid-template-columns: 1fr; }
}

/* =====================================================
GIGLANCE — Buyer Tools: Compare Gigs Styles
===================================================== */

.giglance-cmpr-wrap{ background: transparent; }

/* topbar */
.giglance-cmpr-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-cmpr-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-cmpr-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-cmpr-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 14px;
  color:#64748b;
  flex-wrap:wrap;
  margin-top: 6px;
}
.giglance-cmpr-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-cmpr-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-cmpr-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 400;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-cmpr-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-cmpr-btn.primary:hover{ transform: translateY(-1px); }
.giglance-cmpr-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-cmpr-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* sticky bar */
.giglance-cmpr-bar{
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position: sticky;
  top: 90px;
  z-index: 20;
}
.giglance-cmpr-barLeft b{ font-weight: 1200; color:#0b1f16; display:block; }
.giglance-cmpr-mini{
  display:inline-block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}

.giglance-cmpr-slots{
  display:flex;
  gap:10px;
  align-items:stretch;
  flex: 1;
  justify-content:center;
  flex-wrap:wrap;
}
.giglance-cmpr-slot{
  width: 320px;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px;
  border-radius: 20px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  position: relative;
  overflow:hidden;
}
.giglance-cmpr-slot .av{
  width:44px; height:44px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-cmpr-slot .tx{ min-width:0; }
.giglance-cmpr-slot .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.giglance-cmpr-slot .tx span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-cmpr-online{ color:#22c55e; font-size: 10px; }
.giglance-cmpr-offline{ color:#94a3b8; font-size: 10px; }
.giglance-cmpr-slot .x{
  margin-left:auto;
  width:38px; height:38px;
  border-radius: 14px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#64748b;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.giglance-cmpr-slot .x:hover{
  transform: translateY(-1px);
  color:#ef4444;
  border-color: rgba(239,68,68,.25);
  background: rgba(239,68,68,.08);
}

.giglance-cmpr-barActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* box */
.giglance-cmpr-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-cmpr-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-cmpr-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-cmpr-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-cmpr-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 8px 44px 8px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-cmpr-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-cmpr-select i{ color:#1f4f3a; }
.giglance-cmpr-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-cmpr-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-cmpr-select.sm select{ font-size: 13px; }

/* table */
.giglance-cmpr-tableWrap{
  overflow:auto;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.02);
}
.giglance-cmpr-table{
  width: 100%;
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
}
.giglance-cmpr-table th,
.giglance-cmpr-table td{
  vertical-align: top;
  padding: 14px;
  border-bottom: 1px solid rgba(31,79,58,.10);
}
.giglance-cmpr-table thead th{
  background: rgba(255,255,255,.88);
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid rgba(31,79,58,.12);
}
.giglance-cmpr-table .rowHead{
  width: 260px;
  background: rgba(255,255,255,.90);
  position: sticky;
  left: 0;
  z-index: 3;
}
.giglance-cmpr-table tbody tr:hover td{ background: rgba(182,255,26,.06); }
.giglance-cmpr-table tbody tr:hover td.rowHead{ background: rgba(255,255,255,.95); }

.giglance-cmpr-table .rowHead .lbl{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-cmpr-table .rowHead .lbl svg{ color:#1f4f3a; }
.giglance-cmpr-table .rowHead small{
  display:block;
  margin-top: 8px;
  color:#64748b;
  line-height: 1.8;
}
.giglance-cmpr-table td .val{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-cmpr-table td .sub{
  display:block;
  margin-top: 8px;
  color:#64748b;
  font-weight: 600;
  line-height: 1.8;
  font-size: 14px;
}

/* gig header cards inside table */
.giglance-cmpr-gigHead{
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  overflow:hidden;
}
.giglance-cmpr-gigHead .top{
  position: relative;
  height: 120px;
}
.giglance-cmpr-gigHead .top img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
.giglance-cmpr-gigHead .badge{
  position:absolute;
  left: 10px;
  bottom: 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-cmpr-gigHead .badge.rec{
  background: rgba(182,255,26,.32);
  border-color: rgba(31,79,58,.14);
}
.giglance-cmpr-gigHead .badge.good{
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.20);
  color:#14532d;
}
.giglance-cmpr-gigHead .btm{
  padding: 12px;
}
.giglance-cmpr-gigHead .btm b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.35;
}
.giglance-cmpr-gigHead .btm span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-cmpr-gigHead .mini{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top: 10px;
}
.giglance-cmpr-gigHead .mini .rt,
.giglance-cmpr-gigHead .mini .lv{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-cmpr-gigHead .mini .rt svg{ color:#f59e0b; }
.giglance-cmpr-gigHead .mini em{ font-style: normal; color:#64748b; }

.giglance-cmpr-gigHead .cta{
  padding: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
  background: rgba(255,255,255,.55);
}

/* list */
.giglance-cmpr-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-cmpr-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  line-height: 1.7;
}
.giglance-cmpr-list i.fa-check{ color:#22c55e; margin-top: 2px; }
.giglance-cmpr-list i.fa-xmark{ color:#ef4444; margin-top: 2px; }

/* separators */
.giglance-cmpr-table tr.sep td,
.giglance-cmpr-table tr.sep th{ border-top: 1px solid rgba(31,79,58,.14); }
.giglance-cmpr-table tr.foot td{ background: rgba(255,255,255,.65); }

.giglance-cmpr-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#64748b;
}
.giglance-cmpr-note i{ color:#1f4f3a; }
.giglance-cmpr-link{
  text-decoration:none;
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space: nowrap;
}
.giglance-cmpr-link:hover{ text-decoration: underline; }

/* mobile picker (visual only) */
.giglance-cmpr-mobilePick{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
}
.giglance-cmpr-mobileTabs{
  display:flex;
  gap:10px;
}
.giglance-cmpr-mobileTabs .t{
  flex:1;
  border:none;
  border-radius: 16px;
  padding: 10px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-cmpr-mobileTabs .t.active{
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
}
.giglance-cmpr-mobileHint{
  margin-top: 10px;
  font-weight: 600;
  color:#64748b;
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-cmpr-mobileHint i{ color:#1f4f3a; }

@media (max-width: 991px){
  .giglance-cmpr-bar{ position: static; top:auto; }
  .giglance-cmpr-slots{ justify-content:flex-start; }
  .giglance-cmpr-slot{ width: 100%; }
}
@media (max-width: 575px){
  .giglance-cmpr-topbar{ flex-direction: column; align-items: stretch; }
}

/* =====================================================
GIGLANCE — Disputes & Resolution Center Styles
===================================================== */

.giglance-dsp-wrap{ background: transparent; }

/* topbar */
.giglance-dsp-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-dsp-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-dsp-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-dsp-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 400;
  font-size: 14px;
  color:#64748b;
  flex-wrap:wrap;
  margin-top: 6px;
}
.giglance-dsp-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-dsp-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-dsp-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-dsp-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-dsp-btn.primary:hover{ transform: translateY(-1px); }
.giglance-dsp-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dsp-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* KPIs */
.giglance-dsp-kpis{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-dsp-kpis .kpi{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-dsp-kpis .kpi:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dsp-kpis .kpi::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 15% 15%, rgba(182,255,26,.28), transparent 55%),
    radial-gradient(circle at 90% 80%, rgba(31,79,58,.16), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.giglance-dsp-kpis .kpi > *{ position: relative; z-index: 1; }
.giglance-dsp-kpis .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-dsp-kpis .ic.warn{ color:#f59e0b; }
.giglance-dsp-kpis .ic.ok{ color:#22c55e; }
.giglance-dsp-kpis b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-dsp-kpis span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 14px;
}

/* box */
.giglance-dsp-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-dsp-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-dsp-boxHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-dsp-miniActions{ display:flex; gap:10px; flex-wrap:wrap; }

/* steps */
.giglance-dsp-steps{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-dsp-steps .st{
  position: relative;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  overflow:hidden;
  transition:.2s ease;
}
.giglance-dsp-steps .st:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dsp-steps .n{
  width:38px; height:38px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  font-weight: 600;
  color: #fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-dsp-steps b{
  display:block;
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-dsp-steps p{
  margin: 8px 0 0;
  color:#64748b;
  line-height: 1.9;
}

/* tools */
.giglance-dsp-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-dsp-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 260px;
  transition:.2s ease;
}
.giglance-dsp-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-dsp-search i{ color:#1f4f3a; }
.giglance-dsp-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
}

.giglance-dsp-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 44px 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-dsp-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-dsp-select i{ color:#1f4f3a; }
.giglance-dsp-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-dsp-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-dsp-select.sm select{ font-size: 13px; }

/* list cards */
.giglance-dsp-list{ display:grid; gap:12px; }
.giglance-dsp-case{
  text-decoration:none;
  display:flex;
  gap:14px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-dsp-case:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-dsp-case.active{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
  border-color: rgba(31,79,58,.20);
}
.giglance-dsp-case .left{ flex:1; min-width:0; }
.giglance-dsp-case .right{
  width: 260px;
  flex: 0 0 auto;
  border-left: 1px dashed rgba(31,79,58,.18);
  padding-left: 14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}
.giglance-dsp-case .badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-dsp-case .st,
.giglance-dsp-case .prio,
.giglance-dsp-case .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-dsp-case .st i{ font-size: 10px; }
.giglance-dsp-case .st.open{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-dsp-case .st.wait{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-dsp-case .st.esc{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }

.giglance-dsp-case .prio.high{ background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.22); color:#7f1d1d; }
.giglance-dsp-case .prio.med{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-dsp-case .prio.low{ background: rgba(100,116,139,.12); border-color: rgba(100,116,139,.22); color:#334155; }

.giglance-dsp-case .ttl{
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.35;
}
.giglance-dsp-case .desc{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.9;
}
.giglance-dsp-case .meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top: 12px;
  color:#64748b;
  font-weight: 600;
  font-size: 14px;
}
.giglance-dsp-case .meta i{ color:#1f4f3a; margin-right: 6px; }

/* score */
.giglance-dsp-case .score small{
  display:block;
  color:#64748b;
}
.giglance-dsp-case .score .bar{
  height: 10px;
  border-radius: 999px;
  margin-top: 8px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-dsp-case .score .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-dsp-case .score .hint{
  display:block;
  margin-top: 8px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}

/* pagination */
.giglance-dsp-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-dsp-pageBtn{
  text-decoration:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-dsp-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dsp-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
}
.giglance-dsp-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-dsp-dots{ font-weight: 1200; color:#64748b; }

/* thread */
.giglance-dsp-thread{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.02);
  padding: 12px;
}
.giglance-dsp-msg{
  display:flex;
  margin-bottom: 12px;
}
.giglance-dsp-msg.you{ justify-content:flex-end; }
.giglance-dsp-msg.seller{ justify-content:flex-start; }
.giglance-dsp-msg .bubble{
  max-width: 90%;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.90);
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.giglance-dsp-msg.you .bubble{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.14));
}
.giglance-dsp-msg .bubble b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-dsp-msg .bubble p{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.9;
}
.giglance-dsp-msg .bubble .t{
  display:block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color:#64748b;
}

/* compose */
.giglance-dsp-compose{
  margin-top: 8px;
  border-top: 1px dashed rgba(31,79,58,.18);
  padding-top: 12px;
}
.giglance-dsp-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.80);
  transition:.2s ease;
}
.giglance-dsp-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-dsp-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-dsp-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  line-height: 1.9;
  resize: vertical;
  font-size: 16px;
}
.giglance-dsp-composeActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top: 10px;
}

/* evidence */
.giglance-dsp-evidence{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-dsp-evidence .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-dsp-evidence .hd b{ font-weight: 600; color:#0b1f16; }
.giglance-dsp-evidence .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dsp-evidence .files{ display:grid; gap:10px; }
.giglance-dsp-evidence .file{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
  color: inherit;
}
.giglance-dsp-evidence .file:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}
.giglance-dsp-evidence .file i:first-child{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-dsp-evidence .file b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
}
.giglance-dsp-evidence .file span{
  display:block;
  margin-top: 6px;
  /* font-weight: 600; */
  color:#64748b;
  font-size: 12px;
}
.giglance-dsp-actionsCard{
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-dsp-actionsCard > b{ font-weight: 1200; color:#0b1f16; }
.giglance-dsp-hint{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-dsp-hint i{ color:#1f4f3a; margin-top: 2px; }

/* sidebar */
.giglance-dsp-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-dsp-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-dsp-sideHead h5{ font-weight: 1200; color:#0b1f16; }
.giglance-dsp-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dsp-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-dsp-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-dsp-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-dsp-chips .chip input{ display:none; }
.giglance-dsp-chips .chip span{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  cursor:pointer;
  user-select:none;
  font-size: 16px;
}
.giglance-dsp-chips .chip input:checked + span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-dsp-help{
  display:grid;
  gap:10px;
}
.giglance-dsp-help a{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-dsp-help a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}
.giglance-dsp-help a i{ color:#1f4f3a; }

/* modal */
.giglance-dsp-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-dsp-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-dsp-stepper .s{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-dsp-stepper .s span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dsp-stepper .s.active{ color:#0b1f16; }
.giglance-dsp-stepper .s.active span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
}
.giglance-dsp-stepper .line{
  flex:1;
  height: 2px;
  background: rgba(31,79,58,.18);
  border-radius: 999px;
}
.giglance-dsp-preview{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-dsp-preview .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-dsp-preview .hd b{ font-weight: 600; color:#0b1f16; }
.giglance-dsp-preview .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dsp-radio{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(31,79,58,.10);
  margin-bottom: 10px;
  font-weight: 600;
  cursor:pointer;
}
.giglance-dsp-radio input{ accent-color: #1f4f3a; }
.giglance-dsp-radio span{ display:inline-flex; gap:10px; align-items:center; color:#0b1f16; }
.giglance-dsp-radio i{ color:#1f4f3a; }

@media (max-width: 1199px){
  .giglance-dsp-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-dsp-kpis{ grid-template-columns: 1fr 1fr; }
  .giglance-dsp-steps{ grid-template-columns: 1fr 1fr; }
  .giglance-dsp-case{ flex-direction: column; }
  .giglance-dsp-case .right{
    width: 100%;
    border-left: none;
    padding-left: 0;
    border-top: 1px dashed rgba(31,79,58,.18);
    padding-top: 12px;
  }
}
@media (max-width: 575px){
  .giglance-dsp-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-dsp-search{ min-width: 100%; }
  .giglance-dsp-kpis{ grid-template-columns: 1fr; }
  .giglance-dsp-steps{ grid-template-columns: 1fr; }
}

/* =====================================================
GIGLANCE — Reviews & Feedback Styles
===================================================== */

.giglance-rvf-wrap{ background: transparent; }

/* topbar */
.giglance-rvf-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-rvf-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-rvf-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-rvf-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 16px;
  color:#64748b;
  flex-wrap:wrap;
  margin-top: 6px;
}
.giglance-rvf-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-rvf-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-rvf-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-rvf-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-rvf-btn.primary:hover{ transform: translateY(-1px); }
.giglance-rvf-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-rvf-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* KPIs */
.giglance-rvf-kpis{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-rvf-kpis .kpi{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-rvf-kpis .kpi:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-rvf-kpis .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-rvf-kpis .ic.ok{ color:#22c55e; }
.giglance-rvf-kpis .ic.warn{ color:#f59e0b; }
.giglance-rvf-kpis b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-rvf-kpis span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}

/* box */
.giglance-rvf-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-rvf-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-rvf-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-rvf-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-rvf-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 260px;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-rvf-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-rvf-search i{ color:#1f4f3a; }
.giglance-rvf-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}

.giglance-rvf-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-rvf-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-rvf-select i{ color:#1f4f3a; }
.giglance-rvf-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-rvf-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-rvf-select.sm select{ font-size: 13px; }

/* pending cards */
.giglance-rvf-pending{ display:grid; gap:12px; }
.giglance-rvf-pCard{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-rvf-pCard:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-rvf-pCard .top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-rvf-pCard .gig{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
}
.giglance-rvf-pCard .gig img{
  width:64px; height:64px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-rvf-pCard .gig .tx{ min-width:0; }
.giglance-rvf-pCard .gig b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.giglance-rvf-pCard .gig span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.giglance-rvf-pCard .rightMeta{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
  text-align:right;
  white-space: nowrap;
}
.giglance-rvf-pCard .amt,
.giglance-rvf-pCard .date{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
}
.giglance-rvf-pCard .amt i{ color:#1f4f3a; }
.giglance-rvf-pCard .date i{ color:#64748b; }

/* stars */
.giglance-rvf-stars{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.giglance-rvf-stars.big .s{ width:54px; height:54px; border-radius: 20px; }
.giglance-rvf-stars .s{
  width:44px; height:44px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.giglance-rvf-stars .s svg{ color:#cbd5e1; }
.giglance-rvf-stars .s.active i{ color:#f59e0b; }
.giglance-rvf-stars .s:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}

/* tags chips */
.giglance-rvf-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-rvf-tags .t input{ display:none; }
.giglance-rvf-tags .t span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  cursor:pointer;
  user-select:none;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-rvf-tags .t span svg{ color:#1f4f3a; }
.giglance-rvf-tags .t input:checked + span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}

/* textarea */
.giglance-rvf-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.80);
  transition:.2s ease;
}
.giglance-rvf-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-rvf-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-rvf-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  line-height: 1.9;
  resize: vertical;
}

/* pending bottom */
.giglance-rvf-pCard .mid{ margin-top: 12px; display:grid; gap:12px; }
.giglance-rvf-pCard .btm{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* submitted rows */
.giglance-rvf-table{ display:grid; gap:10px; }
.giglance-rvf-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  width: fit-content;
}
.giglance-rvf-row:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-rvf-row .l{ flex:1; min-width:0; }
.giglance-rvf-row .l b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.giglance-rvf-row .l .sub{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.giglance-rvf-row .m{
  display:flex;
  align-items:center;
  gap:10px;
  white-space: nowrap;
}
.giglance-rvf-row .rate{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
}
.giglance-rvf-row .rate svg{ color:#f59e0b; }
.giglance-rvf-row .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  font-size: 14px;
}
.giglance-rvf-row .chip.pub{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-rvf-row .chip.prv{ background: rgba(100,116,139,.12); border-color: rgba(100,116,139,.22); color:#334155; }

.giglance-rvf-row .r{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-end;
  white-space: nowrap;
}
.giglance-rvf-row .date{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 1100;
  color:#0b1f16;
  font-size: 12px;
}
.giglance-rvf-row .date i{ color:#64748b; }

.giglance-rvf-btn{
  font-size: 14px;
}

/* pagination */
.giglance-rvf-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-rvf-pageBtn{
  text-decoration:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
}
.giglance-rvf-pageBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-rvf-pageBtn.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-rvf-pageBtn.disabled{ opacity:.5; pointer-events:none; }
.giglance-rvf-dots{ font-weight: 1200; color:#64748b; }

/* sidebar */
.giglance-rvf-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-rvf-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-rvf-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-rvf-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-rvf-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-rvf-sideBox > b{ font-weight: 600; color:#0b1f16; }

/* dist */
.giglance-rvf-dist{ display:grid; gap:10px; }
.giglance-rvf-dist .roww{
  display:grid;
  grid-template-columns: 70px 1fr 50px;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-rvf-dist .roww span{ color:#475569; font-weight: 600; }
.giglance-rvf-dist .roww b{ text-align:right; font-weight: 600; }
.giglance-rvf-dist .bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-rvf-dist .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* hint */
.giglance-rvf-hint{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-rvf-hint i{ color:#1f4f3a; margin-top: 2px; }

.giglance-rvf-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-rvf-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-rvf-chips .chip input{ display:none; }
.giglance-rvf-chips .chip span{
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  cursor:pointer;
  transition:.2s ease;
}
.giglance-rvf-chips .chip input:checked + span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
}
.giglance-rvf-guides{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-rvf-guides li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.giglance-rvf-guides i{ color:#22c55e; margin-top: 2px; }

/* modal */
.giglance-rvf-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-rvf-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-rvf-stepper .s{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-rvf-stepper .s span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-rvf-stepper .s.active{ color:#0b1f16; }
.giglance-rvf-stepper .s.active span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-rvf-stepper .line{
  flex:1;
  height: 2px;
  background: rgba(31,79,58,.18);
  border-radius: 999px;
}
.giglance-rvf-preview{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-rvf-preview .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-rvf-preview .hd b{ font-weight: 600; color:#0b1f16; }
.giglance-rvf-preview .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-rvf-radio{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(31,79,58,.10);
  margin-bottom: 10px;
  font-weight: 600;
  cursor:pointer;
}
.giglance-rvf-radio input{ accent-color: #1f4f3a; }
.giglance-rvf-radio span{ display:inline-flex; gap:10px; align-items:center; color:#0b1f16; }
.giglance-rvf-radio i{ color:#1f4f3a; }

@media (max-width: 1199px){
  .giglance-rvf-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-rvf-kpis{ grid-template-columns: 1fr 1fr; }
  .giglance-rvf-pCard .top{ flex-direction: column; align-items: stretch; }
  .giglance-rvf-pCard .rightMeta{ align-items: flex-start; text-align:left; }
  .giglance-rvf-row{ flex-direction: column; align-items: stretch; }
  .giglance-rvf-row .r{ justify-content:flex-start; flex-wrap:wrap; }
}
@media (max-width: 575px){
  .giglance-rvf-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-rvf-search{ min-width: 100%; }
  .giglance-rvf-kpis{ grid-template-columns: 1fr; }
}

/* =====================================================
GIGLANCE — Support Center Styles
===================================================== */

.giglance-sup-wrap{ background: transparent; }

/* topbar */
.giglance-sup-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-sup-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-sup-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-sup-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 16px;
  color:#64748b;
  flex-wrap:wrap;
  margin-top: 6px;
}
.giglance-sup-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-sup-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-sup-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-sup-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-sup-btn.primary:hover{ transform: translateY(-1px); }
.giglance-sup-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-sup-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* KPIs */
.giglance-sup-kpis{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-sup-kpis .kpi{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-sup-kpis .kpi:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sup-kpis .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-sup-kpis .ic.ok{ color:#22c55e; }
.giglance-sup-kpis .ic.warn{ color:#f59e0b; }
.giglance-sup-kpis b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-sup-kpis span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 14px;
}

/* hero search */
.giglance-sup-hero{
  position: relative;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.giglance-sup-heroBg{
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 10% 10%, rgba(182,255,26,.25), transparent 55%),
    radial-gradient(circle at 90% 40%, rgba(31,79,58,.18), transparent 55%),
    radial-gradient(circle at 40% 110%, rgba(31,79,58,.12), transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.giglance-sup-hero > *{ position:relative; z-index:1; }
.giglance-sup-heroTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-sup-heroTop h5{ font-weight: 600; color:#0b1f16; }
.giglance-sup-heroTop p{ color:#475569; line-height:1.9; }
.giglance-sup-heroBadge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-sup-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.85);
  transition:.2s ease;
}
.giglance-sup-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-sup-search i{ color:#1f4f3a; }
.giglance-sup-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  font-size: 16px;
}
.giglance-sup-suggest{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-sup-suggest a{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-sup-suggest a i{ color:#1f4f3a; }
.giglance-sup-suggest a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}

/* box */
.giglance-sup-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-sup-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-sup-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-sup-tools{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* select & inputs */
.giglance-sup-select,
.giglance-sup-input{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 44px 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-sup-input{ padding-right: 12px; }
.giglance-sup-select:focus-within,
.giglance-sup-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-sup-select i,
.giglance-sup-input i{ color:#1f4f3a; }
.giglance-sup-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-sup-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-sup-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
.giglance-sup-select.sm select{ font-size: 13px; }

/* labels & textarea */
.giglance-sup-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-sup-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.80);
  transition:.2s ease;
}
.giglance-sup-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-sup-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-sup-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.9;
  resize: vertical;
}

/* quick actions */
.giglance-sup-actionsGrid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px;
}
.giglance-sup-actionsGrid .qa{
  text-decoration:none;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
  position: relative;
  overflow:hidden;
}
.giglance-sup-actionsGrid .qa:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 18px 50px rgba(31,79,58,.10);
}
.giglance-sup-actionsGrid .qa .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-sup-actionsGrid .qa .ic.ok{ color:#22c55e; }
.giglance-sup-actionsGrid .qa .ic.warn{ color:#f59e0b; }
.giglance-sup-actionsGrid .qa b{
  display:block;
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sup-actionsGrid .qa span{
  display:block;
  margin-top: 8px;
  color:#64748b;
  line-height: 1.9;
}

/* KB grid */
.giglance-sup-kbGrid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px;
}
.giglance-sup-kbGrid .kb{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
}
.giglance-sup-kbGrid .kb:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sup-kbGrid .kb .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex: 0 0 auto;
}
.giglance-sup-kbGrid .kb .ic.warn{ color:#f59e0b; }
.giglance-sup-kbGrid .kb .ic.ok{ color:#22c55e; }
.giglance-sup-kbGrid .kb .tx{ min-width:0; }
.giglance-sup-kbGrid .kb .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sup-kbGrid .kb .tx span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-sup-kbGrid .kb .count{
  margin-left:auto;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}

/* links */
.giglance-sup-links{ display:grid; gap:10px; }
.giglance-sup-links a{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-links a i{ color:#1f4f3a; }
.giglance-sup-links a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}

/* tickets */
.giglance-sup-tickets{ display:grid; gap:10px; }
.giglance-sup-tickets .t{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
}
.giglance-sup-tickets .t:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sup-tickets .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-sup-tickets .st i{ font-size: 10px; }
.giglance-sup-tickets .st.open{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-sup-tickets .st.wait{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-sup-tickets .st.done{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-sup-tickets .tx{ min-width:0; }
.giglance-sup-tickets .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.giglance-sup-tickets .tx span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* hint */
.giglance-sup-hint{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-sup-hint i{ color:#1f4f3a; margin-top: 2px; }

/* sidebar */
.giglance-sup-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-sup-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-sup-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-sup-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-sup-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sup-sideBox > b{ font-weight: 600; color:#0b1f16; }
.giglance-sup-status{
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-sup-status .dot{
  width:10px; height:10px;
  border-radius: 999px;
  background: #94a3b8;
  box-shadow: 0 0 0 6px rgba(148,163,184,.20);
}
.giglance-sup-status .dot.ok{
  background: #22c55e;
  box-shadow: 0 0 0 6px rgba(34,197,94,.18);
}
.giglance-sup-status .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sup-status .tx span{ display:block; margin-top:6px; color:#64748b; }

.giglance-sup-contact{ display:grid; gap:10px; }
.giglance-sup-contact a,
.giglance-sup-res a{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-contact a:hover,
.giglance-sup-res a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}
.giglance-sup-contact a i,
.giglance-sup-res a i{ color:#1f4f3a; }

.giglance-sup-list{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-sup-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.giglance-sup-list i{ color:#22c55e; margin-top: 2px; }

/* modal */
.giglance-sup-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-sup-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-sup-stepper .s{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-sup-stepper .s span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-sup-stepper .s.active{ color:#0b1f16; }
.giglance-sup-stepper .s.active span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  color: #fff;
}
.giglance-sup-stepper .line{
  flex:1;
  height: 2px;
  background: rgba(31,79,58,.18);
  border-radius: 999px;
}
.giglance-sup-preview{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-sup-preview .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-sup-preview .hd b{ font-weight: 600; color:#0b1f16; }
.giglance-sup-preview .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-sup-drop{
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.85);
  border: 1px dashed rgba(31,79,58,.30);
  text-align:center;
}
.giglance-sup-drop i{
  font-size: 22px;
  color:#1f4f3a;
}
.giglance-sup-drop b{
  display:block;
  margin-top: 10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sup-drop span{
  display:block;
  margin-top: 8px;
  font-weight: 400;
  color:#64748b;
}

/* responsive */
@media (max-width: 1199px){
  .giglance-sup-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-sup-kpis{ grid-template-columns: 1fr 1fr; }
  .giglance-sup-actionsGrid{ grid-template-columns: 1fr 1fr; }
  .giglance-sup-kbGrid{ grid-template-columns: 1fr; }
  .giglance-sup-heroTop{ flex-direction: column; }
  .giglance-sup-search{ flex-direction: column; align-items: stretch; }
}
@media (max-width: 575px){
  .giglance-sup-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-sup-kpis{ grid-template-columns: 1fr; }
  .giglance-sup-actionsGrid{ grid-template-columns: 1fr; }
}

/* =====================================================
GIGLANCE — Referral / Rewards Styles
===================================================== */

.giglance-ref-wrap{ background: transparent; }

/* topbar */
.giglance-ref-topbar{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-ref-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  width: fit-content;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-ref-title{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-ref-meta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 16px;
  color:#64748b;
  flex-wrap:wrap;
  margin-top: 6px;
}
.giglance-ref-meta .dot{
  width:4px; height:4px;
  border-radius: 999px;
  background: rgba(100,116,139,.55);
}
.giglance-ref-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-ref-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-ref-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-ref-btn.primary:hover{ transform: translateY(-1px); }
.giglance-ref-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ref-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* KPIs */
.giglance-ref-kpis{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-ref-kpis .kpi{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  overflow:hidden;
}
.giglance-ref-kpis .kpi:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-kpis .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-ref-kpis .ic.ok{ color:#22c55e; }
.giglance-ref-kpis .ic.warn{ color:#f59e0b; }
.giglance-ref-kpis b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-ref-kpis span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 14px;
}

/* hero */
.giglance-ref-hero{
  position: relative;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.giglance-ref-heroBg{
  position:absolute; inset:-2px;
  background:
    radial-gradient(circle at 12% 15%, rgba(182,255,26,.25), transparent 55%),
    radial-gradient(circle at 90% 35%, rgba(31,79,58,.18), transparent 55%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.12), transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.giglance-ref-hero > *{ position:relative; z-index:1; }

.giglance-ref-heroTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-ref-heroTop h5{ font-weight: 600; color:#0b1f16; }
.giglance-ref-heroTop p{ color:#475569; line-height:1.9; }

.giglance-ref-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* link row */
.giglance-ref-link{
  display:flex;
  align-items:center;
  flex-direction: column;
  gap:10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.85);
  transition:.2s ease;
}
.giglance-ref-link:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-ref-link i{ color:#1f4f3a; }
.giglance-ref-link input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  font-size: 16px;
}

/* share buttons */
.giglance-ref-share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-ref-share .sh{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-ref-share .sh:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.92);
}
.giglance-ref-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-ref-note i{ color:#1f4f3a; margin-top: 2px; }

/* box */
.giglance-ref-box{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ref-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ref-boxHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-ref-mini{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-ref-mini .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  font-size: 16px;
}
.giglance-ref-mini .chip.active{
  background: rgba(182,255,26,.22);
}

/* progress */
.giglance-ref-progress .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-ref-progress .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-ref-progress .meta{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  color:#475569;
}
.giglance-ref-progress .meta .dot{
  width:4px; height:4px; border-radius:999px;
  background: rgba(100,116,139,.55);
}

/* tiers */
.giglance-ref-tiers{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-ref-tiers .tier{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-ref-tiers .tier:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-tiers .tier.active{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.16));
  border-color: rgba(31,79,58,.18);
}
.giglance-ref-tiers .ic{
  width:50px; height:50px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-ref-tiers .ic.ok{ color:#22c55e; }
.giglance-ref-tiers .ic.warn{ color:#f59e0b; }
.giglance-ref-tiers .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ref-tiers .tx span{ display:block; margin-top: 6px; color:#64748b; line-height: 1.9; }
.giglance-ref-tiers .tag{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* table */
.giglance-ref-tools{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.giglance-ref-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 260px;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-ref-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-ref-search i{ color:#1f4f3a; }
.giglance-ref-search input{ width:100%; border:none; outline:none; background:transparent; font-weight: 600; }

.giglance-ref-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ref-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-ref-select i{ color:#1f4f3a; }
.giglance-ref-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-ref-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-ref-select.sm select{ font-size: 13px; }

.giglance-ref-table{ display:grid; gap:10px; }
.giglance-ref-table .roww{
  display:grid;
  grid-template-columns: 1.5fr .8fr .8fr .8fr 44px;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ref-table .roww:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-table .roww.head{
  background: rgba(255,255,255,.88);
  border-style: dashed;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-ref-table .who{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.giglance-ref-table .who img{
  width:42px; height:42px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-ref-table .who b{
  display:block;
  font-weight: 400;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.giglance-ref-table .who span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-ref-table .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-ref-table .st i{ font-size: 10px; }
.giglance-ref-table .st.invited{ background: rgba(100,116,139,.12); border-color: rgba(100,116,139,.22); color:#334155; }
.giglance-ref-table .st.joined{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-ref-table .st.pending{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-ref-table .st.success{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }

.giglance-ref-table .rw{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-ref-table .rw.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-ref-table .rw.warn{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }

.giglance-ref-table .dt{ font-weight: 600; color:#475569; white-space: nowrap; font-size: 14px;}
.giglance-ref-table .act a{
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  text-decoration:none;
}
.giglance-ref-table .act a:hover{ transform: translateY(-1px); background: rgba(255,255,255,.92); }

/* footer */
.giglance-ref-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-ref-pagination{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-ref-pagination .p{
  text-decoration:none;
  width:44px; height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 14px 30px rgba(15,23,42,.06);
  transition:.2s ease;
  border: none;
}
.giglance-ref-pagination .p:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-pagination .p.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border-color: transparent;
}
.giglance-ref-pagination .p.disabled{ opacity:.5; pointer-events:none; }
.giglance-ref-pagination .dots{ font-weight: 600; color:#64748b; }

/* wallet */
.giglance-ref-wallet{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-ref-wallet .cardd{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ref-wallet .cardd:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-wallet .ic{
  width:50px; height:50px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-ref-wallet .ic.ok{ color:#22c55e; }
.giglance-ref-wallet .ic.warn{ color:#f59e0b; }
.giglance-ref-wallet b{
  display:block;
  margin-top: 12px;
  font-weight: 600;
  color:#0b1f16;
  font-size: 18px;
}
.giglance-ref-wallet span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  font-size: 16px;
}

/* sidebar */
.giglance-ref-side{
  position: sticky;
  top: 92px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ref-sideHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ref-sideHead h5{ font-weight: 600; color:#0b1f16; }
.giglance-ref-sideHead .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ref-sideBox{
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-ref-sideBox > b{ font-weight: 600; color:#0b1f16; }

.giglance-ref-list{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-ref-list li{ display:flex; gap:10px; align-items:flex-start; }
.giglance-ref-list i{ color:#22c55e; margin-top: 2px; }

.giglance-ref-tips{ display:grid; gap:10px; }
.giglance-ref-tips .tip{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  color:#475569;
  line-height: 1.9;
}
.giglance-ref-tips i{ color:#1f4f3a; margin-top: 2px; }

.giglance-ref-faq details{
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 18px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.giglance-ref-faq summary{
  cursor:pointer;
  color:#0b1f16;
  list-style:none;
}
.giglance-ref-faq summary::-webkit-details-marker{ display:none; }
.giglance-ref-faq summary::after{
  content:"";
  float:right;
  width:10px; height:10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(4px) rotate(45deg);
}
.giglance-ref-faq details[open] summary::after{ transform: translateY(2px) rotate(225deg); }
.giglance-ref-faq p{
  margin: 10px 0 0;
  font-weight: 600;
  color:#64748b;
  line-height: 1.9;
}

/* modal */
.giglance-ref-modal{
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.96);
  box-shadow: 0 30px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}
.giglance-ref-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-ref-stepper .s{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 1200;
  color:#64748b;
  white-space: nowrap;
}
.giglance-ref-stepper .s span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ref-stepper .s.active{ color:#0b1f16; }
.giglance-ref-stepper .s.active span{
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
  border-color: transparent;
}
.giglance-ref-stepper .line{
  flex:1;
  height: 2px;
  background: rgba(31,79,58,.18);
  border-radius: 999px;
}
.giglance-ref-label{
  display:block;
  font-weight: 1100;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-ref-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.80);
  transition:.2s ease;
}
.giglance-ref-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.10);
}
.giglance-ref-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-ref-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 900;
  line-height: 1.9;
  resize: vertical;
}
.giglance-ref-preview{
  padding: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.12));
  border: 1px solid rgba(31,79,58,.10);
  height:100%;
}
.giglance-ref-preview .hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ref-preview .hd b{ font-weight: 1200; color:#0b1f16; }
.giglance-ref-preview .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1100;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ref-email .sub{
  font-weight: 1100;
  color:#64748b;
  font-size: 12px;
}
.giglance-ref-email b{ display:block; font-weight: 1200; color:#0b1f16; margin-top:6px; }
.giglance-ref-email p{ margin: 10px 0 0; font-weight: 900; color:#475569; line-height: 1.9; }
.giglance-ref-email .lnk{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  margin-top: 12px;
  font-weight: 1100;
  color:#0b1f16;
}
.giglance-ref-email .lnk i{ color:#1f4f3a; }
.giglance-ref-email .lnk span{
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

/* responsive */
@media (max-width: 1199px){
  .giglance-ref-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-ref-kpis{ grid-template-columns: 1fr 1fr; }
  .giglance-ref-heroTop{ flex-direction: column; }
  .giglance-ref-link{ flex-direction: column; align-items: stretch; }
  .giglance-ref-tiers{ grid-template-columns: 1fr; }
  .giglance-ref-wallet{ grid-template-columns: 1fr 1fr; }
  .giglance-ref-table .roww{
    grid-template-columns: 1fr;
    gap:8px;
  }
  .giglance-ref-table .roww.head{ display:none; }
}
@media (max-width: 575px){
  .giglance-ref-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-ref-kpis{ grid-template-columns: 1fr; }
  .giglance-ref-wallet{ grid-template-columns: 1fr; }
}

/* SELLER DASHBOARD */
/* =====================================================
GIGLANCE — SELLER DASHBOARD STYLES
===================================================== */

.giglance-seller-shell{
  display:flex;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* ---------- Sidebar ---------- */
.giglance-seller-sidebar{
  min-width: 270px;
  padding: 16px;
  border-right: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 60px rgba(15,23,42,.06);
  position: sticky;
  top: 0;
  height: 100vh;
  flex-direction: column;
  overflow-y: scroll;
}
.giglance-seller-brand{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
}
.giglance-seller-brand .logo{
  width:44px; height:44px;
  border-radius: 18px;
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
  display:grid;
  place-items:center;
  position: relative;
  overflow:hidden;
}
.giglance-seller-brand .logo .dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 8px rgba(255,255,255,.18);
}
.giglance-seller-brand .txt b{
  display:block;
  font-weight: 1200;
  color:#0b1f16;
}
.giglance-seller-brand .txt span{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
  font-size: 12px;
}

.giglance-seller-nav{ display:grid; gap:8px; }
.giglance-seller-nav .item{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 11px 12px;
  border-radius: 18px;
  color:#0b1f16;
  font-weight: 1100;
  border: 1px solid transparent;
  transition:.2s ease;
  background: rgba(15,23,42,.00);
}
.giglance-seller-nav .item i{
  width: 22px;
  color:#1f4f3a;
}
.giglance-seller-nav .item:hover{
  background: rgba(15,23,42,.03);
  border-color: rgba(31,79,58,.10);
  transform: translateY(-1px);
}
.giglance-seller-nav .item.active{
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.14));
  border-color: rgba(31,79,58,.14);
}
.giglance-seller-nav-sep{
  height: 1px;
  background: rgba(31,79,58,.14);
  margin: 10px 0;
  border-radius: 999px;
}

.giglance-seller-sideFoot{
  padding-top: 12px;
}
.giglance-seller-user{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
}
.giglance-seller-user img{
  width:46px; height:46px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-seller-user .meta{ min-width:0; }
.giglance-seller-user .meta b{
  display:block;
  font-weight: 1200;
  color:#0b1f16;
}
.giglance-seller-user .meta span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
  font-size: 12px;
}
.giglance-seller-user .dot{
  font-size: 8px;
}
.giglance-seller-user .dot.online{ color:#22c55e; }
.giglance-seller-user .more{
  margin-left:auto;
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  text-decoration:none;
  transition:.2s ease;
}
.giglance-seller-user .more:hover{ transform: translateY(-1px); background: rgba(255,255,255,.92); }

.giglance-seller-boost{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.14));
}
.giglance-seller-boost .tx b{ display:block; font-weight: 1200; color:#0b1f16; }
.giglance-seller-boost .tx span{ display:block; margin-top:6px; font-weight:900; color:#475569; font-size: 12px; }

/* ---------- Offcanvas ---------- */
.giglance-seller-offcanvas{
  background: rgba(255,255,255,.92);
  border-right: 1px solid rgba(31,79,58,.10);
  backdrop-filter: blur(10px);
}
.giglance-seller-offcanvas .offcanvas-body{
  padding-bottom: 18px;
}

/* ---------- Main ---------- */
.giglance-seller-main{
  flex:1;
  padding: 18px;
  width: 100%;
}
.giglance-seller-topbar{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-seller-topbar .left{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.giglance-seller-hello .badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
}
.giglance-seller-hello h4{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-seller-hello p{
  color:#475569;
  margin-top: 6px;
  line-height: 1.9;
  font-size: 16px;
}
.giglance-seller-topbar .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-seller-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-seller-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-seller-btn.primary:hover{ transform: translateY(-1px); }
.giglance-seller-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-seller-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

.giglance-seller-iconBtn{
  width:44px; height:44px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  display:grid;
  place-items:center;
  color:#0b1f16;
  transition:.2s ease;
  position: relative;
}
.giglance-seller-iconBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-iconBtn .dot{
  position:absolute;
  top: 10px; right: 10px;
  width: 8px; height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 6px rgba(239,68,68,.18);
}

/* search */
.giglance-seller-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 360px;
}
.giglance-seller-search i{ color:#1f4f3a; }
.giglance-seller-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  font-size: 16px;
}

/* ---------- KPI Cards ---------- */
.giglance-seller-kpis{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-seller-kpis .kpi{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-seller-kpis .kpi:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-kpis .ic{
  width:50px; height:50px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
}
.giglance-seller-kpis .ic.ok{ color:#22c55e; }
.giglance-seller-kpis .ic.warn{ color:#f59e0b; }
.giglance-seller-kpis b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 20px;
}
.giglance-seller-kpis span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}
.giglance-seller-kpis .mini{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-seller-kpis .mini.up{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-seller-kpis .mini.warn{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }

/* ---------- Box ---------- */
.giglance-seller-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-seller-boxHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-seller-boxHead h5{ font-weight: 600; color:#0b1f16; }

.giglance-seller-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-seller-pill.small{
  padding: 7px 10px;
  font-size: 12px;
}

/* Performance metrics */
.giglance-seller-perf{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px;
}
.giglance-seller-perf .metric{
  padding: 14px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  transition:.2s ease;
}
.giglance-seller-perf .metric:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-perf .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.giglance-seller-perf .label{
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}
.giglance-seller-perf .val{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-seller-perf .val i{ color:#f59e0b; margin-left: 4px; }
.giglance-seller-perf .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
  margin-top: 12px;
}
.giglance-seller-perf .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
}
.giglance-seller-perf .hint{
  margin-top: 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  width: fit-content;
  font-size: 16px;
}

/* perf footer */
.giglance-seller-perfFoot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-seller-perfFoot .note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-seller-perfFoot .note i{ color:#1f4f3a; margin-top: 2px; }
.giglance-seller-perfFoot .actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* Today tasks */
.giglance-seller-miniChips{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-seller-miniChips .chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-seller-miniChips .chip.active{ background: rgba(182,255,26,.22); }

.giglance-seller-today{ display:grid; gap:10px; }
.giglance-seller-today .task{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
}
.giglance-seller-today .task:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-today .task .ic{
  width:48px; height:48px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex: 0 0 auto;
}
.giglance-seller-today .task.warn .ic{ color:#f59e0b; }
.giglance-seller-today .task.ok .ic{ color:#22c55e; }
.giglance-seller-today .task .tx{ min-width:0; }
.giglance-seller-today .task .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-seller-today .task .tx span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-seller-today .task .tag{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-seller-today .task .go{ color:#0b1f16; opacity:.7; }

/* Orders list */
.giglance-seller-orders{ display:grid; gap:10px; overflow: hidden; width: 100%;}
.giglance-seller-orders .ord{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
}
.giglance-seller-orders .ord:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-orders .who{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.giglance-seller-orders .who img{
  width:44px; height:44px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-seller-orders .who b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-seller-orders .who span{
  display:block;
  margin-top: 6px;
  font-weight: 400;
  color:#64748b;
  font-size: 12px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-seller-orders .st{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-seller-orders .st i{ font-size: 10px; }
.giglance-seller-orders .st.active{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-seller-orders .st.due{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-seller-orders .st.done{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-seller-orders .go{ color:#0b1f16; opacity:.7; }

/* Seller level ring */
.giglance-seller-level{
  display:grid;
  /* grid-template-columns: 160px 1fr; */
  gap:12px;
  align-items:center;
}
.giglance-seller-level .ring{
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background:
    conic-gradient(from 180deg, rgba(182,255,26,1) 0 72%, rgba(15,23,42,.10) 72% 100%);
  display:grid;
  place-items:center;
  position: relative;
}
.giglance-seller-level .ring::after{
  content:"";
  position:absolute;
  inset: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-seller-level .ring .num{
  position: relative;
  text-align:center;
}
.giglance-seller-level .ring b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 22px;
}
.giglance-seller-level .ring span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-seller-level .req{
  display:grid;
  gap:10px;
}
.giglance-seller-level .req .r{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-seller-level .req span{ font-weight: 600; color:#64748b; font-size: 16px;}
.giglance-seller-level .req b{ font-weight: 600; color:#0b1f16; white-space: nowrap; }

.giglance-seller-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  line-height: 1.9;
}
.giglance-seller-note i{ color:#1f4f3a; margin-top: 2px; }

.giglance-seller-sticky{
  position: sticky;
  top: 18px;
}

/* Quick tools */
.giglance-seller-tools{ display:grid; gap:10px; }
.giglance-seller-tools .tool{
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  color: inherit;
}
.giglance-seller-tools .tool:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-seller-tools .tool .ic{
  width:48px; height:48px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#1f4f3a;
  flex: 0 0 auto;
}
.giglance-seller-tools .tool .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-seller-tools .tool .tx span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-seller-tools .tool .go{ margin-left:auto; color:#0b1f16; opacity:.7; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px){
  .giglance-seller-kpis{ grid-template-columns: 1fr 1fr; }
  .giglance-seller-level{ grid-template-columns: 1fr; }
  .giglance-seller-level .ring{ margin: 0 auto; }
  .giglance-seller-sticky{ position: static; top:auto; }
}
@media (max-width: 767px){
  .giglance-seller-kpis{ grid-template-columns: 1fr; }
  .giglance-seller-perf{ grid-template-columns: 1fr; }
  .giglance-seller-search{ min-width: 100%; }
  .giglance-seller-topbar{ flex-direction: column; align-items: stretch; }
  .giglance-seller-topbar .right{ justify-content: space-between; }
}

/* =====================================================
GIGLANCE — SELLER GIGS + CREATE WIZARD STYLES
===================================================== */

.giglance-gigs-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* ---------- header ---------- */
.giglance-gigs-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-gigs-head h4{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-gigs-head p{
  color:#475569;
  margin-top: 6px;
  line-height: 1.9;
}
.giglance-gigs-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
}
.giglance-gigs-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-gigs-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-gigs-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-gigs-btn.primary:hover{ transform: translateY(-1px); }
.giglance-gigs-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-gigs-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-gigs-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* ---------- tools row ---------- */
.giglance-gigs-tools{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-gigs-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 360px;
  transition:.2s ease;
}
.giglance-gigs-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-gigs-search i{ color:#1f4f3a; }
.giglance-gigs-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}

.giglance-gigs-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  min-width: 220px;
}
.giglance-gigs-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-gigs-select i{ color:#1f4f3a; }
.giglance-gigs-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-gigs-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}

/* chips */
.giglance-gigs-chipRow{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-gigs-chipRow .chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  font-size: 16px;
}
.giglance-gigs-chipRow .chip.active{ background: rgba(182,255,26,.22); }

/* ---------- gig cards ---------- */
.giglance-gigs-card{
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  transition:.2s ease;
}
.giglance-gigs-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-gigs-cover{
  position: relative;
  height: 180px;
  overflow:hidden;
}
.giglance-gigs-cover img{
  width:100%; height:100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: .35s ease;
}
.giglance-gigs-card:hover .giglance-gigs-cover img{
  transform: scale(1.08);
}
.giglance-gigs-coverGlow{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 15% 10%, rgba(182,255,26,.25), transparent 50%),
    radial-gradient(circle at 85% 30%, rgba(31,79,58,.20), transparent 55%),
    linear-gradient(to top, rgba(2,6,23,.45), transparent 60%);
  opacity:.95;
  pointer-events:none;
}
.giglance-gigs-coverTop{
  position:absolute;
  inset: 12px 12px auto 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index: 2;
}
.giglance-gigs-coverTop .fav{
  width: 42px; height:42px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.15);
  color: #fff;
  display:grid;
  place-items:center;
  backdrop-filter: blur(8px);
  transition:.2s ease;
}
.giglance-gigs-coverTop .fav:hover{ transform: translateY(-1px); background: rgba(255,255,255,.22); }

.giglance-gigs-coverTop .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.85);
  white-space: nowrap;
  font-size: 14px;
}
.giglance-gigs-coverTop .st i{ font-size: 10px; }
.giglance-gigs-coverTop .st.active{ background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.25); color:#14532d; }
.giglance-gigs-coverTop .st.paused{ background: rgba(245,158,11,.18); border-color: rgba(245,158,11,.25); color:#92400e; }
.giglance-gigs-coverTop .st.draft{ background: rgba(100,116,139,.18); border-color: rgba(100,116,139,.25); color:#334155; }

.giglance-gigs-body{ padding: 14px; }
.giglance-gigs-titleRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-gigs-titleRow a{
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.25;
  min-width:0;
  transition: all .4s ease;
}
.giglance-gigs-titleRow a:hover{
  color: var(--primary);
}
.giglance-gigs-titleRow .price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-gigs-meta{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-gigs-meta i{ color:#1f4f3a; }
.giglance-gigs-meta .dot{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
}

.giglance-gigs-stats{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-gigs-stats .s{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-gigs-stats b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-gigs-stats span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}

.giglance-gigs-actions{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.giglance-gigs-quick{
  margin-top: 12px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  font-size: 13px;
}
.giglance-gigs-quick a{
  text-decoration:none;
  color:#0b1f16;
}
.giglance-gigs-quick a:hover{ text-decoration: underline; }
.giglance-gigs-quick .dot{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
}

/* ---------- Wizard ---------- */
.giglance-gigs-wizard{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-gigs-wHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-gigs-wHead h4{ font-weight: 600; color:#0b1f16; }
.giglance-gigs-wHead p{ color:#475569; margin-top: 6px; line-height:1.9; }
.giglance-gigs-wBtns{ display:flex; gap:10px; flex-wrap:wrap; }

.giglance-gigs-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  flex-wrap:wrap;
}
.giglance-gigs-stepper .step{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
  white-space: nowrap;
}
.giglance-gigs-stepper .step span{
  width:28px; height:28px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-gigs-stepper .step.active{ color:#0b1f16; }
.giglance-gigs-stepper .step.active span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-gigs-stepper .line{
  flex: 1;
  min-width: 30px;
  height: 2px;
  border-radius: 999px;
  background: rgba(31,79,58,.18);
}

/* panels */
.giglance-gigs-panel{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
}
.giglance-gigs-panel .ph{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-gigs-panel h5{ font-weight: 600; color:#0b1f16; }

.giglance-gigs-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}

/* inputs */
.giglance-gigs-input,
.giglance-gigs-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-gigs-input:focus-within,
.giglance-gigs-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-gigs-input i,
.giglance-gigs-area i{
  color:#1f4f3a;
  margin-top: 4px;
}
.giglance-gigs-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
.giglance-gigs-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.9;
  resize: vertical;
}

/* select variant for wizard */
.giglance-gigs-panel .giglance-gigs-select{
  min-width: unset;
  width:100%;
}

/* help note */
.giglance-gigs-help{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  color:#475569;
  font-weight: 400;
  line-height: 1.9;
}
.giglance-gigs-help i{ color:#1f4f3a; margin-top: 2px; }

/* tags input */
.giglance-gigs-tags{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-gigs-tags .t{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-gigs-tags .t button{
  border:none;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  line-height:1;
}
.giglance-gigs-tags input{
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  min-width: 160px;
}

/* packages */
.giglance-gigs-packages{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-gigs-packages .pkg{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-gigs-packages .pkg:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-gigs-packages .pkg .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.giglance-gigs-packages .pkg .top b{
  font-weight: 600;
  color:#0b1f16;
  font-size: 16px;
}
.giglance-gigs-packages .tag{
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-gigs-packages .tag.hot{
  background: rgba(182,255,26,.22);
}
.giglance-gigs-packages .popular{
  border-color: rgba(31,79,58,.18);
  background: linear-gradient(135deg, rgba(31,79,58,.08), rgba(182,255,26,.14));
  box-shadow: 0 20px 60px rgba(31,79,58,.12);
}

.giglance-gigs-check{
  list-style:none;
  padding:5px; margin: 12px 0 0;
  display:grid;
  gap:8px;
  color:#475569;
}
.giglance-gigs-check li{ display:flex; gap:10px; align-items:flex-start; }
.giglance-gigs-check i{ color:#22c55e; margin-top: 2px; }

/* FAQ */
.giglance-gigs-faq .qa{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-gigs-faq .q,
.giglance-gigs-faq .a{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.75);
}
.giglance-gigs-faq .q i,
.giglance-gigs-faq .a i{ color:#1f4f3a; margin-top: 4px; }
.giglance-gigs-faq input,
.giglance-gigs-faq textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 600;
}
.giglance-gigs-faq textarea{ font-weight: 400; line-height: 1.9; resize: vertical; }

/* requirements */
.giglance-gigs-req .item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-gigs-req .left{ flex:1; min-width:0; }

/* uploader */
.giglance-gigs-uploader{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.giglance-gigs-uploader .drop{
  padding: 18px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.25);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  text-align:center;
}
.giglance-gigs-uploader .drop i{
  font-size: 28px;
  color:#1f4f3a;
}
.giglance-gigs-uploader .drop b{
  margin-top: 10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-gigs-uploader .drop span{
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-gigs-uploader .previews{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-gigs-uploader .p{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
}
.giglance-gigs-uploader img{
  width:100%;
  height: 120px;
  object-fit: cover;
}
.giglance-gigs-uploader .cap{
  padding: 10px 12px;
  font-weight: 600;
  color:#0b1f16;
  font-size: 13px;
}

/* review */
.giglance-gigs-review{
  display:grid;
  gap:10px;
}
.giglance-gigs-review .r{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-gigs-review .r i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-gigs-review .r b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-gigs-review .r span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.9;
}

/* nav */
.giglance-gigs-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
}

/* side */
.giglance-gigs-side{
  position: sticky;
  top: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-gigs-side .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-gigs-side .hd h5{ font-weight: 600; color:#0b1f16; }
.giglance-gigs-side .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-gigs-score .ring{
  width: 170px;
  height: 170px;
  border-radius: 999px;
  margin: 0 auto;
  background:
    conic-gradient(from 180deg, rgba(182,255,26,1) 0 82%, rgba(15,23,42,.10) 82% 100%);
  display:grid;
  place-items:center;
  position: relative;
}
.giglance-gigs-score .ring::after{
  content:"";
  position:absolute;
  inset: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-gigs-score .ring .num{
  position: relative;
  text-align:center;
}
.giglance-gigs-score .ring b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  font-size: 26px;
}
.giglance-gigs-score .ring span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-gigs-score .list{
  margin-top: 14px;
  display:grid;
  gap:10px;
}
.giglance-gigs-score .it{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 400;
  color:#475569;
  line-height: 1.9;
}
.giglance-gigs-score .it i{ color:#1f4f3a; margin-top: 2px; }
.giglance-gigs-score .it.ok i{ color:#22c55e; }
.giglance-gigs-score .it.warn i{ color:#f59e0b; }

.giglance-gigs-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  color:#475569;
  line-height: 1.9;
}
.giglance-gigs-tip i{ color:#1f4f3a; margin-top: 2px; }

/* ---------- responsive ---------- */
@media (max-width: 1199px){
  .giglance-gigs-side{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-gigs-search{ min-width: 100%; }
  .giglance-gigs-packages{ grid-template-columns: 1fr; }
  .giglance-gigs-uploader{ grid-template-columns: 1fr; }
  .giglance-gigs-uploader .previews{ grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 575px){
  .giglance-gigs-head{ flex-direction: column; align-items: stretch; }
  .giglance-gigs-tools{ flex-direction: column; align-items: stretch; }
  .giglance-gigs-select{ min-width: 100%; }
  .giglance-gigs-uploader .previews{ grid-template-columns: 1fr; }
}

/* =====================================================
GIGLANCE — SELLER ORDERS STYLES
===================================================== */

/* header */
.giglance-orders-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  font-size: 16px;
}
.giglance-orders-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-orders-head p{ color:#475569; margin-top:6px; line-height:1.9; }
.giglance-orders-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 1200;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
}
.giglance-orders-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-orders-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-orders-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-orders-btn.primary:hover{ transform: translateY(-1px); }
.giglance-orders-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-orders-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-orders-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* tools */
.giglance-orders-tools{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-orders-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  min-width: 360px;
  transition:.2s ease;
}
.giglance-orders-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-orders-search i{ color:#1f4f3a; }
.giglance-orders-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-size: 16px;
}

.giglance-orders-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  min-width: 220px;
  font-size: 16px;
}
.giglance-orders-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-orders-select i{ color:#1f4f3a; }
.giglance-orders-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 1100;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-orders-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}

/* chips */
.giglance-orders-chipRow{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-orders-chipRow .chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  font-size: 14px;
}
.giglance-orders-chipRow .chip.active{ background: rgba(182,255,26,.22); }

/* ---------- orders list cards ---------- */
.giglance-orders-card{
  display:block;
  text-decoration:none;
  color: inherit;
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  transition:.2s ease;
  padding: 14px;
  margin-bottom: 14px;
}
.giglance-orders-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.08));
}
.giglance-orders-card.warn{
  border-color: rgba(245,158,11,.22);
}
.giglance-orders-card.done{
  border-color: rgba(34,197,94,.20);
}

.giglance-orders-card .top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-orders-card .who{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.giglance-orders-card .who img{
  width:48px; height:48px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-orders-card .meta{ min-width:0; }
.giglance-orders-card .meta b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-orders-card .meta span{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-orders-card .meta .dot{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
}
.giglance-orders-card .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  font-weight: 600;
  font-size: 14px;
}
.giglance-orders-card .tag i{ color:#1f4f3a; }
.giglance-orders-card .tag.brand i{ color:#f59e0b; }
.giglance-orders-card .tag.copy i{ color:#3b82f6; }

.giglance-orders-card .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.giglance-orders-card .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-orders-card .st i{ font-size: 10px; }
.giglance-orders-card .st.active{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-orders-card .st.due{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e;}
.giglance-orders-card .st.delivered{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-orders-card .due{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}

/* mid row */
.giglance-orders-card .mid{
  margin-top: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:stretch;
}
.giglance-orders-card .health{
  flex: 1;
  min-width: 240px;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-orders-card .health .ic{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-orders-card .health.good .ic{ color:#22c55e; }
.giglance-orders-card .health.warn .ic{ color:#f59e0b; }
.giglance-orders-card .health .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-card .health .tx span{ display:block; margin-top:6px; color:#64748b; line-height:1.8; }

.giglance-orders-card .mini{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  flex: 0 0 280px;
}
.giglance-orders-card .mini .m{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-align:center;
}
.giglance-orders-card .mini b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-card .mini span{ display:block; margin-top:6px; color:#64748b; font-size: 14px; }

/* bottom row */
.giglance-orders-card .bottom{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
}
.giglance-orders-card .chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-orders-card .chips .c{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-orders-card .chips .c i{ color:#1f4f3a; }
.giglance-orders-card .actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* side */
.giglance-orders-side,
.giglance-orders-side2{
  position: sticky;
  top: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-orders-side .hd,
.giglance-orders-miniBox .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-orders-side .hd h5{ font-weight: 600; color:#0b1f16; }
.giglance-orders-side .pill,
.giglance-orders-miniBox .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-orders-kpis{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.giglance-orders-kpis .k{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-orders-kpis .k .ic{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#f59e0b;
}
.giglance-orders-kpis .k .ic.ok{ color:#22c55e; }
.giglance-orders-kpis b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-kpis span{ display:block; margin-top:6px; color:#64748b; font-size: 14px; }

.giglance-orders-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  color:#475569;
}
.giglance-orders-note i{ color:#1f4f3a; margin-top:2px; }

/* ---------- Details view ---------- */
.giglance-orders-details{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-orders-dHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-orders-dHead h4{ font-weight: 600; color:#0b1f16; }
.giglance-orders-dHead .sub{
  margin-top: 8px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:#64748b;
}
.giglance-orders-dHead .sub .id{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  font-weight: 600;
  font-size: 14px;
}
.giglance-orders-dHead .sub .dot{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
  align-self:center;
}
.giglance-orders-dHead .sub .due{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245,158,11,.22);
  background: rgba(245,158,11,.10);
  color:#92400e;
  font-weight: 600;
  font-size: 14px;
}
.giglance-orders-dHead .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-orders-dHead .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(59,130,246,.12);
  color:#1e3a8a;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-orders-dHead .st i{ font-size: 10px; }

/* boxes */
.giglance-orders-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
}
.giglance-orders-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-orders-box h5{ font-weight: 600; color:#0b1f16; }

.giglance-orders-label{
  display:block;
  color:#0b1f16;
  margin-bottom: 8px;
}

/* timeline */
.giglance-orders-timeline{
  display:grid;
  gap:12px;
}
.giglance-orders-timeline .ms{
  position: relative;
  display:grid;
  grid-template-columns: 44px 1fr;
  gap:12px;
  align-items:stretch;
}
.giglance-orders-timeline .num{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
}
.giglance-orders-timeline .ms.done .num{
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.22);
  color:#14532d;
}
.giglance-orders-timeline .ms.active .num{
  background: rgba(182,255,26,.22);
  border-color: rgba(31,79,58,.18);
}
.giglance-orders-timeline .card{
  border-radius: 22px;
  padding: 12px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-orders-timeline .card .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-orders-timeline .card b{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-orders-timeline .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-orders-timeline .tag.hot{
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.22);
  color:#92400e;
}
.giglance-orders-timeline .txt{
  display:block;
  margin-top: 8px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-orders-timeline .meta{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}
.giglance-orders-timeline .meta .dot{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
  align-self:center;
}
.giglance-orders-timeline .ms .conn{
  position:absolute;
  left: 21px;
  bottom: -10px;
  width: 2px;
  height: 16px;
  border-radius: 999px;
  background: rgba(31,79,58,.18);
}
.giglance-orders-timeline .ms.done .conn{ background: rgba(34,197,94,.25); }

/* requirements */
.giglance-orders-req{ display:grid; gap:10px; }
.giglance-orders-req .r{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-orders-req .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-orders-req b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-req span{ display:block; margin-top:6px; color:#64748b; line-height:1.9; }
.giglance-orders-req .files{ margin-top: 10px; display:flex; gap:10px; flex-wrap:wrap; }
.giglance-orders-req .f{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-orders-req .f i{ color:#1f4f3a; }

/* deliverables */
.giglance-orders-deliver{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.giglance-orders-deliver .drop{
  padding: 18px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.25);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  text-align:center;
}
.giglance-orders-deliver .drop svg{ font-size: 28px; color:#1f4f3a; }
.giglance-orders-deliver .drop b{ margin-top:10px; font-weight: 600; color:#0b1f16; }
.giglance-orders-deliver .drop span{ margin-top:6px; font-weight: 600; color:#64748b; font-size: 14px; }
.giglance-orders-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-orders-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-orders-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-orders-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.9;
  resize: vertical;
}
.giglance-orders-deliverBtns{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* revisions */
.giglance-orders-rev{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.giglance-orders-rev .card{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-orders-rev .card .ic{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
}
.giglance-orders-rev .card.warn .ic{ color:#f59e0b; }
.giglance-orders-rev .card .tx{ min-width:0; }
.giglance-orders-rev .card b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-rev .card span{ display:block; margin-top:6px; color:#64748b; }

/* chat */
.giglance-orders-chat .msg{
  display:flex;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-orders-chat .msg img{
  width:44px; height:44px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-orders-chat .bubble{
  flex:1;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-orders-chat .msg.seller{ flex-direction: row-reverse; }
.giglance-orders-chat .msg.seller .bubble{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.10));
}
.giglance-orders-chat .bubble b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-chat .bubble p{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.9;
}
.giglance-orders-chat .bubble .time{
  display:block;
  margin-top: 8px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-orders-reply{
  padding-top: 12px;
  border-top: 1px dashed rgba(31,79,58,.18);
  margin-top: 12px;
}
.giglance-orders-quickChips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-orders-quickChips .chip{
  border:none;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 14px;
}
.giglance-orders-quickChips .chip:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.18);
}

/* right detail sidebar blocks */
.giglance-orders-miniBox{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
}
.giglance-orders-miniBox h6{ font-weight: 600; color:#0b1f16; }

.giglance-orders-miniBox .pill.good{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
  color:#14532d;
}
.giglance-orders-miniBox .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-orders-miniBox .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-orders-miniBox .list{ display:grid; gap:10px; }
.giglance-orders-miniBox .list .it{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#475569;
  line-height: 1.9;
}
.giglance-orders-miniBox .list .it i{ color:#1f4f3a; margin-top:2px; }
.giglance-orders-miniBox .list .it.ok i{ color:#22c55e; }
.giglance-orders-miniBox .list .it.warn i{ color:#f59e0b; }

/* buyer card */
.giglance-orders-miniBox .buyer{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-orders-miniBox .buyer img{
  width:52px; height:52px;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-orders-miniBox .buyer .meta b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-orders-miniBox .buyer .meta span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-orders-miniBox .stars{
  margin-top: 8px !important;
  display:flex !important;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.giglance-orders-miniBox .stars svg{ color:#f59e0b; }
.giglance-orders-miniBox .stars em{
  font-style: normal;
  font-weight: 600;
  color:#64748b;
  margin-left: 6px;
}

/* buyer stats */
.giglance-orders-miniBox .buyerStats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-orders-miniBox .buyerStats .s{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-align:center;
}
.giglance-orders-miniBox .buyerStats b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-orders-miniBox .buyerStats span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 12px; }

/* responsive */
@media (max-width: 1199px){
  .giglance-orders-side,
  .giglance-orders-side2{ position: static; top:auto; }
}
@media (max-width: 991px){
  .giglance-orders-search{ min-width: 100%; }
  .giglance-orders-card .mini{ flex: 1 1 100%; }
  .giglance-orders-deliver{ grid-template-columns: 1fr; }
  .giglance-orders-rev{ grid-template-columns: 1fr; }
}
@media (max-width: 575px){
  .giglance-orders-head{ flex-direction: column; align-items: stretch; }
  .giglance-orders-tools{ flex-direction: column; align-items: stretch; }
  .giglance-orders-select{ min-width: 100%; }
  .giglance-orders-card .top{ flex-direction: column; }
  .giglance-orders-card .right{ justify-content:flex-start; }
}

/* =====================================================
GIGLANCE — MESSAGES + CUSTOM OFFER STYLES
===================================================== */

.giglance-msg-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* head */
.giglance-msg-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-msg-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-msg-head p{ color:#475569; margin-top:6px; line-height:1.9; }
.giglance-msg-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-msg-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-msg-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-msg-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-msg-btn.primary:hover{ transform: translateY(-1px); }
.giglance-msg-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-msg-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-msg-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* left panel */
.giglance-msg-panel{
  position: sticky;
  top: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-msg-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-search:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-msg-search i{ color:#1f4f3a; }
.giglance-msg-search input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}

/* filters chips */
.giglance-msg-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-msg-filters .chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 14px;
}
.giglance-msg-filters .chip:hover{ transform: translateY(-1px); }
.giglance-msg-filters .chip.active{ background: rgba(182,255,26,.22); }

/* conversation list */
.giglance-msg-list{
  display:grid;
  gap:10px;
}
.giglance-msg-item{
  display:flex;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color: inherit;
  transition:.2s ease;
}
.giglance-msg-item:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-msg-item.active{
  background: rgba(182,255,26,.16);
  border-color: rgba(31,79,58,.18);
}
.giglance-msg-item .av{
  position: relative;
  flex:0 0 auto;
}
.giglance-msg-item .av img{
  width:48px; height:48px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-msg-item .av .dot{
  position:absolute;
  right:-2px; bottom:-2px;
  width:14px; height:14px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.95);
  background: rgba(100,116,139,.7);
}
.giglance-msg-item .av .dot.online{ background: rgba(34,197,94,1); }
.giglance-msg-item .tx{ min-width:0; }
.giglance-msg-item .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-msg-item .top b{
  font-weight: 600;
  color:#0b1f16;
  min-width:0;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.giglance-msg-item p{
  margin: 8px 0 0;
  color:#475569;
  line-height: 1.8;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.giglance-msg-item .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-msg-item .pill.order i{ color:#3b82f6; }
.giglance-msg-item .pill.lead i{ color:#f59e0b; }

.giglance-msg-item .meta{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-msg-item .meta .sep{
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(100,116,139,.55);
}
.giglance-msg-item .meta .id{
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  font-weight: 600;
}
.giglance-msg-item .meta .unread{
  margin-left:auto;
  display:inline-grid;
  place-items:center;
  width:22px; height:22px;
  border-radius: 999px;
  background: rgba(31,79,58,.12);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  font-weight: 600;
}

/* footer hint */
.giglance-msg-footer .hint{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  color:#475569;
  line-height: 1.9;
}
.giglance-msg-footer .hint i{ color:#1f4f3a; margin-top:2px; }

/* chat container */
.giglance-msg-chat{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  flex-direction: column;
  min-height: 720px;
}
.giglance-msg-chatHead{
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background: rgba(15,23,42,.03);
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-chatHead .who{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.giglance-msg-chatHead .who img{
  width:48px; height:48px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-msg-chatHead .who b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-msg-chatHead .who span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-msg-chatHead .status{
  width:10px; height:10px;
  border-radius:999px;
  background: rgba(100,116,139,.65);
}
.giglance-msg-chatHead .status.online{ background: rgba(34,197,94,1); }
.giglance-msg-chatHead .actions{ display:flex; gap:10px; }

/* thread */
.giglance-msg-thread{
  padding: 14px;
  flex: 1;
  overflow:auto;
  background:
    radial-gradient(circle at 12% 10%, rgba(182,255,26,.10), transparent 40%),
    radial-gradient(circle at 86% 20%, rgba(31,79,58,.10), transparent 45%),
    rgba(255,255,255,.75);
}
.giglance-msg-day{
  display:flex;
  justify-content:center;
  margin: 8px 0 14px;
}
.giglance-msg-day span{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#64748b;
  font-weight: 600;
  font-size: 12px;
}

/* bubbles */
.giglance-msg-bubble{
  display:flex;
  gap:10px;
  margin-bottom: 12px;
  align-items:flex-end;
}
.giglance-msg-bubble .meta{
  display:flex;
  align-items:center;
  gap:10px;
}
.giglance-msg-bubble .meta img{
  width:34px; height:34px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-msg-bubble .meta .t{
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  white-space: nowrap;
}
.giglance-msg-bubble .body{
  max-width: 78%;
  padding: 12px 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  box-shadow: 0 12px 34px rgba(15,23,42,.06);
}
.giglance-msg-bubble .body p{
  margin: 0;
  color:#0b1f16;
  line-height: 1.9;
}
.giglance-msg-bubble .attach{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-msg-bubble .file{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  font-weight: 600;
  color:#0b1f16;
  font-size: 12px;
}
.giglance-msg-bubble .file i{ color:#1f4f3a; }

.giglance-msg-bubble.seller{
  flex-direction: row-reverse;
}
.giglance-msg-bubble.seller .body{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-msg-bubble.seller .meta{ flex-direction: row-reverse; }

.giglance-msg-bubble .miniCard{
  margin-top: 10px;
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.75);
}
.giglance-msg-bubble .miniCard i{
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.18);
  color:#1f4f3a;
}
.giglance-msg-bubble .miniCard b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-msg-bubble .miniCard span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}

/* composer */
.giglance-msg-compose{
  padding: 12px 14px;
  background: rgba(255,255,255,.88);
  border-top: 1px dashed rgba(31,79,58,.18);
  display:flex;
  align-items:center;
  flex-direction: column;
  /* justify-content:space-between; */
}
.giglance-msg-compose .top{
  display:flex;
  align-items:center;
  
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
.giglance-msg-compose .ic{
  width:42px; height:42px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  color:#0b1f16;
  transition:.2s ease;
  font-size: 14px;
}
.giglance-msg-compose .ic:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.16);
}
.giglance-msg-compose .giglance-msg-quick{
  display:flex;
  gap:10px;
  flex-wrap:nowrap;
}
.giglance-msg-compose .chip{
  border:none;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 14px;
}
.giglance-msg-compose .chip:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.18);
}

.giglance-msg-compose .box{
  width: 100%;
  display:flex;
  gap:10px;
  align-items:flex-end;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-compose .box:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-msg-compose textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.9;
  resize: none;
}
.giglance-msg-compose .send{
  width:44px; height:44px;
  border-radius: 18px;
  border:none;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.giglance-msg-compose .send:hover{ transform: translateY(-1px); }

.giglance-msg-compose .foot{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-msg-compose .hint{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#475569;
}
.giglance-msg-compose .link{
  text-decoration:none;
  font-weight: 1200;
  color:#0b1f16;
}
.giglance-msg-compose .link:hover{ text-decoration: underline; }

/* right sidebar */
.giglance-msg-side{
  position: sticky;
  top: 18px;
}
.giglance-msg-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-msg-card .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-card h2{ font-weight: 600; color:#0b1f16; }
.giglance-msg-card .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-msg-card .pill.active{
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.22);
  color:#1e3a8a;
}
.giglance-msg-card .rows .r{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(31,79,58,.14);
}
.giglance-msg-card .rows .r:last-child{ border-bottom:none; }
.giglance-msg-card .rows span{
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}
.giglance-msg-card .rows b{
  font-weight: 600;
  color:#0b1f16;
  text-align:right;
  font-size: 14px;
}
.giglance-msg-card .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-msg-card .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-msg-card .buyer{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-msg-card .buyer img{
  width:52px; height:52px;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-msg-card .buyer b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-msg-card .stars{
  margin-top: 8px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.giglance-msg-card .stars svg{ color:#f59e0b; }
.giglance-msg-card .stars em{
  font-style: normal;
  font-weight: 600;
  color:#64748b;
  margin-left: 6px;
}
.giglance-msg-card .mini{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-msg-card .mini .m{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-align:center;
}
.giglance-msg-card .mini b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-msg-card .mini span{ display:block; margin-top:6px; font-weight: 400; color:#64748b; font-size: 12px; }

.giglance-msg-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  font-weight: 600;
  color:#475569;
  line-height: 1.9;
}
.giglance-msg-tip i{ color:#1f4f3a; margin-top:2px; }

/* ========= Custom offer area ========= */
.giglance-msg-offer{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-msg-offerHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-offerHead h2{ font-weight: 600; color:#0b1f16; }
.giglance-msg-offerHead p{ color:#475569; margin-top:6px; line-height:1.9; }
.giglance-msg-offerHead .right{ display:flex; gap:10px; flex-wrap:wrap; }

/* offer boxes */
.giglance-msg-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
}
.giglance-msg-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-box h2{ font-weight: 600; color:#0b1f16; }

.giglance-msg-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}

/* inputs / selects / area */
.giglance-msg-input,
.giglance-msg-area{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-input:focus-within,
.giglance-msg-area:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-msg-input i,
.giglance-msg-area i{ color:#1f4f3a; margin-top: 4px; }
.giglance-msg-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
.giglance-msg-area textarea{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  line-height: 1.9;
  resize: vertical;
}

.giglance-msg-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 7px 44px 7px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-msg-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-msg-select i{ color:#1f4f3a; }
.giglance-msg-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-msg-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}

/* scope checklist */
.giglance-msg-scope{
  display:grid;
  gap:10px;
}
.giglance-msg-scope .it{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
}
.giglance-msg-scope .it input{ display:none; }
.giglance-msg-scope .it .box{
  width:46px; height:46px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  display:grid;
  place-items:center;
  color: transparent;
  flex:0 0 auto;
  transition:.2s ease;
}
.giglance-msg-scope .it .tx b{
  display:block;
  font-weight: 400;
  color:#0b1f16;
}
.giglance-msg-scope .it .tx span{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.9;
}
.giglance-msg-scope .it input:checked + .box{
  background: rgba(182,255,26,.22);
  color:#0b1f16;
  border-color: rgba(31,79,58,.18);
}
.giglance-msg-scope .it input:checked + .box i{ color:#0b1f16; }

/* extras */
.giglance-msg-extra{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-msg-extra .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
}
.giglance-msg-extra .tx{ flex:1; min-width:0; }
.giglance-msg-extra b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-msg-extra span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 12px; }
.giglance-msg-extra .pr{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}

/* drop area */
.giglance-msg-drop{
  padding: 18px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.25);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  text-align:center;
}
.giglance-msg-drop i{ font-size: 28px; color:#1f4f3a; }
.giglance-msg-drop b{ margin-top:10px; font-weight: 600; color:#0b1f16; }
.giglance-msg-drop span{ margin-top:6px; font-weight: 600; color:#64748b; font-size: 12px; }

/* offer side */
.giglance-msg-sideOffer{
  position: sticky;
  top: 18px;
}
.giglance-msg-miniBox{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
}
.giglance-msg-miniBox .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-msg-miniBox h2{ font-weight: 600; color:#0b1f16; }
.giglance-msg-miniBox .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-msg-miniBox .rows .r{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(31,79,58,.14);
}
.giglance-msg-miniBox .rows .r:last-child{ border-bottom:none; }
.giglance-msg-miniBox .rows span{ font-weight: 600; color:#64748b; }
.giglance-msg-miniBox .rows b{ font-weight: 600; color:#0b1f16; }
.giglance-msg-miniBox .tot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-msg-miniBox .tot span{ font-weight: 600; color:#64748b; }
.giglance-msg-miniBox .tot b{ font-weight: 600; color:#0b1f16; font-size: 18px; }
.giglance-msg-miniBox .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-msg-miniBox .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* responsive */
@media (max-width: 1199px){
  .giglance-msg-panel,
  .giglance-msg-side,
  .giglance-msg-sideOffer{ position: static; top:auto; }
  .giglance-msg-chat{ min-height: 640px; }
}
@media (max-width: 575px){
  .giglance-msg-head{ flex-direction: column; align-items: stretch; }
  .giglance-msg-bubble .body{ max-width: 100%; }
  .giglance-msg-chatHead{ flex-direction: column; align-items: stretch; }
  .giglance-msg-chatHead .actions{ justify-content:flex-end; }
}

/* =====================================================
GIGLANCE — EARNINGS & WITHDRAW STYLES
===================================================== */

.giglance-earn-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* header */
.giglance-earn-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-earn-head h4{ font-weight: 1200; color:#0b1f16; letter-spacing:-.3px; }
.giglance-earn-head p{ font-weight: 900; color:#475569; margin-top:6px; line-height:1.9; }
.giglance-earn-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 1200;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
}
.giglance-earn-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-earn-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 1200;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-earn-btn.primary{
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-earn-btn.primary:hover{ transform: translateY(-1px); }
.giglance-earn-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-earn-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-earn-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* KPIs */
.giglance-earn-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 92px;
}
.giglance-earn-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-earn-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-earn-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-earn-kpi .ic.warn{ color:#f59e0b; }
.giglance-earn-kpi .ic.ok{ color:#22c55e; }
.giglance-earn-kpi .ic.blue{ color:#3b82f6; }
.giglance-earn-kpi .tx span{
  display:block;
  font-weight: 1000;
  color:#64748b;
}
.giglance-earn-kpi .tx b{
  display:block;
  margin-top: 2px;
  font-weight: 1300;
  color:#0b1f16;
  letter-spacing: -.3px;
}
.giglance-earn-kpi .tx small{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
}

/* box */
.giglance-earn-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-earn-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-earn-box h5{ font-weight: 1200; color:#0b1f16; }
.giglance-earn-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1200;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* chips */
.giglance-earn-chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-earn-chips .chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1100;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-earn-chips .chip:hover{ transform: translateY(-1px); }
.giglance-earn-chips .chip.active{ background: rgba(182,255,26,.22); }

/* chart placeholder */
.giglance-earn-chart{
  position: relative;
  height: 220px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background:
    radial-gradient(circle at 12% 20%, rgba(182,255,26,.18), transparent 45%),
    radial-gradient(circle at 88% 10%, rgba(31,79,58,.10), transparent 48%),
    rgba(15,23,42,.03);
  overflow:hidden;
}
.giglance-earn-chart .gridline{
  position:absolute;
  left:0; right:0;
  height: 1px;
  background: rgba(31,79,58,.12);
}
.giglance-earn-chart .gridline:nth-child(1){ top: 25%; }
.giglance-earn-chart .gridline:nth-child(2){ top: 50%; }
.giglance-earn-chart .gridline:nth-child(3){ top: 75%; }

.giglance-earn-chart .curve{
  position:absolute;
  left: 3%;
  right: 3%;
  top: 10%;
  width: 94%;
  height: 80%;
  color: #1f4f3a;
  opacity: .85;
  filter: drop-shadow(0 18px 40px rgba(15,23,42,.18));
}
.giglance-earn-chart .legend{
  position:absolute;
  left: 12px;
  bottom: 12px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 1100;
  color:#0b1f16;
}
.giglance-earn-chart .legend i{ color:#1f4f3a; }
.giglance-earn-chart .legend .fa-regular{ color:#64748b; }

/* methods */
.giglance-earn-methods{ display:grid; gap:10px; }
.giglance-earn-method{
  position: relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
  transition:.2s ease;
}
.giglance-earn-method:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-earn-method input{ display:none; }
.giglance-earn-method .pick{
  width:26px; height:26px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.18);
  background: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  color: transparent;
  flex: 0 0 auto;
  transition:.2s ease;
}
.giglance-earn-method .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-earn-method .ic.pay{ color:#3b82f6; }
.giglance-earn-method .ic.mob{ color:#f59e0b; }
.giglance-earn-method .tx{ flex:1; min-width:0; }
.giglance-earn-method .tx b{
  display:block;
  font-weight: 1200;
  color:#0b1f16;
}
.giglance-earn-method .tx span{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
  font-size: 12px;
}
.giglance-earn-method .fee{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 1100;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-earn-method input:checked ~ .pick{
  background: rgba(182,255,26,.22);
  color:#0b1f16;
  border-color: rgba(31,79,58,.22);
}
.giglance-earn-method.active .pick{
  background: rgba(182,255,26,.22);
  color:#0b1f16;
  border-color: rgba(31,79,58,.22);
}
.giglance-earn-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  font-weight: 1000;
  color:#475569;
  line-height: 1.9;
}
.giglance-earn-tip i{ color:#1f4f3a; margin-top:2px; }

/* form */
.giglance-earn-form{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
}
.giglance-earn-label{
  display:block;
  font-weight: 1100;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-earn-balance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-earn-balance span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 1100;
  color:#64748b;
}
.giglance-earn-balance b{
  font-weight: 1300;
  color:#0b1f16;
  letter-spacing:-.2px;
}

.giglance-earn-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-earn-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-earn-input i{ color:#1f4f3a; }
.giglance-earn-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 1100;
}
.giglance-earn-input .max{
  border:none;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1200;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-earn-help{
  display:block;
  margin-top: 8px;
  font-weight: 900;
  color:#64748b;
}

.giglance-earn-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 44px 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-earn-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-earn-select i{ color:#1f4f3a; }
.giglance-earn-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 1100;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-earn-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-earn-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }

.giglance-earn-breakdown{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-earn-breakdown .r{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(31,79,58,.14);
}
.giglance-earn-breakdown .r:last-of-type{ border-bottom:none; }
.giglance-earn-breakdown span{ font-weight: 1000; color:#64748b; }
.giglance-earn-breakdown b{ font-weight: 1200; color:#0b1f16; }
.giglance-earn-breakdown .tot{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
}
.giglance-earn-breakdown .tot b{ font-weight: 1300; font-size: 18px; }

/* history table */
.giglance-earn-tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.giglance-earn-table thead th{
  font-weight: 1200;
  color:#0b1f16;
  border-bottom: 1px dashed rgba(31,79,58,.18) !important;
}
.giglance-earn-table td{
  border-bottom: 1px dashed rgba(31,79,58,.14) !important;
  font-weight: 900;
  color:#475569;
}
.giglance-earn-table b{ font-weight: 1200; color:#0b1f16; }
.giglance-earn-table .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  font-weight: 1100;
}
.giglance-earn-table .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.80);
  font-weight: 1100;
  white-space: nowrap;
}
.giglance-earn-table .st.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-earn-table .st.warn{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }
.giglance-earn-table .st.proc{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-earn-table .st.bad{ background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.22); color:#7f1d1d; }
.giglance-earn-table .link{
  font-weight: 1200;
  color:#0b1f16;
  text-decoration:none;
}
.giglance-earn-table .link:hover{ text-decoration: underline; }

/* side */
.giglance-earn-side{
  position: sticky;
  top: 18px;
}
.giglance-earn-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-earn-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-earn-mini h6{ font-weight: 1200; color:#0b1f16; }
.giglance-earn-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1200;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

.giglance-earn-verify{ display:grid; gap:10px; }
.giglance-earn-verify .it{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-earn-verify .it i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
}
.giglance-earn-verify .it.ok i{ color:#22c55e; }
.giglance-earn-verify .it.warn i{ color:#f59e0b; }
.giglance-earn-verify .it b{ display:block; font-weight: 1200; color:#0b1f16; }
.giglance-earn-verify .it span{ display:block; margin-top:6px; font-weight: 900; color:#64748b; font-size: 12px; }

.giglance-earn-tips{ display:grid; gap:10px; }
.giglance-earn-tips .t{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 1000;
  color:#475569;
  line-height: 1.9;
}
.giglance-earn-tips .t i{ color:#22c55e; margin-top:2px; }

.giglance-earn-alert{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-earn-alert i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-earn-alert b{ display:block; font-weight: 1200; color:#0b1f16; }
.giglance-earn-alert span{ display:block; margin-top:6px; font-weight: 900; color:#475569; line-height: 1.9; }

/* responsive */
@media (max-width: 1199px){
  .giglance-earn-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-earn-head{ flex-direction: column; align-items: stretch; }
}

/* =====================================================
GIGLANCE — ANALYTICS STYLES
===================================================== */
/* header */
.giglance-ana-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.giglance-ana-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-ana-head p{ color:#475569; margin-top:6px; line-height:1.9; }
.giglance-ana-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-ana-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* buttons */
.giglance-ana-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-ana-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-ana-btn.primary:hover{ transform: translateY(-1px); }
.giglance-ana-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ana-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ana-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* select/input */
.giglance-ana-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ana-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-ana-select i{ color:#1f4f3a; }
.giglance-ana-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-ana-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-ana-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }

.giglance-ana-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ana-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-ana-input i{ color:#1f4f3a; }
.giglance-ana-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}

/* KPI cards */
.giglance-ana-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 92px;
}
.giglance-ana-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-ana-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-ana-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-ana-kpi .ic.blue{ color:#3b82f6; }
.giglance-ana-kpi .ic.ok{ color:#22c55e; }
.giglance-ana-kpi .ic.money{ color:#f59e0b; }
.giglance-ana-kpi .tx span{
  display:block;
  font-weight: 600;
  color:#64748b;
}
.giglance-ana-kpi .tx b{
  display:block;
  margin-top: 2px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing: -.3px;
}
.giglance-ana-kpi .tx small{
  display:block;
  margin-top: 6px;
  font-weight: 400;
  color:#64748b;
}
.giglance-ana-kpi .tx small i{ color:#22c55e; }
.giglance-ana-kpi .tx .mini{
  font-weight: 600;
  color:#0b1f16;
}

/* bar */
.giglance-ana-bar{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 12px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-ana-bar .left{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-ana-bar .chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-ana-bar .chip:hover{ transform: translateY(-1px); }
.giglance-ana-bar .chip.active{ background: rgba(182,255,26,.22); }
.giglance-ana-bar .right{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* boxes */
.giglance-ana-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ana-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ana-box h5{ font-weight: 600; color:#0b1f16; }

.giglance-ana-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* toggle */
.giglance-ana-box .tog{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-ana-box .tog .t{
  border:none;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-ana-box .tog .t:hover{ transform: translateY(-1px); }
.giglance-ana-box .tog .t.active{ background: rgba(182,255,26,.22); }

/* chart */
.giglance-ana-chart{
  position: relative;
  height: 240px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background:
    radial-gradient(circle at 12% 20%, rgba(182,255,26,.18), transparent 45%),
    radial-gradient(circle at 88% 10%, rgba(31,79,58,.10), transparent 48%),
    rgba(15,23,42,.03);
  overflow:hidden;
}
.giglance-ana-chart .gridline{
  position:absolute;
  left:0; right:0;
  height: 1px;
  background: rgba(31,79,58,.12);
}
.giglance-ana-chart .gridline:nth-child(1){ top: 25%; }
.giglance-ana-chart .gridline:nth-child(2){ top: 50%; }
.giglance-ana-chart .gridline:nth-child(3){ top: 75%; }
.giglance-ana-chart .svg{
  position:absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: #1f4f3a;
  opacity: .9;
  filter: drop-shadow(0 18px 40px rgba(15,23,42,.18));
}
.giglance-ana-chart .legend{
  position:absolute;
  left: 12px;
  bottom: 12px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-ana-chart .legend i{ color:#1f4f3a; }
.giglance-ana-chart .legend .muted{ color:#64748b; }
.giglance-ana-chart .legend .fa-regular{ color:#64748b; }

/* miniRow */
.giglance-ana-miniRow{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:10px;
}
.giglance-ana-miniRow .m{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ana-miniRow b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ana-miniRow span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 14px; }
@media (max-width: 767px){
  .giglance-ana-miniRow{ grid-template-columns: repeat(2, 1fr); }
}

/* funnel */
.giglance-ana-funnel{ display:grid; gap:10px; }
.giglance-ana-funnel .step{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ana-funnel .k{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-ana-funnel .k span{ font-weight: 600; color:#64748b; }
.giglance-ana-funnel .k b{ font-weight: 600; color:#0b1f16; }
.giglance-ana-funnel .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-ana-funnel .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-ana-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  color:#475569;
  line-height: 1.9;
}
.giglance-ana-note i{ color:#1f4f3a; margin-top:2px; }
.giglance-ana-note b{ color:#0b1f16; font-weight: 600;}

/* table */
.giglance-ana-table thead th{
  font-weight: 600;
  color:#0b1f16;
  border-bottom: 1px dashed rgba(31,79,58,.18) !important;
}
.giglance-ana-table td{
  border-bottom: 1px dashed rgba(31,79,58,.14) !important;
  font-weight: 600;
  color:#475569;
}
.giglance-ana-table b{ font-weight: 600; color:#0b1f16; }
.giglance-ana-gig{
  display:flex;
  gap:12px;
  align-items:center;
  min-width: 260px;
}
.giglance-ana-gig img{
  width:54px; height:54px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-ana-gig span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-ana-gig span i{ color:#1f4f3a; }
.giglance-ana-table .pct{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.80);
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-ana-table .pct.good{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-ana-table .pct.mid{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-ana-table .pct.low{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }

/* side */
.giglance-ana-side{
  position: sticky;
  top: 18px;
}
.giglance-ana-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ana-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ana-mini h6{ font-weight: 600; color:#0b1f16; }
.giglance-ana-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* audience + sources */
.giglance-ana-splits{ display:grid; gap:12px; }
.giglance-ana-splits .it{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ana-splits .k b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ana-splits .k span{ display:block; margin-top:6px; color:#64748b; font-size: 14px; }
.giglance-ana-splits .list{ margin-top: 10px; display:grid; gap:8px; }
.giglance-ana-splits .list .r{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 8px 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-size: 16px;
}
.giglance-ana-splits .list span{ font-weight: 600; color:#475569; }
.giglance-ana-splits .list b{ font-weight: 600; color:#0b1f16; }
.giglance-ana-splits .list i{ color:#1f4f3a; margin-right: 8px; }

.giglance-ana-sources{ display:grid; gap:10px; }
.giglance-ana-sources .src{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ana-sources .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-ana-sources .ic.blue{ color:#3b82f6; }
.giglance-ana-sources .ic.warn{ color:#f59e0b; }
.giglance-ana-sources .ic.ok{ color:#22c55e; }
.giglance-ana-sources .tx{ flex:1; min-width:0; }
.giglance-ana-sources b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ana-sources span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 12px; }
.giglance-ana-sources .pr{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}

/* goals */
.giglance-ana-goals .goal{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-ana-goals .goal .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-ana-goals .goal b{ font-weight: 600; color:#0b1f16; font-size: 16px;}
.giglance-ana-goals .goal span{ font-weight: 600; color:#64748b; }
.giglance-ana-goals .goal .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-ana-goals .goal .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

.giglance-ana-reco{
  display:grid;
  gap:10px;
  margin-top: 12px;
}
.giglance-ana-reco .r{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
}
.giglance-ana-reco i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.16);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-ana-reco b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ana-reco span{ display:block; margin-top:6px; color:#64748b; line-height: 1.9; }

/* responsive */
@media (max-width: 1199px){
  .giglance-ana-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-ana-head{ flex-direction: column; align-items: stretch; }
}


/* =====================================================
GIGLANCE — CALENDAR & AVAILABILITY STYLES
===================================================== */

.giglance-cal-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* header */
.giglance-cal-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-cal-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-cal-head p{ color:#475569; margin-top:6px; line-height:1.9; }

.giglance-cal-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}

.giglance-cal-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}

.giglance-cal-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* switches */
.giglance-cal-switches{ display:flex; gap:10px; flex-wrap:wrap; }
.giglance-cal-switch{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
  user-select:none;
}
.giglance-cal-switch input{ display:none; }
.giglance-cal-switch .tx{ font-weight: 600; color:#0b1f16; white-space: nowrap; }
.giglance-cal-switch .track{
  width: 40px; height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.18);
  background: rgba(255,255,255,.85);
  position: relative;
  flex: 0 0 auto;
}
.giglance-cal-switch .track::after{
  content:"";
  position:absolute;
  top: 50%;
  left: 4px;
  width: 16px; height: 16px;
  border-radius: 999px;
  background: rgba(31,79,58,.75);
  transform: translateY(-50%);
  transition:.2s ease;
}
.giglance-cal-switch input:checked + .track{
  background: rgba(182,255,26,.22);
}
.giglance-cal-switch input:checked + .track::after{
  left: 20px;
  background: rgba(31,79,58,1);
}

/* buttons */
.giglance-cal-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-cal-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-cal-btn.primary:hover{ transform: translateY(-1px); }
.giglance-cal-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-cal-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-cal-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* boxes */
.giglance-cal-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  width: 100%;
}
.giglance-cal-box .bh{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-cal-box h5{ font-weight: 600; color:#0b1f16; }

/* month controls */
.giglance-cal-box .month{
  display:flex;
  align-items:center;
  gap:20px;
}
.giglance-cal-box .month .nav{
  width:44px; height:44px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-cal-box .month .nav:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-cal-box .month .title small{ color:#64748b; display:block; margin-top:6px; }

/* legend */
.giglance-cal-box .legend{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.giglance-cal-box .legend .l{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-cal-box .legend .a i{ color:#22c55e; }
.giglance-cal-box .legend .b i{ color:#f59e0b; }
.giglance-cal-box .legend .c i{ color:#ef4444; }
.giglance-cal-box .legend .d i{ color:#3b82f6; }

/* calendar grid */
.giglance-cal-grid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap:10px;
  overflow: scroll
}
.giglance-cal-grid .dow{
  font-weight: 600;
  color:#0b1f16;
  padding: 6px 10px;
  border-radius: 14px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-align:center;
}

.giglance-cal-grid .day{
  position: relative;
  border:none;
  text-align:left;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  min-height: 74px;
  transition:.2s ease;
  overflow:hidden;
}
.giglance-cal-grid .day:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-cal-grid .day .n{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-cal-grid .day .dot{
  position:absolute;
  left: 10px;
  bottom: 10px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-cal-grid .day .tag{
  position:absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 1100;
  color:#0b1f16;
  font-size: 12px;
  white-space: nowrap;
}

/* states */
.giglance-cal-grid .day.muted{
  opacity: .45;
}
.giglance-cal-grid .day.av{
  background: rgba(34,197,94,.09);
}
.giglance-cal-grid .day.av .dot{ background:#22c55e; }
.giglance-cal-grid .day.busy{
  background: rgba(245,158,11,.10);
}
.giglance-cal-grid .day.busy .dot{ background:#f59e0b; }
.giglance-cal-grid .day.blk{
  background: rgba(239,68,68,.10);
}
.giglance-cal-grid .day.blk .dot{ background:#ef4444; }
.giglance-cal-grid .day.del{
  background: rgba(59,130,246,.10);
}
.giglance-cal-grid .day.del .dot{ background:#3b82f6; }

.giglance-cal-grid .day.today{
  box-shadow: 0 0 0 5px rgba(182,255,26,.22), 0 18px 50px rgba(15,23,42,.10);
  border-color: rgba(31,79,58,.25);
}

/* list */
.giglance-cal-list{ display:grid; gap:10px; }
.giglance-cal-list .it{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  overflow: hidden;
}
.giglance-cal-list .it .l{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.giglance-cal-list .it .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#0b1f16;
  flex:0 0 auto;
}
.giglance-cal-list .it .tx{ min-width:0; }
.giglance-cal-list .it b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.giglance-cal-list .it span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-cal-list .it .tag{
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}

/* list states tint */
.giglance-cal-list .it.del{ background: rgba(59,130,246,.10); }
.giglance-cal-list .it.del .ic{ color:#3b82f6; }
.giglance-cal-list .it.blk{ background: rgba(239,68,68,.10); }
.giglance-cal-list .it.blk .ic{ color:#ef4444; }
.giglance-cal-list .it.busy{ background: rgba(245,158,11,.10); }
.giglance-cal-list .it.busy .ic{ color:#f59e0b; }

/* tools */
.giglance-cal-box .tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* select + input */
.giglance-cal-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-cal-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-cal-select i{ color:#1f4f3a; }
.giglance-cal-select select{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-cal-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-cal-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }

.giglance-cal-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-cal-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-cal-input i{ color:#1f4f3a; }
.giglance-cal-input input{
  width:100%;
  border:none; outline:none;
  background: transparent;
  font-weight: 1100;
}

/* sidebar */
.giglance-cal-side{
  position: sticky;
  top: 18px;
}
.giglance-cal-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-cal-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-cal-mini h6{ font-weight: 600; color:#0b1f16; }
.giglance-cal-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* days chips */
.giglance-cal-label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-cal-days{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-cal-days .d{
  cursor:pointer;
  user-select:none;
  font-size: 16px;
}
.giglance-cal-days .d input{ display:none; }
.giglance-cal-days .d span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 400;
  color:#0b1f16;
  transition:.2s ease;
  min-width: 54px;
}
.giglance-cal-days .d input:checked + span{
  background: rgba(182,255,26,.22);
  border-color: rgba(31,79,58,.18);
}
.giglance-cal-days .d span:hover{ transform: translateY(-1px); }

/* check list */
.giglance-cal-toggles{ display:grid; gap:10px; }
.giglance-cal-check{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
  user-select:none;
}
.giglance-cal-check input{ display:none; }
.giglance-cal-check .box{
  width:26px; height:26px;
  border-radius: 10px;
  border: 1px solid rgba(31,79,58,.18);
  background: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  color: transparent;
  flex: 0 0 auto;
}
.giglance-cal-check span{ font-weight: 400; color:#0b1f16; }
.giglance-cal-check input:checked + .box{
  background: rgba(182,255,26,.22);
  color:#0b1f16;
  border-color: rgba(31,79,58,.22);
}

/* textarea */
.giglance-cal-textarea{
  width:100%;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  padding: 10px 12px;
  font-weight: 400;
  outline:none;
  transition:.2s ease;
}
.giglance-cal-textarea:focus{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-cal-help{
  display:block;
  margin-top: 8px;
  color:#64748b;
}

/* bottom note */
.giglance-cal-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-cal-note i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-cal-note b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-cal-note span{ display:block; margin-top:6px; color:#475569; line-height: 1.9; }

/* responsive */
@media (max-width: 1199px){
  .giglance-cal-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-cal-head{ flex-direction: column; align-items: stretch; }
  .giglance-cal-grid .day{ min-height: 64px; }
  .giglance-cal-grid{ gap:8px; }
}

/* =====================================================
GIGLANCE — SELLER REVIEWS STYLES
===================================================== */

.giglance-srev-wrap{
  background:
    radial-gradient(circle at 12% 8%, rgba(182,255,26,.10), transparent 45%),
    radial-gradient(circle at 88% 16%, rgba(31,79,58,.12), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* header */
.giglance-srev-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-srev-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-srev-head p{ color:#475569; margin-top:6px; line-height:1.9; }

.giglance-srev-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}

.giglance-srev-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* inputs/selects */
.giglance-srev-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-srev-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-srev-input i{ color:#1f4f3a; }
.giglance-srev-input input{
  width:260px;
  max-width: 52vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
@media (max-width: 575px){
  .giglance-srev-input input{ width:100%; max-width:100%; }
}

.giglance-srev-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-srev-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-srev-select i{ color:#1f4f3a; }
.giglance-srev-select select{
  width: 180px;
  max-width: 42vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-srev-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-srev-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }
.giglance-srev-select.sm select{ width: 160px; max-width: 44vw; }

/* buttons */
.giglance-srev-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-srev-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#fff;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-srev-btn.primary:hover{ transform: translateY(-1px); }
.giglance-srev-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-srev-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-srev-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* KPI */
.giglance-srev-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 92px;
}
.giglance-srev-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-srev-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-srev-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-srev-kpi .ic.blue{ color:#3b82f6; }
.giglance-srev-kpi .ic.ok{ color:#22c55e; }
.giglance-srev-kpi .ic.warn{ color:#f59e0b; }
.giglance-srev-kpi .tx span{
  display:block;
  font-weight: 600;
  color:#64748b;
}
.giglance-srev-kpi .tx b{
  display:block;
  margin-top: 2px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing: -.3px;
}
.giglance-srev-kpi .tx small{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}
.giglance-srev-kpi .tx small i{ color:#22c55e; }

/* boxes */
.giglance-srev-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-srev-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-srev-box h5{ font-weight: 600; color:#0b1f16; }
.giglance-srev-box .tools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* review item */
.giglance-srev-item{
  padding: 16px 0;
  border-bottom: 1px dashed rgba(31,79,58,.16);
}
.giglance-srev-item:last-of-type{ border-bottom:none; }

.giglance-srev-item .top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-srev-item .l{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width: 0;
  flex: 1;
}
.giglance-srev-item .av{
  width:52px; height:52px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
  flex: 0 0 auto;
}
.giglance-srev-item .meta{ min-width:0; }
.giglance-srev-item .who b{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-srev-item .sub{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  line-height: 1.6;
}
.giglance-srev-item .gig{ margin-top: 10px; }
.giglance-srev-item .gig .cat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-srev-item .gig b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 620px;
}
@media (max-width: 991px){
  .giglance-srev-item .gig b{ max-width: 100%; white-space: normal; }
}

.giglance-srev-item .r{
  display:flex;
  flex-direction: column;
  align-items:flex-end;
  gap:10px;
}
@media (max-width: 767px){
  .giglance-srev-item .r{ align-items:flex-start; width:100%; }
}

/* stars */
.giglance-srev-item .stars{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 1200;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-srev-item .stars svg{ color: orange; font-size: 14px;}
.giglance-srev-item .stars span{ margin-left: 6px; }

.giglance-srev-item .stars.s4{ background: rgba(59,130,246,.12); }
.giglance-srev-item .stars.s3{ background: rgba(245,158,11,.12); }

.giglance-srev-item .chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width: 767px){
  .giglance-srev-item .chips{ justify-content:flex-start; }
}
.giglance-srev-item .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-srev-item .chip.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); color:#14532d; }
.giglance-srev-item .chip.mid{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.22); color:#1e3a8a; }
.giglance-srev-item .chip.low{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.22); color:#92400e; }

/* text */
.giglance-srev-item .txt{
  margin: 12px 0 0;
  color:#475569;
  line-height: 1.9;
}

/* actions */
.giglance-srev-item .actions{
  margin-top: 10px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.giglance-srev-item .lnk{
  font-weight: 600;
  color:#0b1f16;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-size: 14px;
}
.giglance-srev-item .lnk:hover{ text-decoration: underline; }

/* reply */
.giglance-srev-item .reply{
  margin-top: 12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.08));
}
.giglance-srev-item .rh{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
.giglance-srev-item .rh b{
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.giglance-srev-item .rh .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-srev-item .rh .pill.warn{
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.22);
  color:#92400e;
}

.giglance-srev-textarea{
  width:100%;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  padding: 10px 12px;
  font-weight: 400;
  outline:none;
  transition:.2s ease;
}
.giglance-srev-textarea:focus{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-srev-item .rb{
  margin-top: 10px;
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
@media (max-width: 575px){
  .giglance-srev-item .rb{ justify-content:stretch; }
  .giglance-srev-item .rb .giglance-srev-btn{ width:100%; }
}

/* pagination */
.giglance-srev-pagi{
  margin-top: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-srev-pagi .p{
  width:42px; height:42px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:grid;
  place-items:center;
  font-weight: 600;
  color:#0b1f16;
  text-decoration:none;
  transition:.2s ease;
}
.giglance-srev-pagi .p:hover{ transform: translateY(-1px); background: rgba(182,255,26,.18); }
.giglance-srev-pagi .p.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-srev-pagi .p.disabled{
  opacity:.45;
  pointer-events:none;
}
.giglance-srev-pagi .dots{ font-weight: 600; color:#64748b; }

/* sidebar */
.giglance-srev-side{
  position: sticky;
  top: 18px;
}
.giglance-srev-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-srev-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-srev-mini h6{ font-weight: 600; color:#0b1f16; }
.giglance-srev-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* distribution */
.giglance-srev-dist{ display:grid; gap:10px; }
.giglance-srev-dist .roww{
  display:grid;
  grid-template-columns: 70px 1fr 46px;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-srev-dist .k{ font-weight: 600; color:#0b1f16; }
.giglance-srev-dist .v{ font-weight: 600; color:#0b1f16; text-align:right; }
.giglance-srev-dist .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-srev-dist .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* callout */
.giglance-srev-call{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-srev-call .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-srev-call b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-srev-call span{ display:block; margin-top:6px; color:#475569; line-height: 1.7; }

/* highlights */
.giglance-srev-high{ display:grid; gap:10px; }
.giglance-srev-high .h{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-srev-high .h i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-srev-high .h.warn i{ color:#f59e0b; }
.giglance-srev-high .h div{ flex:1; min-width:0; }
.giglance-srev-high .h b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-srev-high .h span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 14px; }
.giglance-srev-high .h .pct{
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-srev-high .h.warn .pct{
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.22);
  color:#92400e;
}

/* templates */
.giglance-srev-templates{ display:grid; gap:10px; }
.giglance-srev-templates .tmp{
  border:none;
  text-align:left;
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-srev-templates .tmp:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-srev-templates .tmp i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-srev-templates .tmp b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-srev-templates .tmp span{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 14px; }

/* responsive sticky */
@media (max-width: 1199px){
  .giglance-srev-side{ position: static; top:auto; }
}
@media (max-width: 575px){
  .giglance-srev-head{ flex-direction: column; align-items: stretch; }
}

/* =====================================================
GIGLANCE — DISPUTES & RESOLUTION STYLES
===================================================== */

/* header */
.giglance-dis-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-dis-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-dis-head p{ color:#475569; margin-top:6px; line-height:1.9; }

.giglance-dis-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}

.giglance-dis-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* input/selects */
.giglance-dis-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-dis-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-dis-input i{ color:#1f4f3a; }
.giglance-dis-input input{
  width:260px;
  max-width: 52vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
@media (max-width: 575px){
  .giglance-dis-input input{ width:100%; max-width:100%; }
}

.giglance-dis-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-dis-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-dis-select i{ color:#1f4f3a; }
.giglance-dis-select select{
  width: 170px;
  max-width: 44vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-dis-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-dis-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }
.giglance-dis-select.sm select{ width: 160px; max-width: 44vw; }

/* buttons */
.giglance-dis-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-dis-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-dis-btn.primary:hover{ transform: translateY(-1px); }
.giglance-dis-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-dis-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dis-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* KPIs */
.giglance-dis-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 150px;
}
.giglance-dis-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-dis-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-dis-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-dis-kpi .ic.ok{ color:#22c55e; }
.giglance-dis-kpi .ic.warn{ color:#f59e0b; }
.giglance-dis-kpi .ic.blue{ color:#3b82f6; }
.giglance-dis-kpi .tx span{
  display:block;
  font-weight: 600;
  color:#64748b;
}
.giglance-dis-kpi .tx b{
  display:block;
  margin-top: 2px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing: -.3px;
}
.giglance-dis-kpi .tx small{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}

/* boxes */
.giglance-dis-box,
.giglance-dis-case{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-dis-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-dis-box h5{ font-weight: 600; color:#0b1f16; }
.giglance-dis-box .tools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* list */
.giglance-dis-list{ display:grid; gap:10px; }
.giglance-dis-item{
  text-decoration:none;
  color: inherit;
  display:block;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-dis-item:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dis-item.active{
  border-color: rgba(31,79,58,.28);
  box-shadow: 0 0 0 5px rgba(182,255,26,.18), 0 20px 60px rgba(15,23,42,.10);
}
.giglance-dis-item .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-dis-item .id{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-dis-item .l{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-size: 14px;}

.giglance-dis-item .mid{ margin-top: 10px; }
.giglance-dis-item .mid b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.3;
}
.giglance-dis-item .mid .sub{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
  line-height: 1.7;
}

.giglance-dis-item .btm{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* chips */
.giglance-dis-item .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-dis-item .chip.money{
  background: rgba(182,255,26,.20);
}
.giglance-dis-item .chip.ok{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.20);
  color:#14532d;
}
.giglance-dis-item .chip.warn{
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.20);
  color:#92400e;
}

/* status badges */
.giglance-dis-item .st,
.case-head .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-dis-item .st i,
.case-head .st i{ font-size: 10px; }

.st.open i{ color:#22c55e; }
.st.review i{ color:#3b82f6; }
.st.nego i{ color:#f59e0b; }
.st.resolved i{ color:#22c55e; }
.st.closed i{ color:#64748b; }
.st.admin i{ color:#ef4444; }

/* priority */
.giglance-dis-item .pri,
.case-head .pri{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.pri.high{ background: rgba(239,68,68,.10); border-color: rgba(239,68,68,.18); color:#7f1d1d; }
.pri.norm{ background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.18); color:#92400e; }
.pri.low{ background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.18); color:#14532d; }

/* case head */
.giglance-dis-case .case-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.case-head .l{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.case-ico{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
}
.case-head .tline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.case-head h5{ font-weight: 600; color:#0b1f16; }

/* summary */
.case-sum{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top: 12px;
}
@media (max-width: 575px){
  .case-sum{ grid-template-columns: 1fr; }
}
.case-sum .sum{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.case-sum .sum span{ display:block; font-weight: 600; color:#64748b; }
.case-sum .sum b{ display:block; margin-top:6px; font-weight: 600; color:#0b1f16; }
.case-sum .sum small{ display:block; margin-top:6px; color:#64748b; }

/* thread */
.giglance-dis-thread{
  margin-top: 12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  max-height: 360px;
  overflow:auto;
}
.giglance-dis-thread .msg{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom: 12px;
}
.giglance-dis-thread .mav img{
  width:42px; height:42px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-dis-thread .mbox{
  flex:1;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
}
.giglance-dis-thread .mh{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 8px;
}
.giglance-dis-thread .mh b{ font-weight: 600; color:#0b1f16; }
.giglance-dis-thread .mh span{ font-weight: 600; color:#64748b; font-size: 12px; }
.giglance-dis-thread p{
  margin:0;
  color:#475569;
}
.giglance-dis-thread .mchips{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-dis-thread .mchips .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-dis-thread .mchips .chip.ok{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.20);
  color:#14532d;
}

/* align seller messages */
.giglance-dis-thread .msg.seller{ flex-direction: row-reverse; }
.giglance-dis-thread .msg.seller .mbox{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* system note */
.giglance-dis-thread .msg.sys{ justify-content:center; }
.giglance-dis-thread .sysbox{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.12);
  max-width: 520px;
}
.giglance-dis-thread .sysbox i{
  width:40px; height:40px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-dis-thread .sysbox b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-dis-thread .sysbox span{
  display:block;
  margin-top:6px;
  color:#475569;
  line-height: 1.8;
}

/* actions area */
.giglance-dis-actions{
  margin-top: 12px;
  display:grid;
  gap:12px;
}
.giglance-dis-actions b{
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-dis-actions .evidence,
.giglance-dis-actions .compose{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}

.giglance-dis-actions .upl .drop{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.22);
  background: rgba(255,255,255,.60);
}
.giglance-dis-actions .upl .drop i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-dis-actions .upl .drop b{ margin:0; display:block; }
.giglance-dis-actions .upl .drop span{
  display:block;
  margin-top:6px;
  font-weight: 600;
  color:#64748b;
  line-height: 1.7;
  font-size: 14px;
}
.giglance-dis-actions .upl .files{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-dis-actions .upl .files .f{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}

/* textarea */
.giglance-dis-textarea{
  width:100%;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  padding: 10px 12px;
  font-weight: 400;
  outline:none;
  transition:.2s ease;
}
.giglance-dis-textarea:focus{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}

.giglance-dis-actions .btnrow{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width: 575px){
  .giglance-dis-actions .btnrow{ justify-content:stretch; }
  .giglance-dis-actions .btnrow .giglance-dis-btn{ width:100%; }
}

/* resolution buttons */
.giglance-dis-actions .resolutions{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
@media (max-width: 575px){
  .giglance-dis-actions .resolutions{ grid-template-columns: 1fr; }
}
.giglance-dis-actions .rbtn{
  border:none;
  text-align:left;
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  transition:.2s ease;
}
.giglance-dis-actions .rbtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-dis-actions .rbtn i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.90);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-dis-actions .rbtn b{ margin:0; display:block; }
.giglance-dis-actions .rbtn span{
  display:block;
  margin-top:6px;
  font-weight: 400;
  color:#64748b;
  line-height: 1.7;
}
.giglance-dis-actions .rbtn.danger{
  background: rgba(239,68,68,.08);
  border-color: rgba(239,68,68,.16);
}
.giglance-dis-actions .rbtn.danger i{ color:#ef4444; }

/* bottom note */
.giglance-dis-note{
  margin-top: 12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-dis-note i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-dis-note b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-dis-note span{ display:block; margin-top:6px; color:#475569; line-height: 1.9; }

/* =====================================================
GIGLANCE — PROMOTIONS STYLES
===================================================== */

/* header */
.giglance-pro-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-pro-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-pro-head p{ color:#475569; margin-top:6px; line-height:1.9; }

.giglance-pro-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}

.giglance-pro-head .right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* input/select */
.giglance-pro-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  font-size: 16px;
}
.giglance-pro-input:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-pro-input i{ color:#1f4f3a; }
.giglance-pro-input input{
  width:260px;
  max-width: 52vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
}
@media (max-width: 575px){
  .giglance-pro-input input{ width:100%; max-width:100%; }
}

.giglance-pro-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 5px 44px 5px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-pro-select:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-pro-select i{ color:#1f4f3a; }
.giglance-pro-select select{
  width: 170px;
  max-width: 44vw;
  border:none; outline:none;
  background: transparent;
  font-weight: 400;
  cursor:pointer;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.giglance-pro-select::after{
  content:"";
  position:absolute;
  right: 14px;
  top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid rgba(31,79,58,.75);
  border-bottom: 2px solid rgba(31,79,58,.75);
  transform: translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.giglance-pro-select.sm{ padding: 8px 40px 8px 10px; border-radius: 16px; }
.giglance-pro-select.sm select{ width: 160px; max-width: 44vw; }

/* buttons */
.giglance-pro-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-pro-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-pro-btn.primary:hover{ transform: translateY(-1px); }
.giglance-pro-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-pro-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-pro-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* KPI */
.giglance-pro-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 92px;
}
.giglance-pro-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-pro-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-pro-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-pro-kpi .ic.blue{ color:#3b82f6; }
.giglance-pro-kpi .ic.ok{ color:#22c55e; }
.giglance-pro-kpi .ic.warn{ color:#f59e0b; }
.giglance-pro-kpi .tx span{ display:block; font-weight: 600; color:#64748b;}
.giglance-pro-kpi .tx b{ display:block; margin-top:2px; font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-pro-kpi .tx small{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 16px;}
.giglance-pro-kpi .tx small i{ color:#22c55e; }

/* tabs */
.giglance-pro-tabs{
  position: relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
}
.giglance-pro-tab{
  position: relative;
  z-index: 2;
  border:none;
  padding: 10px 12px;
  border-radius: 18px;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-pro-tab:hover{
  background: rgba(15,23,42,.03);
}
.giglance-pro-tab.active{
  color:#0b1f16;
}
.giglance-pro-indicator{
  position:absolute;
  inset: 10px auto 10px 10px;
  width: 160px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(31,79,58,.10), rgba(182,255,26,.22));
  border: 1px solid rgba(31,79,58,.12);
  transition: transform .25s ease, width .25s ease;
  z-index:1;
}

/* panels */
.giglance-pro-panel{ display:none; }
.giglance-pro-panel.active{ display:block; }

/* boxes */
.giglance-pro-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-pro-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-pro-box h5{ font-weight: 600; color:#0b1f16; }
.giglance-pro-box .tools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* campaign card */
.giglance-pro-camp{
  height: 100%;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  position: relative;
  overflow: hidden;
}
.giglance-pro-camp::before{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:160px; height:160px;
  background: radial-gradient(circle, rgba(182,255,26,.18), transparent 60%);
  filter: blur(2px);
  transform: rotate(18deg);
}
.giglance-pro-camp:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-pro-camp.active{
  border-color: rgba(31,79,58,.28);
  box-shadow: 0 0 0 5px rgba(182,255,26,.18), 0 26px 70px rgba(15,23,42,.12);
}
.giglance-pro-camp .ch{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-pro-camp .type{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-camp h6{ font-weight: 600; color:#0b1f16; position:relative; z-index:1; }
.giglance-pro-camp p{ color:#475569; line-height: 1.9; position:relative; z-index:1; margin-top:6px; }

.giglance-pro-camp .meta{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  position:relative; z-index:1;
}
.giglance-pro-camp .meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.60);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}

.giglance-pro-camp .stats{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  position:relative; z-index:1;
}
.giglance-pro-camp .stats .s{
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
}
.giglance-pro-camp .stats .s span{ display:block; font-weight: 600; color:#64748b; font-size: 14px;}
.giglance-pro-camp .stats .s b{ display:block; margin-top:6px; font-weight: 600; color:#0b1f16; }

.giglance-pro-camp .foot{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  position:relative; z-index:1;
}
.giglance-pro-camp .roi{ display:flex; align-items:center; gap:10px; }
.giglance-pro-camp .roi b{ font-weight: 1200; color:#0b1f16; }
.giglance-pro-camp .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-camp .pill.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-pro-camp .pill.mid{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#92400e; }
.giglance-pro-camp .btns{ display:flex; gap:10px; }

/* status tags */
.giglance-pro-camp .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-pro-camp .st i{ font-size: 10px; }
.giglance-pro-camp .st.live i{ color:#22c55e; }
.giglance-pro-camp .st.sched i{ color:#3b82f6; }
.giglance-pro-camp .st.paused i{ color:#f59e0b; }
.giglance-pro-camp .st.ended i{ color:#64748b; }

/* side */
.giglance-pro-side{ position: sticky; top: 18px; }
.giglance-pro-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-pro-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-pro-mini h6{ font-weight: 600; color:#0b1f16; }
.giglance-pro-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-tips{ display:grid; gap:10px; }
.giglance-pro-tips .tip{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-pro-tips .tip i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-pro-tips .tip b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-pro-tips .tip span{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* budget bar */
.giglance-pro-budget .roww{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-pro-budget span{ font-weight: 600; color:#64748b; }
.giglance-pro-budget b{ font-weight: 600; color:#0b1f16; }
.giglance-pro-budget .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
  margin-bottom: 10px;
}
.giglance-pro-budget .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* boosted gigs table */
.giglance-pro-table{
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  overflow:hidden;
}
.giglance-pro-table .tr{
  display:grid;
  grid-template-columns: 2.2fr 1fr .9fr .8fr .8fr 1fr .8fr;
  gap:10px;
  padding: 12px;
  align-items:center;
  border-bottom: 1px dashed rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
}
.giglance-pro-table .tr.th{
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-table .tr:last-child{ border-bottom:none; }
.giglance-pro-table .gig{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 0;
}
.giglance-pro-table .gig img{
  width:46px; height:46px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-pro-table .gig b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-pro-table .gig span{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 12px;
}
.giglance-pro-table .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-table .badge i{ font-size: 10px; }
.giglance-pro-table .badge.live i{ color:#22c55e; }
.giglance-pro-table .badge.paused i{ color:#f59e0b; }
.giglance-pro-table .link{
  font-weight: 600;
  color:#0b1f16;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.giglance-pro-table .link:hover{ text-decoration: underline; }

/* coupons */
.giglance-pro-coupons{ display:grid; gap:12px; }
.giglance-pro-coupons .coup{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-pro-coupons .coup .h{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom: 10px;
}
.giglance-pro-coupons .coup .h b{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:.4px;
}
.giglance-pro-coupons .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-coupons .pill i{ font-size:10px; }
.giglance-pro-coupons .coup.live .pill i{ color:#22c55e; }
.giglance-pro-coupons .coup .pill.sched i{ color:#3b82f6; }
.giglance-pro-coupons .coup.ended .pill.ended i{ color:#64748b; }

.giglance-pro-coupons .coup .b{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-pro-coupons .coup .b span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-coupons .coup .f{
  margin-top: 12px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.giglance-pro-coupons .coup .f span{
  font-weight: 600;
  color:#475569;
}
.giglance-pro-coupons .coup .f span b{ color:#0b1f16; }
.giglance-pro-coupons .coup .btns{ display:flex; gap:10px; }

/* credits */
.giglance-pro-credit{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 991px){
  .giglance-pro-credit{ grid-template-columns: 1fr; }
}
.giglance-pro-credit .cardx{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-pro-credit .t{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.giglance-pro-credit .lab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight: 600;
  color:#475569;
}
.giglance-pro-credit b{
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-credit .b{
  margin-top: 10px;
  display:grid;
  gap:10px;
}
.giglance-pro-credit .b span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}

/* note */
.giglance-pro-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-pro-note i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-pro-note b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-pro-note span{ display:block; margin-top:6px; font-weight: 600; color:#475569; line-height: 1.9; }

/* rules */
.giglance-pro-rules{ display:grid; gap:10px; }
.giglance-pro-rules .rule{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
}
.giglance-pro-rules .rule input{
  width: 18px; height: 18px;
  margin-top: 4px;
  accent-color: #1f4f3a;
}
.giglance-pro-rules .rule b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-pro-rules .rule small{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
  line-height: 1.8;
}

/* sticky */
.giglance-pro-side{ position: sticky; top: 18px; }
@media (max-width: 1199px){
  .giglance-pro-side{ position: static; top:auto; }
}

/* responsive table */
@media (max-width: 1199px){
  .giglance-pro-table .tr{
    grid-template-columns: 1.6fr 1fr .9fr .8fr .8fr 1fr .8fr;
  }
}
@media (max-width: 767px){
  .giglance-pro-table{ overflow:auto; }
  .giglance-pro-table .tr{ min-width: 860px; }
}

/* =====================================================
GIGLANCE — CREATE PROMOTION MODAL STYLES
===================================================== */

/* modal base */
.giglance-pro-modal{
  border: 1px solid rgba(31,79,58,.12);
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(182,255,26,.12), transparent 45%),
    radial-gradient(circle at 95% 15%, rgba(31,79,58,.10), transparent 45%),
    rgba(255,255,255,.92);
  box-shadow: 0 26px 90px rgba(15,23,42,.18);
  backdrop-filter: blur(10px);
}

/* header */
.giglance-pro-mh{
  border-bottom: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.75);
}
.giglance-pro-mtitle{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-pro-mtitle .ico{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
}
.giglance-pro-mtitle h5{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.2px;
}
.giglance-pro-mtitle small{
  color:#64748b;
}

/* stepper */
.giglance-pro-stepper{
  position: relative;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding: 12px 12px 18px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
  background: rgba(255,255,255,.60);
}
.giglance-pro-step{
  position: relative;
  z-index: 2;
  border:none;
  background: transparent;
  padding: 10px 12px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  text-align:left;
}
.giglance-pro-step:hover{ background: rgba(15,23,42,.03); }
.giglance-pro-step .num{
  width:36px; height:36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  font-weight: 600;
}
.giglance-pro-step .txt b{
  display:block;
  color:#0b1f16;
}
.giglance-pro-step .txt small{
  display:block;
  margin-top: 4px;
  font-weight: 600;
  color:#64748b;
}
.giglance-pro-step.active .num{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  border: none;
}
.giglance-pro-stepbar{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  height: 8px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-pro-stepbar .fill{
  display:block;
  height:100%;
  width:25%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  transition: width .25s ease;
}

/* body */
.giglance-pro-mb{ padding: 18px; }

/* wizard panels */
.giglance-pro-wiz{ display:none; }
.giglance-pro-wiz.active{ display:block; }
.giglance-pro-whead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-pro-whead h6{ font-weight: 600; color:#0b1f16; }
.giglance-pro-whead .hint{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  color:#0b1f16;
  white-space: nowrap;
}

/* type cards */
.giglance-pro-typegrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  margin-top: 12px;
}
@media (max-width: 991px){
  .giglance-pro-typegrid{ grid-template-columns: 1fr; }
}
.giglance-pro-typecard input{ display:none; }
.giglance-pro-typecard .cardx{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
  cursor:pointer;
  height: 100%;
}
.giglance-pro-typecard .ic{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-pro-typecard .ic.disc{ color:#f59e0b; }
.giglance-pro-typecard .ic.coup{ color:#3b82f6; }
.giglance-pro-typecard .tx b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-typecard .tx small{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
}
.giglance-pro-typecard .chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.giglance-pro-typecard .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-pro-typecard .cardx:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-pro-typecard input:checked + .cardx{
  border-color: rgba(31,79,58,.28);
  box-shadow: 0 0 0 5px rgba(182,255,26,.18), 0 26px 70px rgba(15,23,42,.12);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}

/* select gigs */
.giglance-pro-pickbar{
  margin-top: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.giglance-pro-giglist{
  margin-top: 12px;
  display:grid;
  gap:10px;
}
.giglance-pro-gigitem input{ display:none; }
.giglance-pro-gigitem .rowx{
  display:grid;
  grid-template-columns: 70px 1fr auto;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
  transition:.2s ease;
}
@media (max-width: 575px){
  .giglance-pro-gigitem .rowx{
    grid-template-columns: 70px 1fr;
  }
  .giglance-pro-gigitem .meta{ grid-column: 1 / -1; justify-content:flex-start; }
}
.giglance-pro-gigitem .img img{
  width:70px; height:54px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-pro-gigitem .info b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.3;
}
.giglance-pro-gigitem .info small{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  font-size: 14px;
}
.giglance-pro-gigitem .tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.giglance-pro-gigitem .tags .t{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-pro-gigitem .meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
}
.giglance-pro-gigitem .meta .p{
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-gigitem .meta .s{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-pro-gigitem .meta .s.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-pro-gigitem .meta .s.mid{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#92400e; }
.giglance-pro-gigitem .meta .s.low{ background: rgba(100,116,139,.12); border-color: rgba(100,116,139,.20); color:#334155; }

.giglance-pro-gigitem .rowx:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-pro-gigitem input:checked + .rowx{
  border-color: rgba(31,79,58,.28);
  box-shadow: 0 0 0 5px rgba(182,255,26,.18), 0 26px 70px rgba(15,23,42,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}

/* fields */
.giglance-pro-field{ margin-top: 12px; }
.giglance-pro-field label{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 8px;
}
.giglance-pro-field .ctrl{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 42px 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  transition:.2s ease;
}
.giglance-pro-field .ctrl:focus-within{
  background: rgba(255,255,255,.92);
  border-color: rgba(31,79,58,.35);
  box-shadow: 0 0 0 5px rgba(182,255,26,.20), 0 18px 50px rgba(15,23,42,.08);
}
.giglance-pro-field .ctrl i{ color:#1f4f3a; }
.giglance-pro-field .ctrl input,
.giglance-pro-field .ctrl select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
}
.giglance-pro-field .ctrl select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  cursor:pointer;
}
.giglance-pro-field .ctrl .suf{
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  color:#0b1f16;
  opacity:.8;
}
.giglance-pro-field small{
  display:block;
  margin-top: 8px;
  color:#64748b;
}

/* keyword chips */
.giglance-pro-chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding: 12px;
  border-radius: 22px;
  border: 1px dashed rgba(31,79,58,.18);
  background: rgba(15,23,42,.03);
}
.giglance-pro-chips .chip{
  border:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-chips .chip.add{
  background: rgba(182,255,26,.22);
}

/* preview */
.giglance-pro-preview{
  margin-top: 12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-pro-preview .pv-top{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}
.giglance-pro-preview .pv-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-pro-preview .pv-name b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-preview .pv-name small{
  display:block;
  margin-top: 6px;
  color:#64748b;
}
.giglance-pro-preview .pv-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top: 12px;
}
@media (max-width: 575px){
  .giglance-pro-preview .pv-grid{ grid-template-columns: 1fr; }
}
.giglance-pro-preview .pv-card{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
}
.giglance-pro-preview .pv-card span{ display:block; font-weight: 600; color:#64748b; }
.giglance-pro-preview .pv-card b{ display:block; margin-top:6px; font-weight: 600; color:#0b1f16; }
.giglance-pro-preview .pv-card small{ display:block; margin-top:6px; color:#64748b; }

.giglance-pro-preview .pv-gigs{
  margin-top: 12px;
  display:grid;
  gap:10px;
}
.giglance-pro-preview .pv-gigs .gig{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
}
.giglance-pro-preview .pv-gigs .gig img{
  width:54px; height:42px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-pro-preview .pv-gigs .gig b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-pro-preview .pv-gigs .gig small{
  display:block;
  margin-top: 6px;
  color:#64748b;
}
.giglance-pro-preview .pv-gigs .gig .tag{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-pro-preview .pv-gigs .gig .tag.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-pro-preview .pv-gigs .gig .tag.mid{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#92400e; }

.giglance-pro-preview .pv-note{
  margin-top: 12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-pro-preview .pv-note i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-pro-preview .pv-note b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-pro-preview .pv-note span{ display:block; margin-top:6px; color:#475569; line-height: 1.9; }

/* right summary */
.giglance-pro-live{
  position: sticky;
  top: 18px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
@media (max-width: 1199px){
  .giglance-pro-live{ position: static; top:auto; }
}
.giglance-pro-live .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-pro-live h6{ font-weight: 600; color:#0b1f16; }
.giglance-pro-live .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-pro-live .sum .roww{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-pro-live .sum span{ font-weight: 600; color:#64748b; font-size: 16px;}
.giglance-pro-live .sum b{ font-weight: 600; color:#0b1f16; font-size: 16px;}
.giglance-pro-live .bar{
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-pro-live .bar span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* footer */
.giglance-pro-mf{
  border-top: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.75);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-pro-mf .mid .hint{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 1100;
  color:#0b1f16;
  white-space: nowrap;
}

/* =====================================================
GIGLANCE — SELLER REFERRALS STYLES
===================================================== */

/* header */
.giglance-ref-head{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-ref-head h4{ font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-ref-head p{ color:#64748b; margin-top:6px; line-height:1.9; }
.giglance-ref-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 16px;
}
.giglance-ref-head .right{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* buttons */
.giglance-ref-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-ref-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-ref-btn.primary:hover{ transform: translateY(-1px); }
.giglance-ref-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ref-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* KPIs */
.giglance-ref-kpi{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  gap:12px;
  transition:.2s ease;
  min-height: 92px;
}
.giglance-ref-kpi:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}
.giglance-ref-kpi.glow{
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
}
.giglance-ref-kpi .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-ref-kpi .ic.ok{ color:#22c55e; }
.giglance-ref-kpi .ic.blue{ color:#3b82f6; }
.giglance-ref-kpi .ic.warn{ color:#f59e0b; }
.giglance-ref-kpi .tx span{ display:block; font-weight: 600; color:#64748b; }
.giglance-ref-kpi .tx b{ display:block; margin-top:2px; font-weight: 600; color:#0b1f16; letter-spacing:-.3px; }
.giglance-ref-kpi .tx small{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 16px;}
.giglance-ref-kpi .tx small i{ color:#22c55e; }

/* boxes */
.giglance-ref-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ref-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ref-box h5{ font-weight: 600; color:#0b1f16; }
.giglance-ref-box .tools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.giglance-ref-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* referral link */
.giglance-ref-link .field{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-ref-link .field i{ color:#1f4f3a; }
.giglance-ref-link .field input{
  flex:1;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  min-width: 0;
}
.giglance-ref-share{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  text-decoration:none;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-ref-share:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ref-link .share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 12px;
}
.giglance-ref-link .note{
  margin-top: 12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
  color:#0b1f16;
}
.giglance-ref-link .note i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}

/* tabs */
.giglance-ref-tabs{
  position: relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
}
.giglance-ref-tab{
  position: relative;
  z-index: 2;
  border:none;
  padding: 10px 12px;
  border-radius: 18px;
  background: transparent;
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
}
.giglance-ref-tab:hover{ background: rgba(15,23,42,.03); }
.giglance-ref-indicator{
  position:absolute;
  inset: 10px auto 10px 10px;
  width: 140px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(31,79,58,.10), rgba(182,255,26,.22));
  border: 1px solid rgba(31,79,58,.12);
  transition: transform .25s ease, width .25s ease;
  z-index:1;
}

/* panels */
.giglance-ref-panel{ display:none; }
.giglance-ref-panel.active{ display:block; }

/* tiers */
.giglance-ref-tier{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 991px){
  .giglance-ref-tier{ grid-template-columns: 1fr; }
}
.giglance-ref-tier .tcard{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-ref-tier .tcard:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-ref-tier .top{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.giglance-ref-tier .top b{ font-weight: 600; color:#0b1f16; }
.giglance-ref-tier p{ margin: 10px 0 0; color:#64748b; line-height: 1.9; }
.giglance-ref-tier .badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-ref-tier .badge.ok{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#14532d; }
.giglance-ref-tier .badge.mid{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#92400e; }
.giglance-ref-tier .badge.blue{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.20); color:#1e3a8a; }
.giglance-ref-tier .reward{
  margin-top: 12px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
}
.giglance-ref-tier .reward span{ font-weight: 600; color:#64748b; }
.giglance-ref-tier .reward b{ font-weight: 600; color:#0b1f16; }

/* timeline */
.giglance-ref-timeline{
  position: relative;
  padding: 16px 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:grid;
  gap:12px;
}
.giglance-ref-timeline .line{
  position:absolute;
  left: 10px;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(31,79,58,.45), rgba(182,255,26,.55));
  opacity:.5;
}
.giglance-ref-timeline .node{
  position: relative;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding-left: 6px;
}
.giglance-ref-timeline .dot{
  width: 36px; height:36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(31,79,58,.12);
  color:#0b1f16;
  flex:0 0 auto;
  margin-left: 8px;
}
.giglance-ref-timeline .node.done .dot{ color:#14532d; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); }
.giglance-ref-timeline .node.live .dot{ background: rgba(182,255,26,.22); border-color: rgba(31,79,58,.14); }
.giglance-ref-timeline .info b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ref-timeline .info small{ display:block; margin-top: 6px; color:#64748b; }

/* mini */
.giglance-ref-mini{
  width: 100%;
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:10px;
}
@media (max-width: 575px){
  .giglance-ref-mini{ grid-template-columns: 1fr; }
}
.giglance-ref-mini .m{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
}
.giglance-ref-mini .m i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-ref-mini .m b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ref-mini .m small{ display:block; margin-top: 6px; color:#64748b; line-height: 1.8; }

/* table */
.giglance-ref-table,
.giglance-ref-paytable{
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  overflow:hidden;
}
.giglance-ref-table .tr,
.giglance-ref-paytable .tr{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr .7fr .8fr;
  gap:10px;
  padding: 12px;
  align-items:center;
  border-bottom: 1px dashed rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
}
.giglance-ref-paytable .tr{ grid-template-columns: 1fr 1.2fr 1.6fr .8fr 1fr; }
.giglance-ref-table .tr.th,
.giglance-ref-paytable .tr.th{
  background: rgba(15,23,42,.03);
  font-weight: 1200;
  color:#0b1f16;
}
.giglance-ref-table .tr:last-child,
.giglance-ref-paytable .tr:last-child{ border-bottom:none; }

.giglance-ref-table .seller{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.giglance-ref-table .seller img{
  width:44px; height:44px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-ref-table .seller b{
  display:block;
  font-weight: 1200;
  color:#0b1f16;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.giglance-ref-table .seller small{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
  font-size: 12px;
}

.giglance-ref-table .st,
.giglance-ref-paytable .st{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 1200;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-ref-table .st i,
.giglance-ref-paytable .st i{ font-size: 10px; }
.giglance-ref-table .st.ok i,
.giglance-ref-paytable .st.ok i{ color:#22c55e; }
.giglance-ref-table .st.mid i,
.giglance-ref-paytable .st.mid i{ color:#f59e0b; }
.giglance-ref-table .st.blue i{ color:#3b82f6; }

.giglance-ref-table .pg{
  height: 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
}
.giglance-ref-table .pg span{
  display:block;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(135deg,#1f4f3a,#b6ff1a);
}
.giglance-ref-table small{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  color:#64748b;
}

.giglance-ref-table .act{
  font-weight: 1200;
  color:#0b1f16;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.giglance-ref-table .act:hover{ text-decoration: underline; }

/* cards */
.giglance-ref-card{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ref-card span{ display:block; font-weight: 1000; color:#64748b; }
.giglance-ref-card b{ display:block; margin-top: 6px; font-weight: 1300; color:#0b1f16; }
.giglance-ref-card small{ display:block; margin-top: 6px; font-weight: 900; color:#64748b; }

/* note */
.giglance-ref-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
  font-weight: 1000;
  color:#0b1f16;
}
.giglance-ref-note i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}

/* sidebar */
.giglance-ref-side{ position: sticky; top: 18px; }
@media (max-width: 1199px){
  .giglance-ref-side{ position: static; top:auto; }
}
.giglance-ref-mini{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ref-mini .hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ref-mini h6{ font-weight: 1200; color:#0b1f16; }
.giglance-ref-mini .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-ref-msg{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  line-height: 1.9;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.giglance-ref-msg .code{
  display:inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  font-size: 14px;
}
.giglance-ref-tips{ display:grid; gap:10px; }
.giglance-ref-tips .tip{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ref-tips .tip i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-ref-tips .tip b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ref-tips .tip span{ display:block; margin-top: 6px; color:#64748b; line-height: 1.8; }

/* FAQ */
.giglance-ref-faq{ display:grid; gap:10px; }
.giglance-ref-faq .q{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ref-faq summary{
  cursor:pointer;
  font-weight: 600;
  color:#0b1f16;
  list-style: none;
}
.giglance-ref-faq summary::-webkit-details-marker{ display:none; }
.giglance-ref-faq .a{
  margin-top: 10px;
  font-weight: 600;
  color:#64748b;
  line-height: 1.9;
}

/* responsive tables */
@media (max-width: 991px){
  .giglance-ref-table, .giglance-ref-paytable{ overflow:auto; }
  .giglance-ref-table .tr{ min-width: 980px; }
  .giglance-ref-paytable .tr{ min-width: 820px; }
}

/* =====================================================
GIGLANCE — SELLER ACADEMY STYLES
===================================================== */

.giglance-acad-wrap{
  background:
    radial-gradient(circle at 10% 12%, rgba(182,255,26,.09), transparent 45%),
    radial-gradient(circle at 90% 10%, rgba(31,79,58,.10), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* Hero */
.giglance-acad-hero{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  padding: 18px;
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.giglance-acad-hero h3{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.4px;
}
.giglance-acad-hero p{
  color:#64748b;
  line-height:1.9;
}
.giglance-acad-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 10px;
  font-size: 16px;
}

/* animated orbs */
.giglance-acad-hero .bg-orbs .orb{
  position:absolute;
  border-radius: 999px;
  filter: blur(0px);
  opacity:.55;
  animation: giglanceAcadFloat 8s ease-in-out infinite;
}
.giglance-acad-hero .orb.o1{
  width:260px; height:260px;
  left:-80px; top:-80px;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.35), rgba(182,255,26,0));
}
.giglance-acad-hero .orb.o2{
  width:220px; height:220px;
  right:-90px; top: 10px;
  background: radial-gradient(circle at 30% 30%, rgba(31,79,58,.28), rgba(31,79,58,0));
  animation-delay: -2s;
}
.giglance-acad-hero .orb.o3{
  width:280px; height:280px;
  right: 18%;
  bottom:-140px;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.25), rgba(182,255,26,0));
  animation-delay: -4s;
}
@keyframes giglanceAcadFloat{
  0%,100%{ transform: translateY(0) translateX(0) scale(1); }
  50%{ transform: translateY(10px) translateX(8px) scale(1.03); }
}

/* Search */
.giglance-acad-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 20px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  font-size: 16px;
}
.giglance-acad-search i{ color:#1f4f3a; }
.giglance-acad-search input{
  flex:1;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  min-width:0;
}
@media (max-width: 575px){
  .giglance-acad-search{ flex-wrap:wrap; }
  .giglance-acad-search input{ width:100%; }
}

/* buttons */
.giglance-acad-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-acad-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-acad-btn.primary:hover{ transform: translateY(-1px); }
.giglance-acad-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-acad-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-acad-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* chips */
.giglance-acad-paths{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-acad-paths .chip{
  border:none;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  transition:.2s ease;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-acad-paths .chip:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-acad-paths .chip.active{
  background: rgba(182,255,26,.22);
  border-color: rgba(31,79,58,.14);
}

/* progress card */
.giglance-acad-progress{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-acad-progress .top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-acad-progress h2{ font-weight: 600; color:#0b1f16; }
.giglance-acad-progress .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-acad-progress .ring{
  width: 150px; height:150px;
  margin-inline:auto;
  border-radius: 999px;
  background:
    conic-gradient(#b6ff1a 0 42%, rgba(15,23,42,.10) 42% 100%);
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-acad-progress .ring-inner{
  width: 118px; height:118px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  display:grid;
  place-items:center;
  text-align:center;
}
.giglance-acad-progress .ring-inner b{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.4px;
  font-size: 30px;
  line-height:1;
}
.giglance-acad-progress .ring-inner small{
  font-weight: 400;
  color:#64748b;
  margin-top: 6px;
  display:block;
}
.giglance-acad-progress .stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.giglance-acad-progress .stats .s{
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-align:center;
}
.giglance-acad-progress .stats span{ display:block; font-weight: 600; color:#64748b; font-size: 14px;}
.giglance-acad-progress .stats b{ display:block; margin-top:6px; font-weight: 600; color:#0b1f16; }

/* box */
.giglance-acad-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-acad-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-acad-box h2{ font-weight: 600; color:#0b1f16; }
.giglance-acad-box .tools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* select */
.giglance-acad-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acad-select i{ color:#1f4f3a; }
.giglance-acad-select select{
  border:none;
  outline:none;
  background: transparent;
  font-weight: 600;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}
.giglance-acad-select.sm{ padding: 8px 10px; }

/* Featured cards */
.giglance-acad-feature{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 991px){
  .giglance-acad-feature{ grid-template-columns: 1fr; }
}
.giglance-acad-fcard{
  position: relative;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color: inherit;
  overflow:hidden;
  transition:.2s ease;
}
.giglance-acad-fcard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 30% 20%, rgba(182,255,26,.18), transparent 55%);
  opacity:.9;
  pointer-events:none;
}
.giglance-acad-fcard:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-acad-fcard .meta{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  position: relative;
  z-index: 2;
}
.giglance-acad-fcard .tag,
.giglance-acad-fcard .time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-acad-fcard h3{
  margin: 12px 0 6px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.2px;
  position: relative;
  z-index: 2;
}
.giglance-acad-fcard p{
  margin:0;
  color:#64748b;
  line-height: 1.9;
  position: relative;
  z-index: 2;
}
.giglance-acad-fcard .foot{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  position: relative;
  z-index: 2;
}
.giglance-acad-fcard .author{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-acad-fcard .author img{
  width:28px; height:28px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-acad-fcard .btnx{
  width:42px; height:42px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
}

/* categories */
.giglance-acad-cats{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:12px;
}
@media (max-width: 991px){
  .giglance-acad-cats{ grid-template-columns: 1fr; }
}
.giglance-acad-cats .cat{
  border:none;
  text-align:left;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:flex;
  align-items:center;
  gap:12px;
  position: relative;
  transition:.2s ease;
}
.giglance-acad-cats .cat:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-acad-cats .cat.active{
  background: rgba(182,255,26,.18);
  border-color: rgba(31,79,58,.14);
}
.giglance-acad-cats .ic{
  width:52px; height:52px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
  font-size: 14px;
}
.giglance-acad-cats .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-acad-cats .tx small{ display:block; margin-top:6px; font-weight: 600; color:#64748b; }
.giglance-acad-cats .count{
  margin-left:auto;
  width:42px; height:42px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
}

/* guides grid */
.giglance-acad-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:12px;
}
@media (max-width: 991px){
  .giglance-acad-grid{ grid-template-columns: 1fr; }
}
.giglance-acad-card{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  transition:.2s ease;
}
.giglance-acad-card:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-acad-card .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-acad-card .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 16px;
}
.giglance-acad-card .save{
  width:42px; height:42px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  display:grid;
  place-items:center;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-acad-card .save:hover{ transform: translateY(-1px); }
.giglance-acad-card h3{
  margin: 12px 0 6px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.2px;
}
.giglance-acad-card p{
  margin:0;
  color:#64748b;
  line-height: 1.9;
}
.giglance-acad-card .meta{
  margin-top: 12px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-acad-card .meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-acad-card .foot{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-acad-card .author{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-acad-card .author img{
  width:28px; height:28px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-acad-card .go{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 400;
  color:#0b1f16;
  text-decoration:none;
}
.giglance-acad-card .go:hover{ text-decoration: underline; }

/* pagination */
.giglance-acad-pagination{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
.giglance-acad-pagination .pg{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  text-decoration:none;
  transition:.2s ease;
}
.giglance-acad-pagination .pg:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-acad-pagination .pg.active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-acad-pagination .dots{
  font-weight: 600;
  color:#64748b;
}

/* sidebar */
.giglance-acad-side{ position: sticky; top: 18px; }
@media (max-width: 1199px){
  .giglance-acad-side{ position: static; top:auto; }
}

/* checklist */
.giglance-acad-check{ display:grid; gap:10px; }
.giglance-acad-check .item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
}
.giglance-acad-check .item input{ display:none; }
.giglance-acad-check .box{
  width:44px; height:44px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  color:#0b1f16;
  flex:0 0 auto;
}
.giglance-acad-check .item input:checked + .box{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-acad-check .item input:checked + .box::after{
  content:"✓";
  font-weight: 1400;
}
.giglance-acad-check .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-acad-check .tx small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* resources */
.giglance-acad-res{ display:grid; gap:10px; }
.giglance-acad-res .r{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  font-weight: 600;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-acad-res .r i{ color:#1f4f3a; margin-right:10px; }
.giglance-acad-res .r span{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
}
.giglance-acad-res .r:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* newsletter */
.giglance-acad-news .field{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 20px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-acad-news .field i{ color:#1f4f3a; }
.giglance-acad-news input{
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  width:100%;
}
.giglance-acad-news .note{
  display:block;
  margin-top: 10px;
  color:#64748b;
}

/* =====================================================
GIGLANCE — SELLER ACADEMY GUIDE DETAILS STYLES
===================================================== */

.giglance-acadgd-wrap{
  background:
    radial-gradient(circle at 10% 12%, rgba(182,255,26,.09), transparent 45%),
    radial-gradient(circle at 90% 10%, rgba(31,79,58,.10), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(31,79,58,.06), transparent 55%);
}

/* Hero */
.giglance-acadgd-hero{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  padding: 18px;
  overflow:hidden;
  backdrop-filter: blur(10px);
}
.giglance-acadgd-hero h3{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.4px;
}
.giglance-acadgd-hero p{
  color:#64748b;
  line-height:1.9;
}
.giglance-acadgd-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 10px;
  font-size: 16px;
}

/* crumbs */
.giglance-acadgd-hero .crumbs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  font-weight: 600;
  color:#64748b;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.giglance-acadgd-hero .crumbs a{
  color:#0b1f16;
  text-decoration:none;
  border-bottom: 1px dashed rgba(31,79,58,.20);
}
.giglance-acadgd-hero .crumbs a:hover{ border-bottom-style: solid; }

.giglance-acadgd-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-acadgd-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}

/* author */
.giglance-acadgd-author{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-acadgd-author img{
  width:44px; height:44px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(31,79,58,.10);
}
.giglance-acadgd-author b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-acadgd-author small{
  display:block;
  margin-top: 6px;
  color:#64748b;
  line-height: 1.8;
}

/* actions */
.giglance-acadgd-actions{
  display:grid;
  gap:10px;
}
.giglance-acadgd-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
}
.giglance-acadgd-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-acadgd-btn.primary:hover{ transform: translateY(-1px); }
.giglance-acadgd-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-acadgd-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* mini cards in hero */
.giglance-acadgd-mini{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.giglance-acadgd-mini .m{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acadgd-mini .m i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-acadgd-mini .m b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-acadgd-mini .m small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* orbs */
.giglance-acadgd-hero .bg-orbs .orb{
  position:absolute; border-radius: 999px; opacity:.55;
  animation: giglanceAcadGDFloat 8s ease-in-out infinite;
}
.giglance-acadgd-hero .orb.o1{
  width:260px; height:260px; left:-80px; top:-80px;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.35), rgba(182,255,26,0));
}
.giglance-acadgd-hero .orb.o2{
  width:220px; height:220px; right:-90px; top: 10px;
  background: radial-gradient(circle at 30% 30%, rgba(31,79,58,.28), rgba(31,79,58,0));
  animation-delay: -2s;
}
.giglance-acadgd-hero .orb.o3{
  width:280px; height:280px; right: 18%; bottom:-140px;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.25), rgba(182,255,26,0));
  animation-delay: -4s;
}
@keyframes giglanceAcadGDFloat{
  0%,100%{ transform: translateY(0) translateX(0) scale(1); }
  50%{ transform: translateY(10px) translateX(8px) scale(1.03); }
}

/* Article */
.giglance-acadgd-article{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-acadgd-article .lead{
  color:#0b1f16;
  line-height: 1.95;
}
.giglance-acadgd-sec{
  margin-top: 18px;
  scroll-margin-top: 80px; /* for sticky bar */
}
.giglance-acadgd-sec h4{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
  margin-bottom: 10px;
}
.giglance-acadgd-sec p{
  color:#475569;
  line-height: 1.95;
}

/* callouts */
.giglance-acadgd-callout{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
  line-height: 1.9;
}
.giglance-acadgd-callout i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
  flex:0 0 auto;
}
.giglance-acadgd-callout.ok{
  background: linear-gradient(135deg, rgba(34,197,94,.10), rgba(182,255,26,.10));
  border-color: rgba(34,197,94,.22);
}
.giglance-acadgd-callout.ok i{ color:#14532d; }
.giglance-acadgd-callout.warn{
  background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(182,255,26,.08));
  border-color: rgba(245,158,11,.22);
}
.giglance-acadgd-callout.warn i{ color:#92400e; }
.giglance-acadgd-callout.info{
  background: linear-gradient(135deg, rgba(59,130,246,.08), rgba(182,255,26,.10));
  border-color: rgba(59,130,246,.18);
}
.giglance-acadgd-callout.info i{ color:#1e3a8a; }

/* two cards grid */
.giglance-acadgd-grid2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:12px;
}
@media (max-width: 575px){
  .giglance-acadgd-grid2{ grid-template-columns: 1fr; }
}
.giglance-acadgd-card{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acadgd-card b{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-acadgd-card p{
  margin: 8px 0 0;
  color:#64748b;
}

/* code block */
.giglance-acadgd-code{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.02);
}
.giglance-acadgd-code code{
  font-weight: 600;
  color:#0b1f16;
}

/* list with A/B/C */
.giglance-acadgd-list{
  display:grid;
  gap:10px;
  margin-top: 12px;
}
.giglance-acadgd-list .it{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acadgd-list .n{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#0b1f16;
  font-weight: 600;
  flex:0 0 auto;
}
.giglance-acadgd-list b{ font-weight: 600; color:#0b1f16; }
.giglance-acadgd-list p{ margin: 6px 0 0; color:#64748b; }

/* bad vs good */
.giglance-acadgd-badgood{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 575px){
  .giglance-acadgd-badgood{ grid-template-columns: 1fr; }
}
.giglance-acadgd-badgood .box{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acadgd-badgood .box b{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-acadgd-badgood .box p{
  margin: 10px 0 0;
  color:#0b1f16;
}
.giglance-acadgd-badgood .box small{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#64748b;
  line-height: 1.8;
}
.giglance-acadgd-badgood .box.bad{
  background: rgba(239,68,68,.06);
  border-color: rgba(239,68,68,.18);
}
.giglance-acadgd-badgood .box.bad b i{ color:#b91c1c; }
.giglance-acadgd-badgood .box.good{
  background: rgba(34,197,94,.08);
  border-color: rgba(34,197,94,.18);
}
.giglance-acadgd-badgood .box.good b i{ color:#14532d; }

/* checklist */
.giglance-acadgd-check{ display:grid; gap:10px; margin-top: 12px; }
.giglance-acadgd-check .item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  cursor:pointer;
}
.giglance-acadgd-check .item input{ display:none; }
.giglance-acadgd-check .box{
  width:44px; height:44px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  color:#0b1f16;
  flex:0 0 auto;
}
.giglance-acadgd-check .item input:checked + .box{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
}
.giglance-acadgd-check .item input:checked + .box::after{
  content:"✓";
  font-weight: 600;
}
.giglance-acadgd-check .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-acadgd-check .tx small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* steps */
.giglance-acadgd-steps{ display:grid; gap:10px; margin-top: 12px; }
.giglance-acadgd-steps .st{
  display:flex; gap:12px; align-items:flex-start;
  padding: 12px; border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-acadgd-steps .num{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(182,255,26,.22);
  font-weight: 600;
  color:#0b1f16;
  flex:0 0 auto;
}
.giglance-acadgd-steps b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-acadgd-steps small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* next/prev nav */
.giglance-acadgd-nav{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 575px){
  .giglance-acadgd-nav{ grid-template-columns: 1fr; }
}
.giglance-acadgd-nav .navbtn{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-acadgd-nav .navbtn:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
  box-shadow: 0 26px 70px rgba(15,23,42,.10);
}
.giglance-acadgd-nav .cap{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#64748b;
}
.giglance-acadgd-nav b{
  display:block;
  margin-top: 6px;
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.2px;
}
.giglance-acadgd-nav .next{ text-align:right; }

/* Sidebar */
.giglance-acadgd-side{ position: sticky; top: 64px; }
@media (max-width: 1199px){
  .giglance-acadgd-side{ position: static; top:auto; }
}
.giglance-acadgd-box{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-acadgd-box .bh{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-acadgd-box h5{ font-weight: 600; color:#0b1f16; }

/* TOC */
.giglance-acadgd-toc{ display:grid; gap:10px; }
.giglance-acadgd-toc .toc-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  font-weight: 600;
  transition:.2s ease;
}
.giglance-acadgd-toc .toc-link span{
  width:34px; height:34px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.80);
  font-weight: 600;
}
.giglance-acadgd-toc .toc-link:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-acadgd-toc .toc-link.active{
  background: rgba(182,255,26,.20);
  border-color: rgba(31,79,58,.14);
}

/* side actions + note */
.giglance-acadgd-side-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: linear-gradient(135deg, rgba(31,79,58,.06), rgba(182,255,26,.12));
  color:#0b1f16;
  line-height: 1.9;
}
.giglance-acadgd-side-note i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}

/* related */
.giglance-acadgd-related{ display:grid; gap:10px; }
.giglance-acadgd-related .rel{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  font-weight: 600;
  transition:.2s ease;
}
.giglance-acadgd-related .rel:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

/* =====================================================
GIGLANCE — PROFILE & SETTINGS STYLES
===================================================== */

/* Header */
.giglance-ps-head{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  padding: 18px;
  backdrop-filter: blur(10px);
}
.giglance-ps-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  width: fit-content;
  margin-bottom: 10px;
  font-size: 16px;
}
.giglance-ps-head h4{
  font-weight: 600;
  color:#0b1f16;
  letter-spacing:-.3px;
}
.giglance-ps-head-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.giglance-ps-changes{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  font-weight: 600;
  color:#0b1f16;
}

/* Buttons */
.giglance-ps-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.2s ease;
  white-space: nowrap;
  text-decoration:none;
  font-size: 16px;
}
.giglance-ps-btn.primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-ps-btn.primary:hover{ transform: translateY(-1px); }
.giglance-ps-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
}
.giglance-ps-btn.soft:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ps-btn.sm{ padding: 8px 10px; border-radius: 16px; font-size: 13px; }

/* Cards */
.giglance-ps-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.10);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.giglance-ps-cardhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(31,79,58,.18);
}
.giglance-ps-cardhead h5{ font-weight: 600; color:#0b1f16; }
.giglance-ps-cardhead .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.10);
  color:#0b1f16;
  white-space: nowrap;
}

/* Left nav sticky */
.giglance-ps-nav{ position: sticky; top: 18px; }
@media (max-width: 1199px){ .giglance-ps-nav{ position: static; } }

.giglance-ps-user{
  display:flex; gap:12px; align-items:center;
}
.giglance-ps-user .av{
  position: relative;
  width:64px; height:64px;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-user .av img{ width:100%; height:100%; object-fit:cover; }
.giglance-ps-user .online{
  position:absolute;
  right:8px; bottom:8px;
  width:12px; height:12px;
  border-radius:999px;
  background:#22c55e;
  box-shadow: 0 0 0 3px rgba(255,255,255,.85);
}
.giglance-ps-user .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-user .tx small{
  display:inline-flex; align-items:center; gap:8px;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  font-weight: 600;
  font-size: 12px;
}
.giglance-ps-user .meta{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top: 10px;
}
.giglance-ps-user .meta span{
  display:inline-flex; align-items:center; gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  color:#0b1f16;
  font-weight: 600;
  font-size: 12px;
}

/* nav links */
.giglance-ps-navlinks{ display:grid; gap:10px; }
.giglance-ps-navlinks .nlink{
  border:none;
  text-align:left;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 600;
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-ps-navlinks .nlink:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-ps-navlinks .nlink.active{
  background: rgba(182,255,26,.20);
  border-color: rgba(31,79,58,.14);
}

/* Mini score */
.giglance-ps-mini .m{
  display:flex; gap:12px; align-items:flex-start;
  padding: 12px; border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-mini .m i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-ps-mini .m b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-mini .m small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }
.giglance-ps-mini .bar{
  height:10px;
  border-radius: 999px;
  background: rgba(15,23,42,.06);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
  margin-top: 10px;
}
.giglance-ps-mini .bar span{
  display:block; height:100%;
  background: linear-gradient(135deg, var(--primary), var(--accent));
}

/* Panels */
.giglance-ps-panel{ display:none; }
.giglance-ps-panel.active{ display:block; }

/* Inputs */
.giglance-ps-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-ps-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  outline:none;
  font-weight: 400;
  color:#0b1f16;
  transition: .2s ease;
}
.giglance-ps-input:focus{
  background: rgba(255,255,255,.85);
  border-color: rgba(31,79,58,.22);
  box-shadow: 0 0 0 4px rgba(182,255,26,.14);
}

/* Input with icon */
.giglance-ps-inputicon{
  position: relative;
}
.giglance-ps-inputicon i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color:#1f4f3a;
}
.giglance-ps-inputicon .giglance-ps-input{
  padding-left: 44px;
}

/* Select */
.giglance-ps-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-ps-select > i{ color:#1f4f3a; }
.giglance-ps-select .caret{
  margin-left:auto;
  color:#0b1f16;
  opacity:.7;
  pointer-events:none;
}
.giglance-ps-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  padding: 12px 12px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
}

/* Help row */
.giglance-ps-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
  font-weight: 600;
  color:#64748b;
  font-size: 16px;
}
.giglance-ps-help .count{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  color:#0b1f16;
}

/* Avatar box */
.giglance-ps-avatarbox .preview{
  width:100%;
  aspect-ratio: 1/1;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-avatarbox img{ width:100%; height:100%; object-fit:cover; }

/* Tags */
.giglance-ps-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-ps-tags .tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  font-size: 16px;
}
.giglance-ps-tags .tag button{
  border:none;
  background: transparent;
  font-weight: 600;
  opacity:.6;
  cursor:pointer;
}
.giglance-ps-tags .tag button:hover{ opacity:1; }
.giglance-ps-tags .tag-input{
  border:none;
  outline:none;
  background: transparent;
  min-width: 180px;
  flex:1;
  font-weight: 400;
  color:#0b1f16;
}

/* Switches */
.giglance-ps-switchgrid{ display:grid; gap:10px; }
.giglance-ps-switchgrid .sw{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-switchgrid .sw b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-switchgrid .sw small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

.giglance-ps-switch{
  position: relative;
  width: 54px;
  height: 32px;
  flex: 0 0 auto;
}
.giglance-ps-switch input{ display:none; }
.giglance-ps-switch span{
  position:absolute; inset:0;
  border-radius: 999px;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
}
.giglance-ps-switch span::after{
  content:"";
  position:absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 22px; height:22px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(31,79,58,.12);
  transition:.2s ease;
}
.giglance-ps-switch input:checked + span{
  background: linear-gradient(135deg, var(--primary), var(--accent));
}
.giglance-ps-switch input:checked + span::after{
  left: 27px;
}

/* Dividers + foot actions */
.giglance-ps-divider{
  height:1px;
  background: rgba(31,79,58,.14);
  opacity:.4;
}
.giglance-ps-footeractions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

/* Security widgets */
.giglance-ps-subcard{
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-subcard h6{ font-weight: 600; color:#0b1f16; }
.giglance-ps-strength{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-ps-strength .meter{
  flex:1;
  height:10px;
  border-radius: 999px;
  background: rgba(15,23,42,.10);
  border: 1px solid rgba(31,79,58,.10);
  overflow:hidden;
  min-width: 180px;
}
.giglance-ps-strength .meter span{
  display:block;
  height:100%;
  width:0%;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  transition: width .2s ease;
}
.giglance-ps-switchrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.55);
}
.giglance-ps-switchrow b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-switchrow small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

.giglance-ps-sessions{ display:grid; gap:10px; }
.giglance-ps-sessions .sess{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-sessions .sess i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-ps-sessions .sess .tx{ flex:1; }
.giglance-ps-sessions .sess b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-sessions .sess small{ display:block; margin-top:6px; color:#64748b; }
.giglance-ps-sessions .tag{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.70);
  font-weight: 600;
  color:#0b1f16;
  white-space: nowrap;
  font-size: 14px;
}
.giglance-ps-sessions .tag.ok{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
}
.giglance-ps-sessions .mini{
  border:none;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,79,58,.10);
  font-weight: 600;
  font-size: 14px;
}

/* Verification list */
.giglance-ps-verify{ display:grid; gap:10px; }
.giglance-ps-verify .v{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(15,23,42,.03);
}
.giglance-ps-verify .left{
  display:flex; align-items:center; gap:12px;
}
.giglance-ps-verify .left i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(31,79,58,.10);
  background: rgba(255,255,255,.85);
  color:#1f4f3a;
}
.giglance-ps-verify .left b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-verify .left small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* Toast */
.giglance-ps-toast{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 600;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
  backdrop-filter: blur(10px);
  transform: translateY(12px);
  opacity: 0;
  pointer-events:none;
  transition:.25s ease;
  min-width: 260px;
}
.giglance-ps-toast.show{
  transform: translateY(0);
  opacity: 1;
}
.giglance-ps-toast i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.22);
  color:#14532d;
}
.giglance-ps-toast b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-ps-toast small{ display:block; margin-top:6px; color:#64748b; line-height: 1.8; }

/* =========================================================
GIGLANCE — SUPPORT CENTER STYLES
========================================================= */

.giglance-sup-hero{
  position: relative;
  border-radius: 28px;
  padding: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.giglance-sup-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.12);
  font-size: 16px;
}
.giglance-sup-hero h2{
  font-weight: 600;
  letter-spacing: -.4px;
  color:#0b1f16;
}

.giglance-sup-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sup-search i{ color:#1f4f3a; }
.giglance-sup-search input{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
}
.giglance-sup-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space: nowrap;
  transition:.2s ease;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
}
.giglance-sup-btn:hover{ transform: translateY(-1px); }
.giglance-sup-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  box-shadow: none;
  color:#0b1f16;
}
.giglance-sup-btn.soft:hover{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

.giglance-sup-quick{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.giglance-sup-quick .q{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
  color:#0b1f16;
  font-weight: 600;
  text-decoration:none;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-sup-quick .q:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.18);
}

/* Decorative orbs */
.giglance-sup-orb{
  position:absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  filter: blur(0px);
  opacity: .55;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.65), transparent 55%);
  animation: giglanceSupFloat 8s ease-in-out infinite;
  pointer-events:none;
}
.giglance-sup-orb.o1{ top:-60px; right:-70px; }
.giglance-sup-orb.o2{
  width: 140px; height:140px;
  bottom:-60px; left:-50px;
  opacity:.45;
  background: radial-gradient(circle at 30% 30%, rgba(31,79,58,.65), transparent 55%);
  animation-duration: 10s;
}
.giglance-sup-orb.o3{
  width: 120px; height:120px;
  top: 45%; right: 20%;
  opacity:.25;
  animation-duration: 12s;
}
@keyframes giglanceSupFloat{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(10px) translateX(-8px); }
}

/* Stat grid */
.giglance-sup-statgrid{
  display:grid;
  gap:12px;
}
.giglance-sup-statgrid .s{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sup-statgrid .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(31,79,58,.12);
  color:#1f4f3a;
}
.giglance-sup-statgrid .tx b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sup-statgrid .tx small{ display:block; margin-top:6px; color:#64748b; line-height:1.6; }
.giglance-sup-statgrid .badge{
  margin-left:auto;
  border-radius: 999px;
  padding: 7px 10px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(182,255,26,.18);
  font-weight: 600;
  color:#0b1f16;
}

/* Blocks */
.giglance-sup-block .giglance-sup-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-sup-head h2{ font-weight: 600; color:#0b1f16; }
.giglance-sup-link{
  text-decoration:none;
  font-weight: 600;
  color:#1f4f3a;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.giglance-sup-link:hover{ text-decoration: underline; }

/* Category cards */
.giglance-sup-cat{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
  position: relative;
  overflow:hidden;
}
.giglance-sup-cat::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 10% 20%, rgba(182,255,26,.18), transparent 55%);
  opacity:0;
  transition:.2s ease;
  pointer-events:none;
}
.giglance-sup-cat:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 60px rgba(15,23,42,.10);
}
.giglance-sup-cat:hover::after{ opacity:1; }
.giglance-sup-cat .ic{
  width:48px; height:48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  color:#1f4f3a;
}
.giglance-sup-cat .tx b{ display:block; font-weight: 600; }
.giglance-sup-cat .tx small{ display:block; margin-top:6px; font-weight: 600; color:#64748b; font-size: 14px;}
.giglance-sup-cat .count{
  margin-left:auto;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(182,255,26,.18);
  font-weight: 600;
}

/* Cards */
.giglance-sup-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.12);
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}

/* Tabs */
.giglance-sup-tabs{
  position: relative;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  border-radius: 999px;
  padding: 8px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  overflow:hidden;
}
.giglance-sup-tabs .t{
  border:none;
  background: transparent;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  display:inline-flex;
  align-items:center;
  gap:10px;
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.giglance-sup-tabs .t.active{ color:#0b1f16; }
.giglance-sup-tabs .indicator{
  position:absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  width: 160px;
  border-radius: 999px;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.12);
  transition: .25s ease;
  z-index: 1;
}

.giglance-sup-panel{ display:none; }
.giglance-sup-panel.active{ display:block; }

.giglance-sup-panelhead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-sup-panelhead h2{ font-weight: 600; color:#0b1f16; }

.giglance-sup-note{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  color:#0b1f16;
}

/* Chips */
.giglance-sup-chiprow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.giglance-sup-chiprow .chip{
  border:none;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  color:#0b1f16;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-sup-chiprow .chip:hover{ transform: translateY(-1px); }
.giglance-sup-chiprow .chip.active{
  background: rgba(182,255,26,.20);
  border-color: rgba(31,79,58,.16);
}

/* Articles */
.giglance-sup-articles{
  display:grid;
  gap:12px;
}
.giglance-sup-articles .a{
  display:block;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-articles .a:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sup-articles .a b{
  display:block;
  margin-top: 10px;
  font-weight: 600;
}
.giglance-sup-articles .a small{
  display:block;
  margin-top: 8px;
  color:#64748b;
  line-height:1.6;
}
.giglance-sup-articles .a .meta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top: 12px;
  font-weight: 600;
  color:#64748b;
}
.giglance-sup-articles .tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  width: fit-content;
}
.giglance-sup-divider{
  height:1px;
  background: rgba(31,79,58,.16);
  opacity:.5;
}

/* Form */
.giglance-sup-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sup-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  outline:none;
  font-weight: 400;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-input:focus{
  background: rgba(255,255,255,.85);
  border-color: rgba(31,79,58,.22);
  box-shadow: 0 0 0 4px rgba(182,255,26,.14);
}
.giglance-sup-select{
  position: relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sup-select > i{ color:#1f4f3a; }
.giglance-sup-select .caret{
  margin-left:auto;
  color:#0b1f16;
  opacity:.7;
  pointer-events:none;
}
.giglance-sup-select select{
  width:100%;
  border:none;
  outline:none;
  background: transparent;
  font-weight: 400;
  color:#0b1f16;
  padding: 12px 0;
  appearance:none;
}
.giglance-sup-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
  font-weight: 600;
  color:#64748b;
}
.giglance-sup-help .count{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
  color:#0b1f16;
}

/* File */
.giglance-sup-file{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sup-file .pick{
  border:none;
  padding: 10px 12px;
  border-radius: 16px;
  font-weight: 600;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,79,58,.12);
  color:#0b1f16;
}
.giglance-sup-file .name{
  font-weight: 600;
  color:#64748b;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tickets */
.giglance-sup-tickets{
  display:grid;
  gap:10px;
}
.giglance-sup-tickets .t{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-tickets .t:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sup-tickets .left{
  display:flex;
  align-items:center;
  gap:12px;
}
.giglance-sup-tickets .tx b{ display:block; font-weight: 600; }
.giglance-sup-tickets .tx small{ display:block; margin-top:6px; color:#64748b; }
.giglance-sup-tickets .right{
  display:flex; align-items:center; gap:10px;
  color:#64748b;
  font-weight: 600;
}
.giglance-sup-tickets .st{
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 600;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
}
.giglance-sup-tickets .st.open{ background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.20); color:#0b1f16; }
.giglance-sup-tickets .st.waiting{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.20); color:#0b1f16; }
.giglance-sup-tickets .st.solved{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.20); color:#0b1f16; }

/* Empty callout */
.giglance-sup-empty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
}
.giglance-sup-empty i{
  width:48px; height:48px;
  display:grid; place-items:center;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  color:#1f4f3a;
}
.giglance-sup-empty b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-sup-empty small{ color:#64748b; display:block; margin-top:6px; }

/* Sidebar */
.giglance-sup-side{ position: sticky; top: 18px; }
@media (max-width: 991px){ .giglance-sup-side{ position: static; } }
.giglance-sup-sidehead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-sup-sidehead h2{ font-weight: 600; color:#0b1f16; }
.giglance-sup-sidehead .mini{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(182,255,26,.18);
  font-weight: 600;
  font-size: 14px;
}
.giglance-sup-sidehead .mini.ok{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.20);
}
.giglance-sup-links a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  text-decoration:none;
  font-weight: 600;
  transition:.2s ease;
  font-size: 16px;
}
.giglance-sup-links a + a{ margin-top: 10px; }
.giglance-sup-links a:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.16);
}
.giglance-sup-status {
  display: flex;
  flex-direction: column;
}
.giglance-sup-status .bx{
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sup-status .bx b{ display:block; font-weight: 600; }
.giglance-sup-status .bx small{ display:block; margin-top:6px; color:#64748b; }
.giglance-sup-mini{
  display:flex;
  align-items:center;
  flex-direction: column;
  gap:12px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(245,158,11,.10);
}
.giglance-sup-mini i{ color:#9a3412; }
.giglance-sup-mini b{ display:block; font-weight: 600; }
.giglance-sup-mini small{ display:block; margin-top:6px; color:#64748b; }

/* Contact cards */
.giglance-sup-contact{ display:grid; gap:10px; }
.giglance-sup-contact .c{
  display:flex;
  align-items:center;
  flex-direction: column;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sup-contact .c:hover{
  transform: translateY(-1px);
  background: rgba(182,255,26,.16);
}
.giglance-sup-contact .ic{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.75);
  color:#1f4f3a;
}
.giglance-sup-contact .tx{ flex:1; }
.giglance-sup-contact .tx b{ display:block; font-weight: 600; }
.giglance-sup-contact .tx small{ display:block; margin-top:6px; color:#64748b; }

/* Accordion theme */
.giglance-sup-acc .accordion-item{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  margin-bottom: 10px;
}
.giglance-sup-acc .accordion-button{
  font-weight: 600;
  background: transparent;
  color:#0b1f16;
}
.giglance-sup-acc .accordion-button:focus{
  box-shadow: 0 0 0 4px rgba(182,255,26,.14);
}
.giglance-sup-acc .accordion-body{
  color:#334155;
  line-height: 1.7;
}

/* Toast */
.giglance-sup-toast{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1200;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
  backdrop-filter: blur(10px);
  transform: translateY(12px);
  opacity: 0;
  pointer-events:none;
  transition:.25s ease;
  min-width: 260px;
}
.giglance-sup-toast.show{
  transform: translateY(0);
  opacity: 1;
}
.giglance-sup-toast i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.22);
  color:#14532d;
}
.giglance-sup-toast b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sup-toast small{ display:block; margin-top:6px; color:#64748b; line-height: 1.6; }

/* =========================================================
GIGLANCE — SUPPORT ARTICLE DETAILS
========================================================= */

/* Hero */
.giglance-sa-hero{
  position: relative;
  border-radius: 28px;
  padding: 20px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.giglance-sa-hero h2{
  font-weight: 600;
  letter-spacing: -.4px;
  color:#0b1f16;
}
.giglance-sa-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 600;
  color:#0b1f16;
  background: rgba(182,255,26,.22);
  border: 1px solid rgba(31,79,58,.12);
  font-size: 16px;
}

.giglance-sa-breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight: 600;
  color: var(--primary);
  font-size: 16px;
}
.giglance-sa-breadcrumb a{
  color:#1f4f3a;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.giglance-sa-breadcrumb a:hover{ text-decoration: underline; }
.giglance-sa-breadcrumb span{ color:#0b1f16; opacity:.9; }

.giglance-sa-meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top: 10px;
  color:#64748b;
  font-weight: 600;
  font-size: 16px;
}
.giglance-sa-meta span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.10);
}

.giglance-sa-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.giglance-sa-btn{
  border:none;
  border-radius: 18px;
  padding: 10px 12px;
  font-weight: 600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space: nowrap;
  transition:.2s ease;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color:#0b1f16;
  box-shadow: 0 14px 30px rgba(31,79,58,.14);
  font-size: 16px;
}
.giglance-sa-btn:hover{ transform: translateY(-1px); }
.giglance-sa-btn.soft{
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  box-shadow: none;
  color:#0b1f16;
}
.giglance-sa-btn.soft:hover{
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}

.giglance-sa-orb{
  position:absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  opacity: .55;
  background: radial-gradient(circle at 30% 30%, rgba(182,255,26,.65), transparent 55%);
  animation: giglanceSaFloat 9s ease-in-out infinite;
  pointer-events:none;
}
.giglance-sa-orb.o1{ top:-65px; right:-70px; }
.giglance-sa-orb.o2{
  width: 140px; height:140px;
  bottom:-60px; left:-50px;
  opacity:.40;
  background: radial-gradient(circle at 30% 30%, rgba(31,79,58,.65), transparent 55%);
  animation-duration: 11s;
}
@keyframes giglanceSaFloat{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(10px) translateX(-8px); }
}

/* Cards */
.giglance-sa-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(31,79,58,.12);
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}

/* Article */
.giglance-sa-article{
  padding: 18px;
}
.giglance-sa-sec{
  padding: 6px 0 2px;
  scroll-margin-top: 90px;
}
.giglance-sa-sec + .giglance-sa-sec{
  margin-top: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(31,79,58,.10);
}
.giglance-sa-article h2{
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 10px;
}
.giglance-sa-article p, .giglance-sa-article li{
  color:#334155;
  line-height: 1.9;
}
.giglance-sa-article ul{
  padding-left: 18px;
}
.giglance-sa-tip{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: linear-gradient(135deg, rgba(31,79,58,.04), rgba(182,255,26,.10));
}
.giglance-sa-tip i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.75);
  color:#1f4f3a;
}
.giglance-sa-tip b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sa-tip small{ display:block; margin-top:6px; color:#64748b; line-height:1.6; }

.giglance-sa-callout{
  padding: 12px;
  border-radius: 18px;
  border: 1px dashed rgba(31,79,58,.18);
  background: rgba(15,23,42,.02);
}
.giglance-sa-callout b{ font-weight: 600; color:#0b1f16; }

.giglance-sa-miniCard{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sa-miniCard i{
  width:42px; height:42px;
  display:grid; place-items:center;
  border-radius: 16px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  color:#1f4f3a;
}
.giglance-sa-miniCard b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sa-miniCard small{ display:block; margin-top:6px; color:#64748b; }

.giglance-sa-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.giglance-sa-tags span{
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(182,255,26,.16);
  font-weight: 600;
  color:#0b1f16;
  font-size: 14px;
}

.giglance-sa-grid2{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
@media (min-width: 768px){
  .giglance-sa-grid2{ grid-template-columns: 1fr 1fr; }
}
.giglance-sa-verify{
  display:flex;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sa-verify i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  color:#1f4f3a;
}
.giglance-sa-verify b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sa-verify small{ display:block; margin-top:6px; color:#64748b; line-height:1.6; }

.giglance-sa-check{
  list-style:none;
  padding-left: 0;
  display:grid;
  gap:10px;
  margin: 0;
}
.giglance-sa-check li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
}
.giglance-sa-check i{
  width:34px; height:34px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.20);
  color:#14532d;
  flex: 0 0 auto;
  margin-top: 2px;
}

/* Helpful votes */
.giglance-sa-divider{
  height:1px;
  background: rgba(31,79,58,.16);
  opacity:.5;
}
.giglance-sa-helpful{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.giglance-sa-helpful b{ font-weight: 600; color:#0b1f16; display:block; }
.giglance-sa-vote{
  border:none;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 600;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(31,79,58,.12);
  display:inline-flex;
  align-items:center;
  gap:10px;
  transition:.2s ease;
  color:#0b1f16;
  font-size: 14px;
}
.giglance-sa-vote:hover{ transform: translateY(-1px); }
.giglance-sa-vote.active{
  background: rgba(182,255,26,.20);
  border-color: rgba(31,79,58,.18);
}
.giglance-sa-vote .count{
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(31,79,58,.12);
}

.giglance-sa-feedback[hidden]{ display:none !important; }
.giglance-sa-label{
  display:block;
  margin-bottom: 8px;
  font-weight: 600;
  color:#0b1f16;
}
.giglance-sa-input{
  width:100%;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  outline:none;
  font-weight: 400;
  color:#0b1f16;
}
.giglance-sa-input:focus{
  background: rgba(255,255,255,.85);
  border-color: rgba(31,79,58,.22);
  box-shadow: 0 0 0 4px rgba(182,255,26,.14);
}

/* Related */
.giglance-sa-related{
  display:grid;
  gap:12px;
}
.giglance-sa-related .r{
  display:block;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  transition:.2s ease;
}
.giglance-sa-related .r:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(31,79,58,.05), rgba(182,255,26,.10));
}
.giglance-sa-related .r b{ display:block; margin-top: 10px; font-weight: 600; }
.giglance-sa-related .r small{ display:block; margin-top: 8px; color:#64748b; line-height:1.6; }
.giglance-sa-related .tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.65);
  font-weight: 600;
  width: fit-content;
  font-size: 14px;
}

.giglance-sa-link{
  text-decoration:none;
  font-weight: 600;
  color:#1f4f3a;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.giglance-sa-link:hover{ text-decoration: underline; }

/* Sidebar */
.giglance-sa-side{ position: sticky; top: 16px; }
@media (max-width: 991px){ .giglance-sa-side{ position: static; } }

.giglance-sa-toc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.giglance-sa-toc-head h2{ font-weight: 900; color:#0b1f16; }
.giglance-sa-toc-head .mini{
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(182,255,26,.18);
  font-weight: 600;
  font-size: 16px;
}

.giglance-sa-toc-links{
  display:grid;
  gap:10px;
}
.giglance-sa-toc-links a{
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  text-decoration:none;
  color:#0b1f16;
  font-weight: 600;
  transition:.2s ease;
}
.giglance-sa-toc-links a:hover{ transform: translateY(-1px); background: rgba(182,255,26,.14); }
.giglance-sa-toc-links a.active{
  background: rgba(182,255,26,.20);
  border-color: rgba(31,79,58,.18);
}

.giglance-sa-mini{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  flex-wrap:wrap;
}
.giglance-sa-mini i{
  width:46px; height:46px;
  border-radius: 18px;
  display:grid; place-items:center;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.70);
  color:#1f4f3a;
}
.giglance-sa-mini b{ display:block; font-weight: 600; color:#0b1f16; }
.giglance-sa-mini small{ display:block; margin-top:6px; color:#64748b; line-height:1.6; }

.giglance-sa-quick b{
  display:block;
  font-weight: 600;
  color:#0b1f16;
  margin-bottom: 10px;
}
.giglance-sa-quick a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(15,23,42,.03);
  color:#0b1f16;
  text-decoration:none;
  font-weight: 600;
  transition:.2s ease;
}
.giglance-sa-quick a + a{ margin-top: 10px; }
.giglance-sa-quick a:hover{ transform: translateY(-1px); background: rgba(182,255,26,.16); }

/* Toast */
.giglance-sa-toast{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1200;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31,79,58,.12);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.12);
  backdrop-filter: blur(10px);
  transform: translateY(12px);
  opacity: 0;
  pointer-events:none;
  transition:.25s ease;
  min-width: 240px;
}
.giglance-sa-toast.show{
  transform: translateY(0);
  opacity: 1;
}
.giglance-sa-toast i{
  width:44px; height:44px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.22);
  color:#14532d;
}
.giglance-sa-toast b{ display:block; font-weight: 900; color:#0b1f16; }
.giglance-sa-toast small{ display:block; margin-top:6px; font-weight: 800; color:#64748b; line-height: 1.6; }


/* FOOTER */
.giglance-footer {
  background: linear-gradient(135deg, #071b13, var(--primary));
  color: #fff;
}

.footer-text {
  color: rgba(255, 255, 255, 0.7);
  margin: 15px 0;
}

.footer-text-sm {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.giglance-footer h3 {
  margin-bottom: 15px;
  font-weight: 600;
}

.giglance-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.giglance-footer ul li {
  margin-bottom: 10px;
}

.giglance-footer ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: 0.3s;
}

.giglance-footer ul li a:hover {
  color: var(--soft);
  padding-left: 6px;
}

.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  transition: 0.3s;
}

.footer-social a:hover {
  background: var(--soft);
  color: #000;
  box-shadow: 0 0 15px rgba(26, 255, 244, 0.6);
}

.footer-newsletter {
  display: flex;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  overflow: hidden;
}

.footer-newsletter input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 10px 14px;
  color: #fff;
}

.footer-newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.footer-newsletter button {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  border: none;
  padding: 0 16px;
}

.footer-divider {
  border-color: rgba(255, 255, 255, 0.15);
  margin: 35px 0 20px;
}

.footer-bottom-links a {
  margin-left: 15px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.footer-bottom-links a:hover {
  color: #b6ff1a;
}

/* glow */
.footer-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.4;
}

.g1 {
  width: 250px;
  height: 250px;
  background: #b6ff1a;
  top: -80px;
  right: -80px;
}

.g2 {
  width: 220px;
  height: 220px;
  background: #1aff8c;
  bottom: -60px;
  left: -60px;
}