:root{--bg: #ece4d6;--bg-2: #e6ece4;--panel: #fbf9f4;--panel-2: #f1ece1;--panel-sunken: #efe9dd;--text: #45525a;--muted: #94a0a6;--line: rgba(150, 140, 120, .16);--accent: #5aa8b8;--accent-2: #93b9e0;--accent-ink: #1f4b56;--sage: #a7c79a;--blush: #e6b8c6;--ok: #6bb98a;--pending: #e0a869;--error: #d98a8a;--radius: 22px;--radius-sm: 14px;--radius-pill: 999px;--shadow-soft: 0 18px 40px rgba(120, 116, 98, .16), 0 4px 10px rgba(120, 116, 98, .08);--shadow-raised: 6px 6px 14px rgba(183, 172, 150, .45), -6px -6px 14px rgba(255, 255, 255, .85);--shadow-raised-sm: 3px 3px 8px rgba(183, 172, 150, .42), -3px -3px 8px rgba(255, 255, 255, .85);--shadow-inset: inset 3px 3px 7px rgba(183, 172, 150, .5), inset -3px -3px 7px rgba(255, 255, 255, .9);--highlight: inset 0 1px 0 rgba(255, 255, 255, .6);font-family:Nunito,Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);background-image:radial-gradient(46rem 40rem at 8% -6%,rgba(147,185,224,.35),transparent 60%),radial-gradient(40rem 36rem at 104% 8%,rgba(167,199,154,.35),transparent 58%),radial-gradient(44rem 40rem at 92% 108%,rgba(230,184,198,.3),transparent 60%),linear-gradient(160deg,#efe7d9,#e7ece4 60%,#e9e3d6);background-attachment:fixed;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:288px 1fr;min-height:100vh}.nav{margin:16px 0 16px 16px;padding:18px 14px;background:linear-gradient(180deg,#fffdf9db,#f7f2e9c7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);box-shadow:var(--shadow-soft),var(--highlight);height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}.nav-brand{display:flex;align-items:center;gap:10px;padding:6px 12px 16px}.nav-logo{width:36px;height:auto;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(31,95,134,.28))}.nav-brand span{font-weight:800;font-size:19px;letter-spacing:-.01em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-credits{margin-top:18px;padding:12px 12px 6px;border-top:1px solid var(--line);font-size:10px;line-height:1.5;color:var(--muted)}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;color:var(--text);border:none;text-align:left;padding:10px 13px;border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s ease,box-shadow .15s ease,color .15s ease,transform .1s ease}.nav-item:hover:not(:disabled){background:#ffffffb3;box-shadow:var(--shadow-raised-sm)}.nav-item.active{color:var(--accent-ink);background:linear-gradient(120deg,#5aa8b838,#93b9e038);box-shadow:var(--shadow-raised-sm),var(--highlight)}.nav-item.active:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:2px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px #5aa8b82e}.nav-item:disabled{color:var(--muted);cursor:not-allowed;opacity:.7}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;background:linear-gradient(135deg,#e0a86938,#e6b8c638);color:#a9743a;border:1px solid rgba(224,168,105,.35);padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap}.tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}.tag-ok{background:#6bb98a33;color:#3f8a5c}.tag-pending{background:#e0a86938;color:#a9743a}.content{padding:26px 34px 40px;overflow-y:auto}.screen h1{margin:0 0 6px;font-weight:800;letter-spacing:-.02em;font-size:30px}.subtitle{color:var(--muted);margin-top:0}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);padding:22px 24px;margin:18px 0;box-shadow:var(--shadow-soft),var(--highlight)}.panel h2{margin-top:0;font-size:16px;font-weight:800}.status-row{display:flex;align-items:center;gap:10px}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #6bb98a29}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:14px 0 0}.kv dt{color:var(--muted)}.kv dd{margin:0}.error-hint{color:#b25a5a;background:#d98a8a24;border:1px solid rgba(217,138,138,.32);padding:10px 14px;border-radius:var(--radius-sm)}.muted{color:var(--muted);font-size:12px}.modules-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.modules-table th{text-align:left;padding:10px 12px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}.modules-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.modules-table tr:last-child td{border-bottom:none}code{background:var(--panel-sunken);color:#5a6b73;padding:2px 6px;border-radius:7px;box-shadow:var(--shadow-inset);font-size:.9em}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;margin-bottom:18px;background:linear-gradient(180deg,#fffdf9cc,#f7f2e9a6);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft),var(--highlight)}button:not(.nav-item):not(:disabled){transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}.link-btn{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);color:var(--accent-ink);font-weight:700;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-raised-sm)}.link-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.link-btn:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.panel button:not(.link-btn):not(.nav-item),.login-card button[type=submit]{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;border:none;border-radius:var(--radius-pill);padding:11px 20px;cursor:pointer;box-shadow:0 10px 22px #5aa8b859,var(--highlight)}.panel button:not(.link-btn):not(.nav-item):hover,.login-card button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.04)}.panel button:disabled,.login-card button[disabled]{opacity:.55;cursor:default;box-shadow:none}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-sunken);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--shadow-inset);outline:none}input::placeholder,textarea::placeholder{color:#b3bcc1}input:focus,select:focus,textarea:focus{border-color:#5aa8b88c;box-shadow:var(--shadow-inset),0 0 0 3px #5aa8b82e}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{position:relative;background:linear-gradient(180deg,#fdfbf7,#f6f0e7);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:34px 34px 30px;width:372px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-soft),var(--highlight);overflow:hidden}.login-card:after{content:"";position:absolute;right:-60px;top:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#b6ddea,#6fb6c6 55%,#93b9e0);filter:blur(2px);opacity:.55;pointer-events:none}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:2px}.login-logo{width:158px;height:auto;filter:drop-shadow(0 7px 16px rgba(31,95,134,.28))}.login-card h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.credits{margin:12px 0 0;font-size:10.5px;line-height:1.55;color:var(--muted);text-align:center}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.login-card input{background:#fffdfa}.portfolio{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.row-click,.row-selected{cursor:pointer;border-radius:var(--radius-sm)}.row-selected{background:linear-gradient(120deg,#5aa8b829,#93b9e029)}.row-click:hover{background:#ffffffb3}.timeline{list-style:none;margin:8px 0 0;padding:0}.timeline-item{display:flex;align-items:center;gap:12px;padding:6px 0;position:relative}.timeline-dot{width:13px;height:13px;border-radius:50%;background:#ded5c4;box-shadow:var(--shadow-inset);flex:0 0 auto}.timeline-item.done .timeline-dot{background:linear-gradient(135deg,#7fd0a1,var(--ok));box-shadow:0 3px 8px #6bb98a66}.timeline-item.current .timeline-dot{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px #5aa8b838,0 4px 10px #5aa8b866}.timeline-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.timeline-item.pending .timeline-label{color:var(--muted);font-weight:500}.detail-col{display:flex;flex-direction:column;gap:18px}.gap-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;font-size:13px}.status-ok{color:#3f8a5c;background:#6bb98a29;border:1px solid rgba(107,185,138,.34);padding:10px 14px;border-radius:var(--radius-sm)}.user-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.user-form input{flex:1 1 180px;min-width:150px}.user-form select{flex:0 1 200px}.status-cell{display:flex;align-items:center;gap:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0}.rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px}.rights-card{background:var(--panel-2);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--highlight)}.rights-role{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.perm-chip{font-size:10.5px;font-weight:700;color:var(--accent-ink);background:linear-gradient(120deg,#5aa8b829,#93b9e029);border:1px solid rgba(90,168,184,.28);padding:3px 9px;border-radius:var(--radius-pill)}.autofill{background:var(--panel-2);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:16px;box-shadow:var(--highlight)}.autofill-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.autofill-row input[type=file]{flex:1 1 240px;background:transparent;box-shadow:none;border:1px dashed rgba(150,140,120,.4)}.cap-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.cap-row input{flex:1 1 160px;min-width:120px}.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cap-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.screen h3{font-size:14px;font-weight:800;color:var(--text)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#968c784d;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#968c7873;background-clip:content-box}