:root{--ink: #0C0B08;--ink-2: #15130F;--ink-3: #1B1814;--parchment: #F4EFE6;--sage: #5C7A6A;--sage-tint: #A8C0B4;--sage-deep: #3F5547;--clay: #B05D3B;--rose: #C77464;--muted: rgba(244, 239, 230, .55);--muted-2: rgba(244, 239, 230, .72);--hairline: rgba(244, 239, 230, .1);--hairline-2: rgba(244, 239, 230, .16);--serif: "Newsreader", Georgia, serif;--sans: "Inter Tight", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--ar: "Reem Kufi", "Amiri", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--sans);color:var(--parchment);background:#0c0b08;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}a{color:inherit}button{font-family:inherit}.shell{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(120% 60% at 50% 30%,#2a2620,#15130f 55%,#0c0b08);overflow:hidden}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.93 0 0 0 0 0.88 0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:1}.shell .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--ar);font-size:clamp(360px,92vh,1100px);line-height:1;color:var(--sage-tint);opacity:.022;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;direction:rtl;z-index:0}.topbar{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:28px 40px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.topbar a{text-decoration:none;transition:color .15s}.topbar a:hover{color:var(--parchment)}.topbar .brand{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.topbar .dot{width:6px;height:6px;border-radius:50%;background:var(--sage-tint);box-shadow:0 0 0 4px #a8c0b426}.topbar .crumbs{display:inline-flex;align-items:center;gap:14px}.topbar .sep{width:1px;height:10px;background:var(--hairline)}.topbar .signout{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);cursor:pointer;transition:color .15s}.topbar .signout:hover{color:var(--parchment)}.main{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 24px 56px;width:100%}.footing{position:relative;z-index:4;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f4efe666;border-top:.5px solid var(--hairline)}.footing a{color:inherit;text-decoration:none;transition:color .15s}.footing a:hover{color:var(--parchment)}.footing .links{display:flex;gap:22px}@media (max-width: 640px){.topbar{padding:20px;font-size:10px}.topbar .crumbs{gap:10px}.footing{flex-direction:column;gap:10px;padding:18px;text-align:center}}.stepper{display:inline-flex;align-items:center;gap:10px;margin:8px auto 28px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.stepper .node{width:8px;height:8px;border-radius:50%;background:var(--hairline-2);transition:background .25s,box-shadow .25s}.stepper .node.active{background:var(--sage-tint);box-shadow:0 0 0 4px #a8c0b424}.stepper .node.done{background:var(--sage)}.stepper .bar{width:28px;height:1px;background:var(--hairline-2)}.stepper .bar.done{background:var(--sage-deep)}.stepper .label{margin-left:8px;color:var(--muted)}.card{width:100%;max-width:480px;background:linear-gradient(180deg,#f4efe606,#f4efe603),#15130f;border:.5px solid var(--hairline-2);border-radius:18px;padding:36px 32px;box-shadow:0 1px #ffffff0a inset,0 24px 60px #00000059;animation:rise .55s cubic-bezier(.16,.78,.24,1)}.card.wide{max-width:560px}.card .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--sage-tint);margin-bottom:12px}.card h1{font-family:var(--serif);font-weight:500;font-size:30px;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px;color:var(--parchment)}.card h1 .ar{display:inline-block;font-family:var(--ar);font-weight:500;margin-left:6px;color:var(--sage-tint);direction:rtl}.card .lede{font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.55;color:var(--muted-2);margin-bottom:26px}.card .lede strong{color:var(--parchment);font-style:normal;font-weight:500}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.input{font-family:var(--sans);font-size:15px;letter-spacing:-.01em;padding:14px 16px;background:#f4efe60a;border:.5px solid var(--hairline-2);border-radius:10px;color:var(--parchment);outline:none;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.input::placeholder{color:#f4efe659}.input:hover{border-color:#f4efe63d}.input:focus{border-color:var(--sage-tint);background:#f4efe60f;box-shadow:0 0 0 4px #a8c0b41a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;background:var(--sage);color:var(--ink);border:0;border-radius:10px;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:background .15s,transform .08s,opacity .15s}.btn:hover{background:#6c8b7b}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed;background:var(--sage)}.btn.ghost{background:transparent;color:var(--muted-2);border:.5px solid var(--hairline-2)}.btn.ghost:hover{background:#f4efe60a;color:var(--parchment)}.btn.linkish{background:none;border:none;padding:0;width:auto;color:var(--sage-tint);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;border-bottom:.5px solid rgba(168,192,180,.35)}.btn.linkish:hover{color:var(--parchment);border-bottom-color:var(--parchment)}.alert{display:flex;align-items:flex-start;gap:10px;font-family:var(--sans);font-size:13px;line-height:1.5;padding:12px 14px;border-radius:10px;border:.5px solid}.alert.error{color:#ffb8a8;background:#c7746414;border-color:#c774644d}.alert.success{color:var(--sage-tint);background:#5c7a6a1a;border-color:#a8c0b44d}.alert.info{color:var(--muted-2);background:#f4efe60a;border-color:var(--hairline-2)}.alert .dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;margin-top:7px}.alert.error .dot{background:#c77464}.alert.success .dot,.alert.info .dot{background:var(--sage-tint)}.doc{background:#f4efe608;border:.5px solid var(--hairline);border-radius:12px;padding:24px 22px;margin-bottom:22px;display:flex;flex-direction:column;gap:14px}.doc p{font-family:var(--serif);font-size:14.5px;line-height:1.7;color:var(--muted-2)}.doc p strong{color:var(--parchment);font-weight:500}.doc .hr{height:.5px;background:var(--hairline);margin:2px 0}.doc .seal{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);padding-top:8px;border-top:.5px dashed var(--hairline)}.doc .seal .ar{font-family:var(--ar);font-size:18px;color:var(--sage-tint)}.terms-row{display:flex;gap:10px;align-items:flex-start;font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--muted-2);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 2px}.terms-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;flex:0 0 18px;border:.5px solid var(--hairline-2);border-radius:5px;background:#f4efe60a;cursor:pointer;position:relative;margin-top:1px;transition:background .15s,border-color .15s}.terms-row input[type=checkbox]:hover{border-color:#f4efe64d}.terms-row input[type=checkbox]:checked{background:var(--sage);border-color:var(--sage)}.terms-row input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.skeleton{position:relative;background:#f4efe60a;border-radius:8px;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(244,239,230,.06),transparent);animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.row{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f4efe606;border:.5px solid var(--hairline);border-radius:12px}.row .head{display:flex;justify-content:space-between;align-items:center;gap:12px}.row .name{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--parchment)}.row .meta{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--muted);word-break:break-all;display:flex;flex-direction:column;gap:2px}.row .actions{display:flex;gap:8px;flex-wrap:wrap}.row .actions .btn{width:auto;padding:9px 14px;font-size:12.5px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#f4efe60a;border:.5px solid var(--hairline-2);color:var(--muted)}.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--muted)}.pill.live{color:var(--sage-tint);border-color:#a8c0b44d;background:#5c7a6a1a}.pill.live .dot{background:var(--sage-tint)}.pill.pending{color:#d6a45a;border-color:#d6a45a4d;background:#d6a45a0f}.pill.pending .dot{background:#d6a45a}.console-section-label{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}.stack{display:flex;flex-direction:column;gap:12px}.row-actions{display:flex;gap:10px}.row-actions .btn{width:auto}
