/* /ghomlas_projects_maintenance/static/src/css/projects_maintenance_portal_request.css */
 :root{--gh-plum: #8A1739; --gh-plum-700: #68112B; --gh-plum-900: #2E1F29; --gh-plum-50: #F4EEF2; --gh-plum-100: #E9DEE5; --gh-gold: #CB9F52; --gh-gold-soft: #E8D6AE; --gh-gold-deep: #A8843F; --gh-bg: #FAF8F5; --gh-surface: #FFFFFF; --gh-field: #FDFCFA; --gh-ink: #2A161F; --gh-ink-2: #4A2D38; --gh-muted: #80616C; --gh-placeholder: #B29BA3; --gh-line: #ECE6E0; --gh-line-strong: #E2DAD3; --gh-error: #B4443E; --gh-error-bg: #FFFAF9; --gh-font-display: "Reem Kufi", "IBM Plex Sans Arabic", Tahoma, sans-serif; --gh-font-body: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif; --gh-ease: cubic-bezier(.2, .8, .2, 1);}body{margin: 0 !important;}html{-webkit-text-size-adjust: 100%}.gh-body, .gh-body #wrapwrap{background: var(--gh-bg)}.gh-body{margin: 0; overflow-x: clip}.gh-body #wrapwrap > main{display: block}html.gh-lock, html.gh-lock body, html.gh-lock #wrapwrap{overflow: hidden}.gh-page, .gh-page *, .gh-page *::before, .gh-page *::after{box-sizing: border-box}.gh-page button, .gh-page input, .gh-page textarea{font: inherit; color: inherit}.gh-page svg{display: block}.gh-hp{position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; opacity: 0; pointer-events: none}.gh-page{position: relative; display: grid; grid-template-columns:minmax(0, 1fr); grid-template-areas:"brand" "hero" "form"; min-height: 100vh; min-height: 100dvh; max-width: 1760px; margin-inline: auto; overflow-x: clip; font-family: var(--gh-font-body); font-size: 1rem; color: var(--gh-ink); line-height: 1.7; text-align: start; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}.gh-ambient{grid-row: 1 / -1; grid-column: 1 / -1; position: relative; z-index: 0; overflow: hidden; pointer-events: none}.gh-ambient__grid{position: absolute; inset: 0; background-image: linear-gradient(rgba(104, 17, 43, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(104, 17, 43, .05) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 75% 55% at 50% 28%, #000 10%, transparent 75%); mask-image: radial-gradient(ellipse 75% 55% at 50% 28%, #000 10%, transparent 75%);}.gh-orb{position: absolute; border-radius: 50%; will-change: transform}.gh-orb--1{width: 46rem; height: 46rem; top: -16rem; inset-inline-end: -14rem; background: radial-gradient(circle, rgba(104, 17, 43, .17), transparent 62%); animation: gh-drift1 26s ease-in-out infinite alternate;}.gh-orb--2{width: 38rem; height: 38rem; top: 32%; inset-inline-start: -12rem; background: radial-gradient(circle, rgba(201, 164, 92, .20), transparent 62%); animation: gh-drift2 32s ease-in-out infinite alternate;}.gh-orb--3{width: 34rem; height: 34rem; bottom: -14rem; inset-inline-end: 8%; background: radial-gradient(circle, rgba(138, 23, 57, .15), transparent 62%); animation: gh-drift3 38s ease-in-out infinite alternate;}.gh-compass{position: absolute; top: -7rem; inset-inline-end: -7rem; width: 20rem; height: 20rem; opacity: .85; animation: gh-rotate 160s linear infinite;}.gh-spark{position: absolute; bottom: -10px; inset-inline-start: var(--x); width: 4px; height: 4px; border-radius: 50%; background: var(--gh-gold); box-shadow: 0 0 10px 2px rgba(201, 164, 92, .55); opacity: 0; animation: gh-float var(--d, 15s) linear var(--delay, 0s) infinite;}.gh-brandbar{grid-area: brand; position: relative; z-index: 1; display: flex; justify-content: center; text-align: center; padding: calc(2rem + env(safe-area-inset-top)) 1.25rem 1.75rem;}.gh-lockup{width: 100%; max-width: 46rem; display: flex; flex-direction: column; align-items: center; gap: .35rem; animation: gh-rise .9s var(--gh-ease) both;}.gh-lockup__name{margin: 0; font-family: var(--gh-font-display); font-weight: 600; line-height: 1.1; font-size: clamp(2.8rem, 1.9rem + 3.4vw, 4.8rem); color: var(--gh-plum); background: linear-gradient(100deg, var(--gh-plum) 0%, var(--gh-plum) 42%, var(--gh-gold) 50%, var(--gh-plum) 58%, var(--gh-plum) 100%); background-size: 260% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gh-sheen 7s ease-in-out 1.4s infinite;}.gh-lockup__tag{margin: 0; display: inline-flex; align-items: center; gap: .85rem; font-family: var(--gh-font-display); font-weight: 500; font-size: clamp(1.05rem, .95rem + .5vw, 1.35rem); color: #A8843F;}.gh-lockup__tag::before, .gh-lockup__tag::after{content: ""; height: 1px; width: clamp(1.5rem, 5vw, 3rem)}.gh-lockup__tag::before{background: linear-gradient(90deg, var(--gh-gold), transparent)}.gh-lockup__tag::after{background: linear-gradient(90deg, transparent, var(--gh-gold))}.gh-hero{grid-area: hero; position: relative; z-index: 1; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; color: #fff; margin-inline: .75rem; border-radius: 28px; padding: 2rem 1.5rem 5.5rem; background: radial-gradient(120% 70% at 90% 0%, rgba(155, 35, 71, .16) 0%, transparent 60%), radial-gradient(80% 60% at 0% 100%, rgba(201, 164, 92, .08) 0%, transparent 60%), linear-gradient(165deg, #9B2347 0%, var(--gh-plum) 55%, #68112B 100%); box-shadow: 0 30px 60px -35px rgba(46, 31, 41, .55);}.gh-hero::before{content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(ellipse at 30% 75%, #000 15%, transparent 72%); mask-image: radial-gradient(ellipse at 30% 75%, #000 15%, transparent 72%);}.gh-hero__top{position: relative; display: flex; align-items: center; gap: .75rem; font-size: .9rem; color: rgba(255, 255, 255, .78)}.gh-hero__mark{width: 2.5rem; height: 2.5rem; flex: none; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 255, 255, .05); border: 1px solid rgba(201, 164, 92, .38); color: var(--gh-gold);}.gh-hero__mark svg{width: 1.2rem; height: 1.2rem}.gh-hero__art{position: absolute; z-index: -1; inset-inline-end: -1.5rem; bottom: -1rem; height: 88%; opacity: .42; pointer-events: none}.gh-hero__art svg{height: 100%; width: auto}.gh-arch{fill: none; stroke: var(--gh-gold); stroke-width: 1; vector-effect: non-scaling-stroke}.gh-arch--faint{stroke: rgba(232, 214, 174, .45)}.gh-draw{stroke-dasharray: 1; stroke-dashoffset: 1; animation: gh-draw 1.8s var(--gh-ease) forwards}.gh-d2{animation-delay: .18s}.gh-d3{animation-delay: .36s}.gh-d4{animation-delay: .6s}.gh-fade{opacity: 0; animation: gh-fade 1.2s .9s ease forwards}.gh-keystone{fill: var(--gh-gold); opacity: 0; animation: gh-fade .8s 1.4s ease forwards}.gh-hero__content{position: relative; margin-top: 1.75rem; max-width: 34rem}.gh-hero__title{font-family: var(--gh-font-display); font-weight: 500; line-height: 1.15; font-size: clamp(2.3rem, 1.55rem + 3.2vw, 4.4rem); margin: 0 0 1rem; color: #fff;}.gh-hero__lead{margin: 0; max-width: 27rem; font-size: clamp(1rem, .94rem + .3vw, 1.15rem); font-weight: 300; color: rgba(255, 255, 255, .76)}.gh-assure{list-style: none; padding: 0; margin: 2.25rem 0 0; display: none; gap: 1rem; max-width: 25rem}.gh-assure li{display: flex; gap: .85rem; align-items: flex-start; font-size: .93rem; line-height: 1.7; color: rgba(255, 255, 255, .82)}.gh-assure svg{flex: none; width: 1.1rem; height: 1.1rem; margin-top: .3rem; color: var(--gh-gold)}.gh-main{grid-area: form; position: relative; z-index: 1; min-width: 0; display: flex; justify-content: center; align-items: flex-start; margin-top: -3.5rem; padding: 0 1rem calc(2.5rem + env(safe-area-inset-bottom));}.gh-card{position: relative; isolation: isolate; width: 100%; max-width: 46rem; min-width: 0; border-radius: 22px; border: 1px solid transparent; padding: clamp(1.4rem, .95rem + 2.4vw, 3rem); background: linear-gradient(180deg, #FFFFFF, #FFFEFC) padding-box, linear-gradient(140deg, rgba(201, 164, 92, .8), rgba(226, 218, 211, .9) 28%, rgba(226, 218, 211, .9) 70%, rgba(104, 17, 43, .45)) border-box; box-shadow: 0 2px 6px rgba(46, 31, 41, .035), 0 40px 80px -40px rgba(104, 17, 43, .35), 0 0 0 8px rgba(255, 255, 255, .35); animation: gh-rise .9s var(--gh-ease) .15s both;}.gh-card::before, .gh-card::after{content: ""; position: absolute; width: 22px; height: 22px; opacity: .8; pointer-events: none}.gh-card::before{top: 12px; inset-inline-start: 12px; border-top: 1px solid var(--gh-gold); border-inline-start: 1px solid var(--gh-gold); border-start-start-radius: 10px}.gh-card::after{bottom: 12px; inset-inline-end: 12px; border-bottom: 1px solid var(--gh-gold); border-inline-end: 1px solid var(--gh-gold); border-end-end-radius: 10px}.gh-card__glow{position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .5s; background: radial-gradient(560px circle at var(--gh-mx, 50%) var(--gh-my, 0%), rgba(201, 164, 92, .10), transparent 45%);}.gh-card:hover .gh-card__glow{opacity: 1}.gh-card__glow::after{content: ""; position: absolute; top: -1px; inset-inline: 18%; height: 1px; background: linear-gradient(90deg, transparent, var(--gh-gold), transparent); box-shadow: 0 0 14px 1px rgba(201, 164, 92, .5);}.gh-head{display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--gh-line)}.gh-head__title{font-family: var(--gh-font-display); font-weight: 500; line-height: 1.3; font-size: clamp(1.4rem, 1.2rem + .8vw, 1.9rem); margin: 0 0 .35rem; color: var(--gh-plum-900);}.gh-head__sub{margin: 0; color: var(--gh-muted); font-size: .93rem}.gh-progress{width: 100%}.gh-progress__row{display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; font-size: .82rem; color: var(--gh-muted); margin-bottom: .5rem}.gh-progress__value{font-weight: 600; color: var(--gh-plum); font-variant-numeric: tabular-nums; transition: color .3s}.gh-progress__track{position: relative; height: 4px; border-radius: 4px; background: var(--gh-plum-50); overflow: hidden}.gh-progress__bar{position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(270deg, var(--gh-plum), #9A4560 60%, var(--gh-gold)); transform: scaleX(0); transform-origin: 100% 50%; transition: transform .6s var(--gh-ease), background .4s;}.gh-progress.is-complete .gh-progress__value{color: var(--gh-gold-deep)}.gh-progress.is-complete .gh-progress__bar{background: linear-gradient(270deg, var(--gh-gold-deep), var(--gh-gold), var(--gh-gold-soft)); box-shadow: 0 0 12px rgba(201, 164, 92, .6);}.gh-fields{border: 0; margin: 0; padding: 0; min-width: 0; transition: opacity .3s}.gh-fields.is-busy{opacity: .62; pointer-events: none}.gh-group{border: 0; margin: 0; padding: 0; min-width: 0}.gh-group + .gh-group{margin-top: 2.25rem}.gh-group__title{padding: 0; margin: 0 0 1rem; float: none; width: 100%; font-size: inherit; line-height: inherit}.gh-group__title span{display: inline-flex; align-items: center; gap: .65rem; font-weight: 600; font-size: 1rem; color: var(--gh-plum-900)}.gh-group__title span::before{content: ""; width: 16px; height: 1px; background: var(--gh-gold)}.gh-grid{display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap: 1.35rem 1rem}.gh-span-2{grid-column: 1 / -1}.gh-field{min-width: 0}.gh-label{display: block; margin: 0 0 .5rem; font-size: .9rem; font-weight: 500; color: var(--gh-ink-2)}.gh-control{position: relative}.gh-control::after{content: ""; position: absolute; bottom: 0; inset-inline: 18px; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--gh-gold), transparent); transform: scaleX(0); transition: transform .5s var(--gh-ease);}.gh-control:focus-within::after, .gh-dd.is-open .gh-control::after{transform: scaleX(1)}.gh-control__icon{position: absolute; top: 50%; inset-inline-start: 1rem; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; color: #A98F9A; pointer-events: none; transition: color .25s;}.gh-control:focus-within .gh-control__icon, .gh-dd.is-open .gh-control__icon{color: var(--gh-plum)}.gh-input, .gh-dd__trigger{display: block; width: 100%; height: 3.5rem; margin: 0; padding: 0 1rem; padding-inline-start: 3rem; font-size: 1rem; line-height: normal; color: var(--gh-ink); background: var(--gh-field); border: 1px solid var(--gh-line-strong); border-radius: 14px; outline: none; appearance: none; -webkit-appearance: none; box-shadow: none; transition: border-color .25s, box-shadow .3s, background .25s;}.gh-input::placeholder{color: var(--gh-placeholder); opacity: 1}.gh-input:hover, .gh-dd__trigger:hover{border-color: #D3BEC7}.gh-input:focus, .gh-dd__trigger:focus-visible, .gh-dd.is-open .gh-dd__trigger{border-color: var(--gh-plum); background: #fff; box-shadow: 0 0 0 4px rgba(104, 17, 43, .10), 0 10px 22px -14px rgba(104, 17, 43, .45);}.gh-input--ltr{direction: ltr; text-align: right; letter-spacing: .02em}.gh-input.gh-input--ltr{padding-left: 1rem; padding-right: 3rem}.gh-input--area{height: auto; min-height: 10rem; padding: 1rem 1.1rem; line-height: 1.85; resize: vertical; overflow: auto}.gh-meta{display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-top: .6rem; font-size: .83rem; line-height: 1.7; color: var(--gh-muted)}.gh-counter{flex: none; direction: ltr; font-variant-numeric: tabular-nums; color: var(--gh-placeholder); transition: color .2s}.gh-counter.is-near{color: var(--gh-gold-deep)}.gh-error{display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--gh-error); font-size: .84rem; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-4px); transition: max-height .3s var(--gh-ease), opacity .25s, transform .3s var(--gh-ease), margin .3s;}.gh-error svg{width: 1rem; height: 1rem; flex: none}.gh-has-error .gh-error{max-height: 4rem; opacity: 1; transform: none; margin-top: .55rem}.gh-has-error .gh-input, .gh-has-error .gh-dd__trigger{border-color: rgba(180, 68, 62, .7); background: var(--gh-error-bg)}.gh-has-error .gh-input:focus, .gh-has-error .gh-dd__trigger:focus-visible{box-shadow: 0 0 0 4px rgba(180, 68, 62, .10)}.gh-has-error .gh-control__icon{color: var(--gh-error)}.gh-shake{animation: gh-shake .42s var(--gh-ease)}.gh-dd{position: relative}.gh-dd__trigger{display: flex; align-items: center; gap: .75rem; cursor: pointer; text-align: start; -webkit-tap-highlight-color: transparent}.gh-dd__value{flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}.gh-dd__value.is-placeholder{color: var(--gh-placeholder)}.gh-dd__chev{width: 1.1rem; height: 1.1rem; flex: none; color: var(--gh-muted); transition: transform .35s var(--gh-ease)}.gh-dd.is-open .gh-dd__chev{transform: rotate(180deg); color: var(--gh-plum)}.gh-dd__panel{position: absolute; z-index: 40; top: calc(100% + .5rem); inset-inline: 0; display: flex; flex-direction: column; padding: .5rem; border-radius: 18px; background: #fff; border: 1px solid var(--gh-line); box-shadow: 0 28px 60px -22px rgba(46, 31, 41, .38), 0 2px 8px rgba(46, 31, 41, .06); opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.985); transform-origin: top center; transition: opacity .2s, transform .28s var(--gh-ease), visibility 0s linear .28s;}.gh-dd.is-open .gh-dd__panel{opacity: 1; visibility: visible; transform: none; transition-delay: 0s}.gh-dd__panel:focus{outline: none}.gh-dd__sheet-head{display: none}.gh-dd__search{position: relative; margin-bottom: .35rem; flex: none}.gh-dd__search svg{position: absolute; top: 50%; inset-inline-start: .85rem; transform: translateY(-50%); width: 1.05rem; height: 1.05rem; color: var(--gh-muted); pointer-events: none}.gh-dd__search input{width: 100%; height: 2.85rem; padding: 0 .9rem; padding-inline-start: 2.5rem; font-size: 1rem; border-radius: 12px; border: 1px solid transparent; background: var(--gh-bg); outline: none; transition: border-color .2s, background .2s;}.gh-dd__search input::placeholder{color: var(--gh-placeholder)}.gh-dd__search input:focus{border-color: var(--gh-plum-100); background: #fff}.gh-dd__list{list-style: none; margin: 0; padding: 0; max-height: 16rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--gh-plum-100) transparent;}.gh-dd__list:focus{outline: none}.gh-dd__option{display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .7rem .85rem; border-radius: 10px; cursor: pointer; font-size: .97rem; color: var(--gh-ink-2); transition: background .15s, color .15s;}.gh-dd__option svg{width: 1rem; height: 1rem; color: var(--gh-gold); opacity: 0; transform: scale(.5); transition: opacity .2s, transform .3s var(--gh-ease)}.gh-dd__option.is-active{background: var(--gh-plum-50); color: var(--gh-plum-900)}.gh-dd__option[aria-selected="true"]{color: var(--gh-plum); font-weight: 600}.gh-dd__option[aria-selected="true"] svg{opacity: 1; transform: none}.gh-dd__empty{margin: 0; padding: 1.25rem .75rem; text-align: center; color: var(--gh-muted); font-size: .9rem}.gh-dd__backdrop{display: none}.gh-alert{display: flex; gap: .6rem; align-items: flex-start; margin-top: 2rem; padding: .9rem 1.1rem; border-radius: 14px; background: var(--gh-error-bg); border: 1px solid rgba(180, 68, 62, .25); color: var(--gh-error); font-size: .9rem;}.gh-alert[hidden]{display: none !important}.gh-alert svg{width: 1.1rem; height: 1.1rem; flex: none; margin-top: .2rem}.gh-actions{display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--gh-line);}.gh-actions__note{margin: 0; max-width: 22rem; font-size: .84rem; line-height: 1.7; color: var(--gh-muted)}.gh-submit{position: relative; overflow: hidden; flex: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-width: 13.5rem; height: 3.65rem; padding: 0 2rem; border: 0; border-radius: 16px; color: #fff; font-weight: 600; font-size: 1.03rem; background: linear-gradient(150deg, #9B2347 0%, #8A1739 52%, #68112B 100%); box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .38), inset 0 1px 0 rgba(255, 255, 255, .16), 0 16px 32px -16px rgba(104, 17, 43, .8); transition: transform .25s var(--gh-ease), box-shadow .35s var(--gh-ease); -webkit-tap-highlight-color: transparent;}.gh-submit::before{content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 30%, rgba(232, 214, 174, .30) 50%, transparent 70%); transform: translateX(120%); transition: transform .9s var(--gh-ease);}.gh-submit::after{content: ""; position: absolute; bottom: 0; inset-inline-start: 0; height: 2px; width: 0; background: linear-gradient(90deg, var(--gh-gold-soft), var(--gh-gold))}.gh-submit:hover{transform: translateY(-1px); box-shadow: inset 0 0 0 1px rgba(201, 164, 92, .55), inset 0 1px 0 rgba(255, 255, 255, .18), 0 22px 40px -18px rgba(104, 17, 43, .85)}.gh-submit:hover::before{transform: translateX(-120%)}.gh-submit:active{transform: translateY(0) scale(.99)}.gh-submit:focus{outline: none}.gh-submit:focus-visible{outline: 2px solid var(--gh-gold); outline-offset: 3px}.gh-submit:disabled{cursor: progress; opacity: 1}.gh-submit.is-loading::after{animation: gh-progress-bar 2.2s var(--gh-ease) forwards}.gh-spinner{display: none; width: 1.15rem; height: 1.15rem; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .22); border-top-color: var(--gh-gold); animation: gh-spin .8s linear infinite}.gh-submit.is-loading .gh-spinner{display: block}.gh-submit__label{position: relative}.gh-view{position: relative; animation: gh-view-in .55s var(--gh-ease) both}.gh-success{text-align: center; padding: clamp(.75rem, 2vw, 2rem) 0}.gh-success__mark{position: relative; width: 6.5rem; height: 6.5rem; margin: 0 auto 1.9rem}.gh-success__mark svg{width: 100%; height: 100%; overflow: visible}.gh-success__mark::after{content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--gh-gold); opacity: 0; animation: gh-pulse 1.6s 1.05s ease-out}.gh-c-ring{fill: none; stroke: var(--gh-gold); stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 1; transform-box: fill-box; transform-origin: center; transform: rotate(-90deg); animation: gh-draw .85s .15s var(--gh-ease) forwards}.gh-c-fill{fill: var(--gh-plum); transform-box: fill-box; transform-origin: center; transform: scale(0); animation: gh-fill-in .5s .6s cubic-bezier(.2, .9, .3, 1.3) forwards}.gh-c-check{fill: none; stroke: #fff; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: gh-draw .45s .95s var(--gh-ease) forwards}.gh-success__title{font-family: var(--gh-font-display); font-weight: 500; line-height: 1.3; margin: 0 0 .75rem; color: var(--gh-plum-900); font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.3rem); outline: none;}.gh-success__text{margin: 0 auto; max-width: 28rem; color: var(--gh-muted); font-size: .98rem}.gh-success__text bdi{color: var(--gh-ink); font-weight: 500}.gh-summary{margin: 2rem auto 0; max-width: 27rem; padding: .35rem 1.25rem; text-align: start; border: 1px solid var(--gh-line); border-radius: 18px; background: var(--gh-bg);}.gh-summary div{display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .8rem 0; border-bottom: 1px dashed var(--gh-line-strong)}.gh-summary div:last-child{border-bottom: 0}.gh-summary dt{color: var(--gh-muted); font-size: .88rem; font-weight: 400; flex: none}.gh-summary dd{margin: 0; font-weight: 600; font-size: .95rem; color: var(--gh-ink); text-align: end; min-width: 0; overflow-wrap: anywhere}.gh-summary .gh-ref{direction: ltr; color: var(--gh-plum); letter-spacing: .04em}.gh-status{display: inline-block; padding: .15rem .75rem; border-radius: 999px; font-size: .82rem; font-weight: 600}.gh-status--new{background: var(--gh-plum-50); color: var(--gh-plum)}.gh-status--in_progress{background: #FBF3E2; color: var(--gh-gold-deep)}.gh-status--done{background: #EAF4EC; color: #3F7A4E}.gh-status--cancel{background: #F1EEEF; color: var(--gh-muted)}.gh-status--approved{background: #EAF4EC; color: #3F7A4E}.gh-status--rejected{background: #FBEDEC; color: #B4443E}.gh-success__note{margin: 1.25rem auto 0; max-width: 27rem; font-size: .85rem; color: var(--gh-muted)}.gh-btn-ghost{display: inline-flex; align-items: center; justify-content: center; margin-top: 2rem; height: 3.3rem; padding: 0 1.75rem; border-radius: 14px; cursor: pointer; border: 1px solid var(--gh-line-strong); background: #fff; color: var(--gh-plum); font-weight: 600; font-size: .97rem; text-decoration: none; transition: border-color .25s, box-shadow .3s, transform .25s var(--gh-ease);}.gh-btn-ghost:hover, .gh-btn-ghost:focus{color: var(--gh-plum); text-decoration: none; border-color: var(--gh-plum); box-shadow: 0 10px 24px -16px rgba(104, 17, 43, .5); transform: translateY(-1px)}.gh-btn-ghost:focus-visible{outline: 2px solid var(--gh-gold); outline-offset: 3px}.gh-success > :not(.gh-success__mark){animation: gh-fade-up .6s var(--gh-ease) both}.gh-success > .gh-success__title{animation-delay: 1s}.gh-success > .gh-success__text{animation-delay: 1.1s}.gh-success > .gh-summary{animation-delay: 1.2s}.gh-success > .gh-success__note{animation-delay: 1.3s}.gh-success > .gh-btn-ghost{animation-delay: 1.4s}@keyframes gh-draw{to{stroke-dashoffset: 0}}@keyframes gh-fade{to{opacity: 1}}@keyframes gh-rise{from{opacity: 0; transform: translateY(18px)}to{opacity: 1; transform: none}}@keyframes gh-view-in{from{opacity: 0; transform: translateY(10px)}to{opacity: 1; transform: none}}@keyframes gh-fade-up{from{opacity: 0; transform: translateY(8px)}to{opacity: 1; transform: none}}@keyframes gh-icon-in{0%{transform: scale(.86)}60%{transform: scale(1.06)}100%{transform: none}}@keyframes gh-shake{0%, 100%{transform: none}20%{transform: translateX(-6px)}40%{transform: translateX(5px)}60%{transform: translateX(-3px)}80%{transform: translateX(2px)}}@keyframes gh-spin{to{transform: rotate(360deg)}}@keyframes gh-progress-bar{0%{width: 0}100%{width: 92%}}@keyframes gh-fill-in{to{transform: scale(1)}}@keyframes gh-pulse{0%{opacity: .7; transform: scale(1)}100%{opacity: 0; transform: scale(1.55)}}@keyframes gh-drift1{to{transform: translate(-6rem, 5rem) scale(1.08)}}@keyframes gh-drift2{to{transform: translate(5rem, -4rem) scale(1.12)}}@keyframes gh-drift3{to{transform: translate(-4rem, -6rem) scale(.94)}}@keyframes gh-rotate{to{transform: rotate(360deg)}}@keyframes gh-float{0%{transform: translateY(0); opacity: 0}10%{opacity: .85}75%{opacity: .45}100%{transform: translateY(-75vh); opacity: 0}}@keyframes gh-sheen{0%{background-position: 100% 0}35%, 100%{background-position: 0 0}}@media (max-width: 360px){.gh-main{padding-inline: .625rem}.gh-hero{margin-inline: .5rem; border-radius: 24px; padding-inline: 1.25rem}.gh-card{border-radius: 20px}}@media (max-width: 640px){.gh-grid{grid-template-columns:minmax(0, 1fr)}.gh-actions{flex-direction: column-reverse; align-items: stretch; gap: 1rem}.gh-actions__note{max-width: none; text-align: center}.gh-submit{width: 100%; min-width: 0}.gh-dd__backdrop{display: block; position: fixed; inset: 0; z-index: 1060; background: rgba(46, 31, 41, .42); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s linear .3s;}.gh-dd.is-open .gh-dd__backdrop{opacity: 1; visibility: visible; transition-delay: 0s}.gh-dd__panel{position: fixed; z-index: 1061; top: auto; bottom: 0; inset-inline: 0; max-height: 80vh; max-height: 80dvh; border-radius: 26px 26px 0 0; border-bottom: 0; padding: .6rem 1rem calc(1rem + env(safe-area-inset-bottom)); transform: translateY(100%); opacity: 1; transition: transform .38s var(--gh-ease), visibility 0s linear .38s;}.gh-dd.is-open .gh-dd__panel{transform: none}.gh-dd__sheet-head{display: block; flex: none; text-align: center; padding: .1rem 0 .85rem}.gh-dd__sheet-head::before{content: ""; display: block; width: 2.5rem; height: 4px; border-radius: 4px; background: var(--gh-line-strong); margin: 0 auto .8rem}.gh-dd__sheet-head strong{font-family: var(--gh-font-display); font-weight: 500; font-size: 1.1rem; color: var(--gh-plum-900)}.gh-dd__search input{height: 3rem}.gh-dd__list{max-height: none; flex: 1 1 auto; min-height: 0}.gh-dd__option{min-height: 3.3rem; font-size: 1rem; padding-inline: 1rem}}@media (min-width: 641px){.gh-brandbar{padding-top: calc(2.75rem + env(safe-area-inset-top)); padding-bottom: 2.25rem}.gh-compass{width: 24rem; height: 24rem}.gh-hero{margin-inline: 1.5rem; border-radius: 32px; padding: 3rem clamp(2rem, 5vw, 3.5rem) 7rem}.gh-hero__content{margin-top: 3rem}.gh-hero__art{height: 100%; bottom: -2rem; opacity: .55}.gh-assure{display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)); max-width: none; gap: 1.25rem}.gh-assure li{flex-direction: column; gap: .5rem; font-size: .88rem}.gh-main{margin-top: -4.5rem; padding-inline: 2.25rem}.gh-card{border-radius: 26px}.gh-head{flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem}.gh-progress{width: 12.5rem; flex: none}}@media (min-width: 1080px){.gh-page{grid-template-columns:minmax(380px, 5fr) minmax(0, 7fr); grid-template-rows:auto 1fr; grid-template-areas:"hero brand" "hero form";}.gh-ambient{grid-column: 2; grid-row: 1 / -1}.gh-compass{width: 28rem; height: 28rem; top: -8rem; inset-inline-end: -8rem}.gh-brandbar{padding: clamp(2.5rem, 7vh, 5rem) clamp(2rem, 5vw, 6rem) 1.75rem; text-align: start}.gh-lockup{align-items: flex-start}.gh-lockup__tag::before{display: none}.gh-lockup__tag::after{width: 4rem}.gh-hero{position: sticky; top: 0; align-self: start; height: 100vh; height: 100dvh; margin: 0; border-radius: 0; box-shadow: none; padding: clamp(2.5rem, 4vw, 4rem);}.gh-hero::after{content: ""; position: absolute; inset-block: 10%; inset-inline-end: 0; width: 1px; background: linear-gradient(transparent, rgba(201, 164, 92, .5), transparent)}.gh-hero__art{position: relative; inset: auto; z-index: 0; opacity: 1; height: auto; flex: 1 1 0; min-height: 0; display: flex; justify-content: flex-end; align-items: flex-end; padding-block: 2rem;}.gh-hero__art svg{height: 100%; max-height: 27rem; max-width: 100%}.gh-hero__content{margin-top: 0}.gh-assure{grid-template-columns:minmax(0, 1fr); max-width: 25rem; gap: 1rem}.gh-assure li{flex-direction: row; gap: .85rem; font-size: .93rem}.gh-main{margin-top: 0; padding: .5rem clamp(2rem, 5vw, 6rem) clamp(3rem, 7vh, 6rem)}.gh-card{border-radius: 28px}}@media (min-width: 1080px) and (max-height: 800px){.gh-assure{display: none}}@media (min-width: 1800px){.gh-page{margin-block: 2rem; min-height: calc(100vh - 4rem); min-height: calc(100dvh - 4rem); border-radius: 32px; overflow: clip; border: 1px solid var(--gh-line); background: #FBF9F6; box-shadow: 0 50px 120px -70px rgba(46, 31, 41, .45);}.gh-hero{top: 2rem; height: calc(100vh - 4rem); height: calc(100dvh - 4rem)}}@media (min-width: 2200px){html{font-size: 18px}.gh-page{max-width: 2000px}}@media (min-width: 3000px){html{font-size: 20px}.gh-page{max-width: 2300px}}@media (prefers-reduced-motion: reduce){.gh-page *, .gh-page *::before, .gh-page *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}.gh-spark{display: none}}