/* Management workspace uses the same glass, ink and sage tokens as the public app. */
.app-shell { grid-template-columns:238px minmax(0,1fr); gap:20px; padding:18px; max-width:1680px; margin:auto; }
.sidebar { background:rgba(250,253,250,.7); color:var(--ink); border:1px solid #ffffffd9; border-radius:27px; backdrop-filter:blur(28px) saturate(140%); -webkit-backdrop-filter:blur(28px) saturate(140%); box-shadow:var(--shadow); height:calc(100dvh - 36px); top:18px; padding:29px 17px 22px; }
.sidebar .brand { font-size:23px; padding:0 9px; }.sidebar .brand small { color:#8c9a91; font-size:10px; }.sidebar .seal { width:43px; height:43px; border-radius:15px; }.side-label { margin:42px 16px 16px; color:#a3afa7; letter-spacing:.08em; font-size:10px; }
nav { gap:8px; }nav button { color:#88968e; padding:13px 15px; font-size:13px; gap:12px; border-radius:14px; font-weight:500; }nav button span { width:19px; height:19px; display:grid; place-items:center; opacity:.8; }nav button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }nav button.active { background:#dfebe2; color:#386349; box-shadow:0 1px 1px #ffffff inset; font-weight:650; }nav button:hover { background:#e6eee8; }.sidebar-bottom { border-color:var(--line); padding:22px 11px 0; gap:18px; color:#83958a; }.sidebar-bottom button { color:#9ba69f; font-size:11px; }
.workspace { padding:0 22px 28px 4px; }.workspace-top { height:76px; border:0; background:transparent; color:#97a49c; font-size:12px; }.workspace-top>span:first-child { color:#84978c; }.account { border:1px solid #ffffff; border-radius:12px; background:var(--glass); padding:9px 13px; color:#7b9182; font-size:11px; }.status-dot { background:#74a78b; box-shadow:0 0 0 4px #e1eee5; margin-right:4px; }
.view-heading { margin:21px 0 27px; align-items:flex-start; }.view-heading h1 { font-family:inherit; font-size:31px; line-height:1.3; font-weight:650; letter-spacing:-.045em; margin-bottom:11px; }.view-heading p { font-size:12px; color:#94a197; max-width:560px; line-height:1.9; }.view-heading .eyebrow { color:#94a99a; font-size:9px; letter-spacing:.14em; margin-bottom:12px; }.heading-actions { padding-top:4px; }
.primary,.secondary,.danger { border-radius:13px; font-size:12px; padding:11px 17px; min-height:42px; font-weight:550; }.primary { background:var(--green); color:white; box-shadow:0 4px 10px #315b4d0c; }.primary:hover { background:#264c3e; }.secondary { background:#ffffffa8; border:1px solid #ffffff; color:#7d9284; }.secondary:hover { background:white; }.danger { background:#f8eeeb; color:#b18171; }.tiny { min-height:31px; font-size:10px; padding:7px 11px; border-radius:10px; }
.metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:25px; }.metric { background:var(--glass); border:1px solid #ffffffd9; border-radius:21px; padding:23px 24px; box-shadow:var(--shadow); backdrop-filter:blur(24px); }.metric p { color:#8b9b90; font-size:11px; margin-bottom:16px; }.metric strong { font-family:inherit; font-size:36px; font-weight:550; letter-spacing:-.06em; color:#355747; }.metric small { font-size:10px; color:#a0ada4; margin-top:12px; }
.panel { background:var(--glass); border:1px solid #ffffffd9; border-radius:23px; padding:25px; box-shadow:var(--shadow); backdrop-filter:blur(20px); margin-bottom:22px; }.panel-title { margin-bottom:23px; }.panel-title h2,.panel h2 { font-size:16px; font-weight:600; letter-spacing:-.02em; }.panel-title>span { font-size:10px; color:#a0aca3; }.panel-title .link-button { text-decoration:none; font-size:11px; color:#88a392; }
table { font-size:12px; }th { background:#eaf0eb8c; font-size:10px; color:#94a498; font-weight:550; }th,td { border-color:#e9eeea; padding:17px 12px; }th:first-child { border-radius:11px 0 0 11px; }th:last-child { border-radius:0 11px 11px 0; }.cell-title { font-size:13px; font-weight:550; color:#486250; }.cell-title+small { margin-top:7px; }td small { color:#9aa99f; font-size:10px; line-height:1.7; }tbody tr:hover { background:#f1f6f168; }.badge { background:#e4efe6; color:#6b9678; border-radius:7px; font-size:9px; padding:5px 8px; }.badge.muted-badge { background:#e9eeeb; color:#a3afa7; }.badge.red-badge { background:#f6e8e3; color:#b38370; }
input,textarea,select { border:1px solid #e2eae3; border-radius:13px; padding:12px 14px; background:#ffffffb8; font-size:13px; box-shadow:0 1px 2px #244b3510 inset; }input::placeholder,textarea::placeholder { color:#afbbb2; }label { font-size:12px; font-weight:550; color:#718979; }.toolbar { padding-bottom:6px; gap:10px; }.toolbar input { max-width:330px; }.toolbar .muted { font-size:10px; }.toolbar .primary { min-height:41px; }.link-button { color:#6b9179; }.flow { gap:20px; }.flow>div { border-color:#c7dcce; padding-left:14px; }.flow small { font-size:10px;font-family:inherit; letter-spacing:.03em; color:#a4b6aa; }.flow strong { font-size:12px; font-weight:550; color:#65816d; }.flow p { font-size:10px; color:#a2afa6; }.environment-status dt,.environment-status dd { font-size:11px; line-height:1.9; }.environment-status dt { color:#9bac9f; }.environment-status dd { color:#829b89; }.environment-details summary { cursor:pointer; font-size:13px; font-weight:550; color:#749080; }.environment-details[open] summary { margin-bottom:20px; }
.notice { border:1px solid #ffffff; border-radius:14px; background:#e4efe6c9; color:#689277; font-size:12px; }.notice.error-notice { background:#f8eee8; color:#a97b65; border-color:#f2ddd1; }.report { border-color:var(--line); padding:22px 0; }.report h3 { font-size:14px; font-weight:550; }.report>p { font-size:13px; color:#6e8878; }.report-meta { color:#a2afa6; }.audit-detail { color:#83988a; overflow-wrap:anywhere; }
dialog { border:1px solid #ffffff; border-radius:27px; background:rgba(250,253,250,.95); box-shadow:0 30px 100px #29433126; backdrop-filter:blur(30px) saturate(130%); -webkit-backdrop-filter:blur(30px) saturate(130%); }dialog h2 { font-family:inherit; font-size:27px; font-weight:600; }dialog h3 { font-size:15px; font-weight:600; }.dialog-close { width:35px; height:35px; border:1px solid white; background:#e9efea; color:#7c9283; border-radius:50%; box-shadow:none; }.inspect-title { font-family:inherit; font-weight:600; letter-spacing:-.04em; }.inspect-images img { border-radius:17px; }.inspect-body { font-size:14px; line-height:1.85; color:#6e8477; }.comment-card { background:#f2f7f2; border:1px solid #ffffff; border-radius:15px; padding:17px; margin:12px 0; }.comment-card header { color:#8fa195; font-size:11px; }.comment-card p { color:#647f6e; font-size:13px; }.comment-card strong { color:#6c9279; font-size:12px; }
.login-shell { grid-template-columns:1fr 420px; max-width:1160px; gap:90px; padding:60px; }.login-intro { position:relative; }.login-intro .brand { margin-bottom:70px; }.login-intro h1 { font:650 43px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; letter-spacing:-.045em; color:#3f5a4a; }.login-intro>p:not(.eyebrow) { color:#93a497; font-size:13px; }.login-intro>a:last-child { color:#8fa695; border-color:#cdded2; }.login-card { padding:38px; border:1px solid #ffffff; border-radius:28px; background:var(--glass); box-shadow:var(--shadow); backdrop-filter:blur(30px); }.login-card h2 { font-family:inherit; font-weight:600; font-size:28px; letter-spacing:-.04em; }.login-card .primary { margin-top:28px; min-height:46px; }.login-card .muted { font-size:12px; }.login-footnote { border-color:var(--line); color:#a6b3a9; font-size:10px; }.empty,.loading { color:#9eada2; font-size:13px; }
@media(max-width:1100px) { .app-shell { grid-template-columns:205px minmax(0,1fr); gap:12px; padding:12px; }.sidebar { top:12px; height:calc(100dvh - 24px); }.sidebar .brand { font-size:21px; padding:0; }.workspace { padding-right:12px; }.metrics { gap:12px; }.metric { padding:20px; }.login-shell { gap:45px; padding:40px; } }
@media(max-width:760px) { .app-shell { display:block; padding:10px; }.sidebar { position:relative; top:auto; height:auto; padding:17px; border-radius:23px; margin-bottom:10px; }.sidebar .brand { font-size:21px; }.sidebar .brand small { display:none; }.sidebar .seal { width:35px; height:35px; border-radius:12px; }.side-label { display:none; }.sidebar nav { flex-direction:row; flex-wrap:wrap; margin-top:17px; gap:5px; }.sidebar nav button { padding:10px 11px; font-size:11px; gap:7px; }.sidebar nav button span { width:16px; height:16px; }.sidebar nav button svg { width:16px; height:16px; }.sidebar-bottom { display:none; }.workspace { padding:0 8px 25px; }.workspace-top { height:48px; font-size:10px; }.account { padding:7px 10px; font-size:9px; }.view-heading { margin:23px 0 20px; flex-direction:column; gap:13px; }.view-heading h1 { font-size:27px; }.view-heading p { font-size:11px; }.heading-actions { padding-top:0; }.metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.metric { padding:19px; border-radius:18px; }.metric strong { font-size:30px; }.metric p { font-size:10px; margin-bottom:12px; }.metric small { font-size:9px; }.panel { padding:18px; border-radius:20px; }.panel-title { align-items:flex-start; gap:8px; }.panel-title h2 { font-size:14px; }.panel-title>span { font-size:9px; }.flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px; }.toolbar { gap:9px; }.toolbar input { max-width:none; }.toolbar select { flex:1; min-width:0; }.toolbar>.muted { display:block; width:100%; }.row-actions { min-width:105px; }.tiny { font-size:10px; }.environment-status { grid-template-columns:1fr; gap:5px; }.environment-status dt { margin-top:9px; }.environment-status dd { margin-left:0; }.login-shell { grid-template-columns:1fr; gap:32px; padding:28px 20px; min-height:100dvh; }.login-intro .brand { margin-bottom:34px; }.login-intro h1 { font-size:31px; }.login-intro>a:last-child { display:none; }.login-card { padding:26px; border-radius:24px; }.login-card h2 { font-size:25px; }.form-row { grid-template-columns:1fr; gap:0; }dialog { width:calc(100% - 20px); padding:23px 18px; border-radius:23px; } }