@charset "UTF-8";@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:The Year of Handicrafts;src:url(/fonts/TheYearofHandicrafts-Black.otf) format("opentype");font-weight:800 900;font-style:normal;font-display:swap}:root{--font-sans: "The Year of Handicrafts", "Segoe UI", Tahoma, sans-serif;--font-display: "The Year of Handicrafts", "Segoe UI", Tahoma, sans-serif;--spot-navy: #20325a;--spot-navy-deep: #0b111f;--spot-navy-mid: #38579d;--spot-navy-soft: #6282c7;--spot-navy-pale: #a1b4de;--spot-navy-mist: #e0e6f4;--spot-teal: #9ee7e7;--spot-teal-deep: #6fa2a2;--spot-teal-mid: #85d0d0;--spot-teal-soft: #cff3f3;--spot-coral: #ee494d;--spot-coral-deep: #a73336;--spot-coral-mid: #f05b5f;--spot-coral-soft: #f59294;--spot-gray: #808080;--spot-gray-mid: #999999;--spot-gray-soft: #b3b3b3;--spot-gray-line: #cccccc;--spot-gray-mist: #f8f8f8;--spot-bg: var(--spot-navy-mist);--spot-bg-deep: #d5deef;--spot-surface: #ffffff;--spot-surface-soft: rgba(255, 255, 255, .78);--spot-ink: var(--spot-navy);--spot-muted: var(--spot-gray);--spot-border: var(--spot-navy-pale);--spot-border-strong: var(--spot-navy-soft);--spot-accent: var(--spot-navy-mid);--spot-accent-bright: var(--spot-teal);--spot-accent-ink: var(--spot-navy);--spot-sand: var(--spot-navy-mist);--spot-danger: var(--spot-coral-deep);--spot-success: var(--spot-teal-deep);--spot-warning: var(--spot-coral);--spot-teal-ink: var(--spot-navy);--radius-sm: .55rem;--radius-md: .85rem;--radius-lg: 1.25rem;--radius-xl: 1.6rem;--shadow-xs: 0 1px 2px rgba(32, 50, 90, .05);--shadow-sm: 0 4px 14px rgba(32, 50, 90, .07);--shadow-md: 0 12px 32px rgba(32, 50, 90, .1);--shadow-glow: 0 10px 28px color-mix(in srgb, var(--spot-teal) 35%, transparent);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .16s;--dur: .28s;--dur-slow: .52s}html[lang=ar]{--font-sans: "The Year of Handicrafts", "Segoe UI", Tahoma, sans-serif;--font-display: "The Year of Handicrafts", "Segoe UI", Tahoma, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--spot-ink);background:radial-gradient(1200px 600px at 0% -10%,color-mix(in srgb,var(--spot-teal) 28%,transparent),transparent 55%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--spot-navy-mid) 12%,transparent),transparent 50%),linear-gradient(180deg,var(--spot-bg) 0%,var(--spot-bg-deep) 100%);background-attachment:fixed}html[dir=rtl] body{text-align:start}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}:root{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%23808080' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2338579D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-inset: .75rem;--select-chevron-side: right}html[dir=rtl]{--select-chevron-side: left}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:var(--spot-ink);border:1px solid var(--spot-border);border-radius:.75rem;padding-block:.62rem;padding-inline-start:.85rem;padding-inline-end:2.35rem;min-height:2.45rem;background-color:#fff;background-image:var(--select-chevron);background-repeat:no-repeat;background-size:.75rem auto;background-position:var(--select-chevron-side) var(--select-chevron-inset) center!important;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}select:hover:not(:disabled){border-color:var(--spot-border-strong);background-color:color-mix(in srgb,#fff 88%,var(--spot-sand));box-shadow:var(--shadow-sm)}select:focus,select:focus-visible{outline:none;border-color:color-mix(in srgb,var(--spot-accent) 55%,var(--spot-border));background-color:#fff;background-image:var(--select-chevron-active);box-shadow:0 0 0 3px color-mix(in srgb,var(--spot-accent) 16%,transparent),var(--shadow-xs)}select:disabled{cursor:not-allowed;opacity:.65;background-color:color-mix(in srgb,var(--spot-sand) 55%,#fff);box-shadow:none}select option{color:var(--spot-ink);background:#fff;padding:.45rem .65rem}select option:checked{background:linear-gradient(90deg,color-mix(in srgb,var(--spot-navy-mid) 88%,var(--spot-navy)),var(--spot-navy));color:#fff}::selection{background:color-mix(in srgb,var(--spot-accent) 28%,white);color:var(--spot-accent-ink)}@keyframes spot-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spot-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spot-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes spot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spot-pulse-soft{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes spot-spin-slow{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{animation:spot-fade-up var(--dur-slow) var(--ease-out) both}.page__header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.35rem 1.3rem;border-radius:var(--radius-xl);overflow:hidden;flex-wrap:wrap;background:radial-gradient(700px 280px at 100% 0%,color-mix(in srgb,var(--spot-accent) 16%,transparent),transparent 60%),radial-gradient(520px 220px at 0% 100%,color-mix(in srgb,var(--spot-teal) 22%,transparent),transparent 55%),linear-gradient(145deg,#fff,color-mix(in srgb,var(--spot-sand) 55%,#fff));border:1px solid color-mix(in srgb,var(--spot-border) 80%,white);box-shadow:var(--shadow-sm)}.page__header>*{position:relative;z-index:1}.page__header h2{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.75rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.035em;line-height:1.15;color:var(--spot-ink)}.header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.55rem}.eyebrow{margin:0;color:var(--spot-accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.sub,.empty{color:var(--spot-muted)}.sub{margin:0;max-width:42rem;line-height:1.5}.panel{background:var(--spot-surface-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--spot-border) 80%,white);border-radius:var(--radius-lg);padding:1.15rem 1.2rem;box-shadow:var(--shadow-xs);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.panel:hover{box-shadow:var(--shadow-sm);border-color:var(--spot-border-strong)}.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;gap:.75rem}.panel__head h3{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.panel__head a{color:var(--spot-accent-ink);text-decoration:none;font-size:.88rem;font-weight:600;transition:color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.panel__head a:hover{color:var(--spot-accent)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.list li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.55rem .45rem;border-radius:var(--radius-sm);transition:background var(--dur-fast) ease}.list li:hover{background:color-mix(in srgb,var(--spot-sand) 70%,transparent)}.list strong,.list span{display:block}.list strong{font-weight:600}.list a{color:inherit;text-decoration:none}.list a:hover strong{color:var(--spot-accent-ink)}.list span{color:var(--spot-muted);font-size:.82rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;margin-bottom:1rem}.form-grid label{display:flex;flex-direction:column;gap:.4rem;font-size:.84rem;font-weight:500;color:var(--spot-muted)}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.actions select{border:1px solid var(--spot-border);border-radius:.75rem;padding-block:.7rem;padding-inline:.85rem;background-color:color-mix(in srgb,#fff 92%,var(--spot-sand));color:var(--spot-ink);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease}.form-grid select,.actions select{padding-inline-end:2.35rem;background-image:var(--select-chevron);background-repeat:no-repeat;background-size:.75rem auto;box-shadow:var(--shadow-xs)}.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover,.actions select:hover{border-color:var(--spot-border-strong)}.form-grid select:hover,.actions select:hover{background-color:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.actions select:focus{outline:none;border-color:color-mix(in srgb,var(--spot-accent) 55%,var(--spot-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--spot-accent) 18%,transparent);background-color:#fff}.form-grid select:focus,.actions select:focus{background-image:var(--select-chevron-active)}.actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.btn{border:0;border-radius:.75rem;padding:.68rem 1.05rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;letter-spacing:-.01em;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease,box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(145deg,var(--spot-navy-mid),var(--spot-navy) 55%,var(--spot-navy-deep));color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb,var(--spot-navy) 28%,transparent)}.btn--ghost{background:color-mix(in srgb,var(--spot-surface) 70%,transparent);color:var(--spot-muted);border:1px solid var(--spot-border);backdrop-filter:blur(8px)}.btn--ghost:hover:not(:disabled){color:var(--spot-ink);border-color:var(--spot-border-strong);background:#fff;transform:translateY(-1px)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .7rem;font-size:.72rem;font-weight:600;text-transform:capitalize;background:var(--spot-sand);color:var(--spot-teal-ink);white-space:nowrap;letter-spacing:.01em}@keyframes spot-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pill--active,.pill--approved,.pill--completed,.pill--done,.pill--available{background:color-mix(in srgb,var(--spot-teal) 42%,white);color:var(--spot-navy)}.pill--pending,.pill--submitted,.pill--manager_review,.pill--in_progress,.pill--todo,.pill--planned,.pill--assigned{background:color-mix(in srgb,var(--spot-coral) 16%,white);color:var(--spot-coral-deep)}.pill--rejected,.pill--blocked,.pill--cancelled,.pill--on_hold{background:color-mix(in srgb,var(--spot-coral-deep) 12%,white);color:var(--spot-coral-deep)}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.page__header{flex-direction:column;padding:1.1rem 1.15rem}}.dept-gate{padding:1.5rem 1.35rem 1.75rem;animation:spot-fade-up var(--dur-slow) var(--ease-out) both}.dept-gate__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--spot-muted)}.dept-gate h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,1.75rem);color:var(--spot-ink)}.dept-gate .sub{margin:0 0 1.25rem}.dept-gate__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem}.dept-gate__card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:start;padding:1.1rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--spot-border);background:#fff;color:var(--spot-ink);cursor:pointer;transition:border-color var(--dur-fast) ease,box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.dept-gate__card:hover{border-color:color-mix(in srgb,var(--spot-accent) 45%,var(--spot-border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dept-gate__card strong{font-size:1.02rem}.dept-gate__card span{font-size:.82rem;color:var(--spot-muted)}.dept-switch{display:flex;align-items:center;gap:.65rem;min-height:2.4rem;padding:.35rem .15rem}.dept-switch strong{font-size:.95rem;font-weight:650;text-transform:none;letter-spacing:0;color:var(--spot-ink)}.btn--sm{padding:.35rem .7rem;font-size:.8rem}