@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";:root{--cream: #FBEFDA;--surface2: #F3E8D3;--line: #EBDFC8;--orange: #FF7A1A;--orange-soft: #FFE0C2;--orange-deep: #A05A1F;--ink: #1F1F1F;--muted: #94897A;--faint: #B0A48F;--white: #FFFFFF;--success: #2F7D4F;--success-bg: #E3F0E7;--warn: #9A7208;--warn-bg: #FFF3D6;--danger: #C4442A;--danger-bg: #FFE9E2;--info: #2563EB;--info-bg: #E8EEFF;--radius-card: 16px;--radius-control: 14px;--radius-sm: 8px;--radius-pill: 999px;--radius-modal: 20px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .72) inset, 0 10px 28px rgba(31, 31, 31, .06);--shadow-soft: 0 20px 54px rgba(31, 31, 31, .12);--shadow-popover: 0 18px 48px rgba(31, 31, 31, .18);--shadow-cta: 0 10px 24px rgba(255, 122, 26, .35);--focus-ring: 0 0 0 4px rgba(255, 122, 26, .08);--page-padding: 24px;--sidebar-width: 296px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--ease-out-cubic: cubic-bezier(.22, 1, .36, 1);--color-primary: var(--orange);--color-primary-light: var(--orange-soft);--color-primary-dark: var(--orange-deep);--color-charcoal: var(--ink);--color-white: var(--white);--color-light-gray: var(--line);--color-app-bg: var(--cream);--color-surface: var(--white);--color-surface-subtle: var(--surface2);--color-text: var(--ink);--color-muted: var(--muted);--color-border: var(--line);--color-success: var(--success);--color-warning: var(--warn);--color-danger: var(--danger);--color-info: var(--info);--color-indigo: var(--info);--color-primary-soft: var(--orange-soft);--color-primary-faint: rgba(255, 122, 26, .08);--color-success-soft: var(--success-bg);--color-warning-soft: var(--warn-bg);--color-danger-soft: var(--danger-bg);--color-info-soft: var(--info-bg);--color-indigo-soft: var(--info-bg);font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--cream);color:var(--ink)}html{scrollbar-color:var(--faint) var(--surface2)}body,button,input,textarea,select{font-family:inherit}button,a,input,select,textarea{min-width:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}::selection{background:var(--orange-soft);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{border:3px solid var(--surface2);border-radius:var(--radius-pill);background:var(--faint)}:focus-visible{outline:0;box-shadow:var(--focus-ring)}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.68rem 1rem;font-size:.93rem;font-weight:800;line-height:1;transition:transform .18s var(--ease-out-cubic),box-shadow .18s var(--ease-out-cubic),background .18s var(--ease-out-cubic),border-color .18s var(--ease-out-cubic),color .18s var(--ease-out-cubic)}.btn:hover:not(:disabled),.lift:hover{transform:translateY(-2px)}.btn:active:not(:disabled),.lift:active{transform:translateY(0)}.btn-primary{min-height:48px;border-color:var(--orange);border-radius:var(--radius-control);background:var(--orange);color:var(--white);box-shadow:var(--shadow-cta)}.btn-secondary{border-color:var(--line);background:var(--white);color:var(--ink)}.btn-danger{border-color:var(--danger);background:var(--danger);color:var(--white)}.btn-ghost{background:transparent;color:var(--ink)}.page{display:grid;gap:var(--space-5);animation:fade-up .26s var(--ease-out-cubic) both}.page-header{position:sticky;top:76px;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:76px;overflow:hidden;margin:calc(var(--page-padding) * -.35) calc(var(--page-padding) * -.35) 0;border-radius:var(--radius-card);background:#fbefdad1;padding:.65rem calc(var(--page-padding) * .35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-header:after{position:absolute;inset-block-start:.1rem;inset-inline-end:0;width:112px;height:42px;border-radius:var(--radius-pill);background:linear-gradient(var(--orange),var(--orange)) 100% 0/94px 8px no-repeat,linear-gradient(var(--orange),var(--orange)) 62% 16px/70px 7px no-repeat,linear-gradient(var(--orange),var(--orange)) 86% 31px/46px 6px no-repeat;content:"";opacity:.12;pointer-events:none}.page-kicker{color:var(--orange-deep);font-size:.78rem;font-weight:900}.page-title{color:var(--ink);font-size:clamp(1.35rem,2vw,2rem);font-weight:900;line-height:1.25}.page-subtitle{color:var(--muted);font-size:.96rem;line-height:1.65}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-card)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.wide-field,.form-actions,.field-full{grid-column:1/-1}.field{display:grid;gap:.38rem}.field label,.field>span{color:var(--ink);font-size:.83rem;font-weight:800}.field input,.field select,.field textarea,input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);color:var(--ink);padding:.78rem .86rem;font-size:.95rem;outline:none;transition:border-color .17s var(--ease-out-cubic),box-shadow .17s var(--ease-out-cubic),background .17s var(--ease-out-cubic)}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--orange);border-width:1.5px;box-shadow:var(--focus-ring)}.field-error{color:var(--danger);font-size:.78rem;font-weight:700}.checkbox-field,.toggle-field{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;color:var(--ink);font-size:.9rem;font-weight:800}.checkbox-field input,.toggle-field input{width:18px;height:18px;accent-color:var(--orange)}.form-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:.4rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.detail-panel{display:grid;gap:1rem;padding:1rem}.detail-panel h2,.section-title{color:var(--ink);font-size:1.02rem;font-weight:900}.key-value{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0}.key-value div{min-width:0}.key-value dt{color:var(--muted);font-size:.78rem;font-weight:800}.key-value dd{margin:.2rem 0 0;color:var(--ink);font-weight:800;overflow-wrap:anywhere}.metric-grid,.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.metric-card,.mini-card,.document-link{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);padding:.85rem}.metric-card span,.mini-card span{color:var(--muted);font-size:.76rem;font-weight:800}.metric-card strong,.mini-card strong{display:block;margin-top:.25rem;color:var(--ink);font-size:1rem;font-weight:900;overflow-wrap:anywhere}.muted{color:var(--muted);font-weight:700}.action-strip{display:flex;flex-wrap:wrap;gap:.65rem}.document-list{display:grid;gap:.65rem}.document-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--orange-deep);font-weight:900;overflow-wrap:anywhere}.flow-chips{display:flex;flex-wrap:wrap;gap:.5rem}.flow-chip{display:inline-flex;min-height:32px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface2);color:var(--muted);padding:.35rem .72rem;font-size:.78rem;font-weight:900}.flow-chip.active{border-color:#ff7a1a29;background:var(--orange-soft);color:var(--orange-deep)}.fade-up{animation:fade-up .26s var(--ease-out-cubic) both}.stagger>*{animation:fade-up .3s var(--ease-out-cubic) both}.stagger>*:nth-child(1){animation-delay:40ms}.stagger>*:nth-child(2){animation-delay:90ms}.stagger>*:nth-child(3){animation-delay:.14s}.stagger>*:nth-child(4){animation-delay:.19s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.29s}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--surface2),var(--line),var(--surface2));background-size:220% 100%;animation:shimmer 1.25s ease-in-out infinite}.speed-lines{width:118px;height:44px;background:linear-gradient(var(--orange),var(--orange)) 100% 0/98px 10px no-repeat,linear-gradient(var(--orange),var(--orange)) 54% 17px/72px 8px no-repeat,linear-gradient(var(--orange),var(--orange)) 84% 32px/48px 6px no-repeat;border-radius:var(--radius-pill)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:780px){:root{--page-padding: 16px}.form-grid{grid-template-columns:1fr}.form-actions,.action-strip{display:grid}.detail-grid,.key-value,.metric-grid,.cards-grid{grid-template-columns:1fr}.page-header{display:grid;min-height:64px;top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
