@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}:root{--illini-blue: #13294b;--illini-blue-soft: #1f4f8f;--illini-orange: #ff6b1a;--surface: #ffffff;--surface-muted: #f4f7fc;--text: #13294b;--text-muted: #4a648a;--border: #d1deef;--success: #1e8e3e;--danger: #cf222e;--shadow-soft: 0 12px 34px rgba(19, 41, 75, .12);font-family:Manrope,Avenir Next,Helvetica Neue,sans-serif;line-height:1.45;color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(1000px 600px at -10% -10%,rgba(255,107,26,.14),transparent 60%),radial-gradient(900px 500px at 115% 5%,rgba(19,41,75,.14),transparent 60%),linear-gradient(180deg,#f9fbff,#eef3fb)}#root{min-height:100vh}a{color:var(--illini-blue-soft);text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid transparent;border-radius:12px;padding:.58rem .95rem;font-size:.9rem;font-weight:700;letter-spacing:.01em;font-family:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,107,26,.35);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{width:100%;font-family:inherit;font-size:.9rem;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:10px;padding:.58rem .7rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:#6d9bd8;box-shadow:0 0 0 3px #6d9bd833}label{font-size:.84rem;font-weight:700;color:var(--text)}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(110deg,#fff,#f5f8ff,#fff3e8 120%);box-shadow:0 10px 26px #13294b1a;z-index:5;animation:slide-down .42s cubic-bezier(.16,1,.3,1)}.header-title h1{margin:0;font-size:1.45rem;letter-spacing:-.02em}.header-title p{margin:.3rem 0 0;font-size:.88rem;color:var(--text-muted)}.header-title{display:flex;align-items:center;gap:.75rem;animation:fade-up .52s cubic-bezier(.16,1,.3,1)}.app-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;flex-shrink:0}.header-actions{display:flex;gap:.6rem;align-items:center;animation:fade-up .62s cubic-bezier(.16,1,.3,1)}.auth-controls{margin-left:auto}.auth-preview-label{font-size:.78rem;color:var(--text-muted)}.auth-controls select{height:32px;border-radius:8px;border:1px solid #c6d7ec;background:#fff;padding:0 .5rem;color:#173e75}.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-admin{background:#e9f6ef;color:#145a32;border:1px solid #bde3cd}.role-viewer{background:#eef4ff;color:#1b4f9a;border:1px solid #c9daf8}.button-group{display:flex;gap:.45rem;padding:.25rem;border-radius:14px;background:#13294b0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap}.btn:disabled,.legend-add-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--illini-blue);color:#fff;box-shadow:0 6px 18px #13294b52}.btn-primary:hover{background:#1a3761}.btn-secondary{background:var(--illini-orange);color:#fff;box-shadow:0 6px 16px #ff6b1a47}.btn-secondary:hover{background:#e85a0e}.btn-tertiary{background:#fff;border-color:#d8e4f3;color:var(--illini-blue)}.btn-danger{background:#cf222e;color:#fff}.main{position:relative;flex:1;min-height:0}.graph-stage{position:absolute;inset:0;animation:fade-up .5s cubic-bezier(.16,1,.3,1)}.graph-container{position:absolute;inset:0}.loading,.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.9rem 1.2rem;border-radius:12px;border:1px solid;box-shadow:var(--shadow-soft)}.loading{border-color:#bfcee8;background:#fff;color:var(--illini-blue)}.error{border-color:#f3b0b4;background:#fff1f2;color:#9f1c24}.legend-card{position:absolute;top:1rem;left:1rem;width:min(330px,calc(100vw - 2rem));padding:.95rem;border-radius:16px;border:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-soft);z-index:4;animation:card-in .56s cubic-bezier(.16,1,.3,1)}.legend-card h3{margin:0 0 .65rem;font-size:.98rem}.legend-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.legend-header h3{margin:0}.legend-list{display:flex;flex-direction:column;gap:.55rem}.legend-item{display:flex;justify-content:space-between;gap:.55rem;align-items:center;opacity:0;animation:fade-up .36s cubic-bezier(.16,1,.3,1) forwards}.legend-item-main{display:flex;gap:.55rem;align-items:flex-start;min-width:0}.legend-item:nth-child(1){animation-delay:.12s}.legend-item:nth-child(2){animation-delay:.2s}.legend-item:nth-child(3){animation-delay:.28s}.legend-item strong{display:block;font-size:.84rem}.legend-item p{margin:.08rem 0 0;font-size:.76rem;color:var(--text-muted)}.legend-swatch{width:18px;height:18px;border-radius:6px;border:2px solid;flex-shrink:0}.legend-swatch-resource{background:#1b4f9a;border-color:#173e75;border-radius:999px}.legend-swatch-product{background:#59bea8;border-color:#2f8f7a}.legend-swatch-task{background:#ff8a3d;border-color:#cf5a0a}.legend-swatch-relationship{position:relative;width:22px;height:14px;border:none;border-radius:0;background:transparent}.legend-swatch-relationship:before{content:"";position:absolute;top:50%;left:1px;right:6px;height:2px;background:#4a648a;transform:translateY(-50%)}.legend-swatch-relationship:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border-left:7px solid #4a648a;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-50%)}.legend-status{margin-top:.72rem;display:flex;flex-direction:column;gap:.4rem;padding-top:.62rem;border-top:1px solid #e6edf7}.legend-add-btn{width:27px;height:27px;min-width:27px;border-radius:999px;border:1px solid #c6d7ec;background:#fff;color:var(--illini-blue);font-size:1rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.legend-add-btn:hover{background:#eef4ff}.legend-status p{margin:0;font-size:.76rem;color:var(--text-muted)}.legend-status-item{display:flex;align-items:center;gap:.5rem;opacity:0;animation:fade-up .36s cubic-bezier(.16,1,.3,1) forwards}.legend-status-item:nth-child(1){animation-delay:.34s}.legend-status-item:nth-child(2){animation-delay:.42s}.legend-impact-note{margin:.65rem 0 0;font-size:.74rem;color:var(--text-muted)}.legend-impact-secondary{margin-top:.55rem;padding-top:.55rem;border-top:1px solid #e3ebf7}.legend-focus-controls{margin-top:.7rem;display:grid;gap:.38rem}.legend-focus-controls label{font-size:.76rem;color:var(--text-muted);font-weight:700}.legend-focus-controls select{font-size:.82rem;padding:.43rem .56rem}.legend-reset-btn{margin-top:.2rem;font-size:.8rem;padding:.42rem .56rem;border:1px solid #c8d8ed;border-radius:10px;background:#fff;color:var(--illini-blue)}.legend-reset-btn:hover{background:#eef4ff}.status-line{width:20px;height:10px;border-radius:999px;border:2px solid transparent}.status-active{border-color:var(--success)}.status-inactive{border-color:var(--danger)}.sidebar{position:fixed;top:94px;right:0;width:min(320px,92vw);max-height:calc(100vh - 110px);overflow-y:auto;margin:.8rem;padding:1rem;border-radius:16px;border:1px solid var(--border);background:#fffffffa;box-shadow:var(--shadow-soft);z-index:4;animation:panel-in .3s cubic-bezier(.16,1,.3,1)}.sidebar h3{margin:0 0 .8rem;padding-bottom:.55rem;border-bottom:1px solid #e9eef7}.node-details p{margin:.55rem 0;font-size:.84rem;word-break:break-word}.status-badge{display:inline-flex;align-items:center;padding:.14rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.status-badge.status-active,.status-badge.status-completed{color:#0f6a2f;border-color:#95ddb0;background:#e8f8ee}.status-badge.status-inactive,.status-badge.status-down,.status-badge.status-blocked{color:#991b23;border-color:#f0a9ae;background:#ffeff0}.status-badge.status-pending,.status-badge.status-in_progress{color:#7b3d07;border-color:#ffd1ae;background:#fff4ea}.status-badge.health-up{color:#0f6a2f;border-color:#9adbb3;background:#e6f7ed}.status-badge.health-down{color:#991b23;border-color:#ef9da5;background:#ffebee}.impact-note{font-size:.77rem;color:#8a2830;margin-top:.4rem}.sidebar-actions{display:grid;gap:.45rem;margin-top:.7rem}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#121e3173;z-index:20;animation:overlay-in .18s ease-out}.modal{width:min(560px,94vw);max-height:92vh;overflow-y:auto;border-radius:18px;border:1px solid #ccdaef;background:#fff;box-shadow:0 30px 60px #0a182d4d;animation:modal-in .26s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid #e5ebf5}.modal-header h2{margin:0;font-size:1.06rem}.close-btn{border:none;background:transparent;color:#4b6387;font-size:1.45rem;box-shadow:none;padding:0 .24rem}.modal form{padding:1rem 1.1rem 1.2rem}.form-group{margin-bottom:.95rem}.form-group label{display:block;margin-bottom:.34rem}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.form-actions{margin-top:1.25rem;padding-top:.95rem;border-top:1px solid #e8eef8;display:flex;gap:.45rem;justify-content:flex-end}.form-actions .btn-danger{margin-right:auto}.type-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.type-card{background:#f8fafe;border:1px solid #dae5f5;text-align:left;border-radius:12px;padding:.56rem .62rem;color:var(--text);transition:transform .14s ease,border-color .16s ease,box-shadow .18s ease,background-color .18s ease}.type-card:hover{transform:translateY(-1px);border-color:#adc1e0}.type-card.active{background:#eaf1fd;border-color:#7ca0d3;box-shadow:0 8px 18px #1b4f9a24}.type-card-label{display:block;font-size:.84rem;font-weight:800}.type-card-subtitle{display:block;margin-top:.14rem;font-size:.73rem;color:var(--text-muted)}.field-hint{margin:.35rem 0 0;font-size:.74rem;color:var(--text-muted)}textarea{resize:vertical;min-height:85px}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1040px){.header{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between;flex-wrap:wrap}}@media(max-width:760px){.button-group{width:100%;flex-wrap:wrap}.btn{flex:1}.legend-card{position:static;width:auto;margin:.8rem}.sidebar{inset:auto 0 0;max-height:45vh;width:auto;margin:0;border-radius:16px 16px 0 0}.type-selector{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}