@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--surface:#fcf8f3;--surface-dim:#f4e7da;--surface-bright:#fdfbf7;--surface-container-lowest:#fdfbf766;--surface-container-low:#fdfbf799;--surface-container:#fcf8f3b3;--surface-container-high:#fcf8f3d9;--surface-container-highest:#fcf8f3f2;--background:#fff9f5;--accent-beige:#f4e7da;--accent-cream:#faf3ec;--accent-peach:#f7e6da;--accent-sand:#efdccb;--on-surface:#1e293b;--on-surface-variant:#475569;--on-background:#1e293b;--inverse-surface:#0e5f45;--inverse-on-surface:#fdfbf7;--outline:#94a3b8;--outline-variant:#e2e8f0;--card-border:#1e293b14;--glass-border:#fff9;--shadow-color:#1e293b0f;--primary:#0e5f45;--primary-hover:#0a4834;--on-primary:#fff;--primary-container:#e6f4ed;--on-primary-container:#064e3b;--inverse-primary:#a7f3d0;--gold:#f4b400;--amber:#f59e0b;--gold-soft:#fff8e1;--secondary:#147d5a;--on-secondary:#fff;--secondary-container:#f4e7da;--on-secondary-container:#0e5f45;--tertiary:#1e9e6a;--on-tertiary:#fff;--tertiary-container:#faf3ec;--on-tertiary-container:#0e5f45;--error:#ef4444;--on-error:#fff;--error-container:#fef2f2;--on-error-container:#b91c1c;--color-completed:#147d5a;--color-active:#0e5f45;--color-blocked:#ef4444;--color-critical:#7c3aed;--color-failed:#ef4444;--color-pending:#64748b;--color-evidence:#0d9488;--color-policy:#7c3aed;--color-healthy:#0e5f45;--color-warning:#f59e0b;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{width:100%;min-height:100vh;display:flex}.mesh-bg{background-color:var(--background);z-index:-2;background-image:radial-gradient(at 0 0,#f4e7da66 0,#0000 50%),radial-gradient(at 100% 0,#faf3ec80 0,#0000 50%),radial-gradient(at 100% 100%,#f7e6da4d 0,#0000 50%),radial-gradient(at 0 100%,#efdccb66 0,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0}.particles-bg{background-image:radial-gradient(var(--shadow-color) 1px, transparent 1px);z-index:-1;pointer-events:none;background-size:32px 32px;width:100%;height:100%;position:fixed;top:0;left:0}.app-shell{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.main-content{box-sizing:border-box;background:0 0;flex-direction:column;flex:1;width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:16px 24px 32px;display:flex}.gap-24{gap:24px}.gap-20{gap:20px}.gap-16{gap:16px}.gap-12{gap:12px}.col-span-12{grid-column:span 12/span 12}.col-span-11{grid-column:span 11/span 11}.col-span-10{grid-column:span 10/span 10}.col-span-9{grid-column:span 9/span 9}.col-span-8{grid-column:span 8/span 8}.col-span-7{grid-column:span 7/span 7}.col-span-6{grid-column:span 6/span 6}.col-span-5{grid-column:span 5/span 5}.col-span-4{grid-column:span 4/span 4}.col-span-3{grid-column:span 3/span 3}.col-span-2{grid-column:span 2/span 2}.col-span-1{grid-column:span 1/span 1}@media (width<=1200px){.col-span-8,.col-span-7,.col-span-9,.col-span-10,.col-span-11{grid-column:span 12/span 12}.col-span-5,.col-span-4,.col-span-3,.col-span-2{grid-column:span 6/span 6}}@media (width<=992px){.col-span-5,.col-span-4,.col-span-3,.col-span-2{grid-column:span 6/span 6}}@media (width<=768px){.grid-12{gap:16px}.col-span-12,.col-span-11,.col-span-10,.col-span-9,.col-span-8,.col-span-7,.col-span-6,.col-span-5,.col-span-4,.col-span-3,.col-span-2,.col-span-1{grid-column:span 12/span 12}}.glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #1e293b14;border-radius:16px;height:auto;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px -2px #1e293b0d,0 2px 6px -1px #1e293b08}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #1e293b14,0 4px 10px -2px #1e293b0a}.fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.headline-lg{font-family:var(--heading);letter-spacing:-.03em;color:var(--on-surface);font-size:40px;font-weight:700;line-height:1.1}.headline-md{font-family:var(--heading);letter-spacing:-.02em;color:var(--on-surface);font-size:28px;font-weight:600;line-height:1.2}.headline-sm{font-family:var(--heading);letter-spacing:-.01em;color:var(--on-surface);font-size:18px;font-weight:600;line-height:1.3}.body-lg{font-family:var(--sans);color:var(--on-surface-variant);font-size:16px;font-weight:400;line-height:1.6}.body-md{font-family:var(--sans);color:var(--on-surface-variant);font-size:14px;font-weight:400;line-height:1.5}.label-md{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1}.card{background-color:var(--surface-container-highest);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);box-shadow:0 4px 24px var(--shadow-color), inset 0 1px 0 #fffc;border-top:1px solid #ffffffe6;border-radius:18px;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fffc 0%,#fff0 100%);border-radius:18px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.interactive:hover{cursor:pointer;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 32px #1e293b1a,inset 0 1px #fff}.table-container{background-color:#0000;width:100%;margin-top:16px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:14px}th{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-surface-variant);border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.05em;z-index:10;background-color:#fdfbf799;padding:16px 24px;font-size:11px;font-weight:600;position:sticky;top:0}td{color:var(--on-surface);background-color:#0000;border-bottom:1px solid #1e293b0f;padding:16px 24px;transition:background-color .2s}tr:last-child td{border-bottom:none}tr.row-interactive:hover td{cursor:pointer;background-color:#ffffff80}.input-group{margin-bottom:16px}.input-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.input-control{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;font-family:var(--sans);color:var(--on-surface);background-color:#fff9;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000003}.input-control:focus{border-color:var(--color-active);background-color:#fff;box-shadow:0 0 0 3px #2563eb26,inset 0 2px 4px #00000003}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--on-primary);border:1px solid #0000001a;box-shadow:0 4px 12px #0e5f4533,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0e5f454d,inset 0 1px #ffffff4d}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--on-surface);background-color:#ffffffb3;box-shadow:0 2px 8px #00000005}.btn-secondary:hover{background-color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-danger{background:linear-gradient(135deg, var(--error), #dc2626);color:var(--on-error);box-shadow:0 4px 12px #ef444433}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef44444d}.status-pill{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px var(--shadow-color);background:#fffc;border:1px solid #fff;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px}.grid-12{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (width<=1024px){.headline-lg{font-size:32px}.grid-12{gap:16px}.col-8,.col-4,.col-3,.col-6{grid-column:span 12}}@media (width<=768px){.main-content{padding:16px}}@media (width<=1400px){.ai-context-panel{display:none!important}}.glass-panel{-webkit-backdrop-filter:blur(32px);border:1px solid var(--glass-border);background-color:#ffffff80;box-shadow:0 8px 32px #0e5f4508}.hover-lift{transition:all .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0e5f450f!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#fcf8f380;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{background:var(--surface-bright);border-left:1px solid var(--glass-border);flex-direction:column;width:480px;max-width:100%;height:100vh;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow-y:auto;box-shadow:-12px 0 48px #0e5f451a}.drawer-header{border-bottom:1px solid var(--surface-container-low);justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;display:flex}.drawer-close{cursor:pointer;width:32px;height:32px;color:var(--on-surface-variant);background:#0e5f450d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.drawer-close:hover{color:var(--error);background:#ef44441a;transform:scale(1.05)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group label{color:var(--on-surface);letter-spacing:.02em;font-size:13px;font-weight:600}.input{width:100%;font-size:14px;font-family:var(--sans);color:var(--on-surface);background-color:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:8px;outline:none;padding:12px 16px;transition:all .2s ease-in-out;box-shadow:0 1px 2px #00000005}.input:hover{border-color:var(--outline)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0e5f4526}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.workspace-dropdown-scroll::-webkit-scrollbar{width:5px}.workspace-dropdown-scroll::-webkit-scrollbar-track{background:0 0}.workspace-dropdown-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.workspace-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:#00000038}.commerce-grid{grid-template-columns:repeat(16,1fr);gap:24px;width:100%;display:grid}.commerce-main{flex-direction:column;grid-column:span 12;gap:24px;display:flex}.commerce-panel{background-color:var(--surface-container-highest);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:18px;grid-column:span 4;height:calc(100vh - 120px);padding:24px;position:sticky;top:96px;overflow-y:auto;box-shadow:0 4px 24px #0e5f450a,inset 0 1px #fffc}@media (width<=1400px){.commerce-grid{grid-template-columns:repeat(12,1fr)}.commerce-main{grid-column:span 12}.commerce-panel{display:none}}.commerce-panel::-webkit-scrollbar{width:6px}.commerce-panel::-webkit-scrollbar-track{background:0 0}.commerce-panel::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}.traceability-grid{grid-template-columns:repeat(16,1fr);gap:24px;width:100%;display:grid}.traceability-main{flex-direction:column;grid-column:span 12;gap:24px;display:flex}.traceability-panel{background-color:var(--surface-container-highest);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:18px;grid-column:span 4;height:calc(100vh - 120px);padding:24px;position:sticky;top:96px;overflow-y:auto;box-shadow:0 4px 24px #0e5f450a,inset 0 1px #fffc}@media (width<=1400px){.traceability-grid{grid-template-columns:repeat(12,1fr)}.traceability-main{grid-column:span 12}.traceability-panel{display:none}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pulse-indicator{display:inline-block;position:relative}.pulse-indicator:before{content:"";z-index:-1;background:currentColor;border-radius:50%;width:100%;height:100%;margin-top:-50%;margin-left:-50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:50%;left:50%}.glass-map-container{border:1px solid var(--card-border);background:radial-gradient(circle,#0e5f450d 0%,#0000 70%);border-radius:18px;width:100%;height:400px;position:relative;overflow:hidden}.node-link-glow{stroke:var(--primary);stroke-width:2px;filter:drop-shadow(0 0 6px #0e5f4580)}.traceability-panel::-webkit-scrollbar{width:6px}.traceability-panel::-webkit-scrollbar-track{background:0 0}.traceability-panel::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}