* { box-sizing: border-box; }
:root { --blue:#174bc8; --light-blue:#62a7ee; --pale-blue:#d7e7fb; --gold:#f6c25d; --red:#df1515; --green:#29bd83; --ink:#17385f; --border:#78a5d2; --page:#fff; --bg:#dedede; }
html,body { margin:0; min-height:100%; background:var(--bg); color:#222; font-family:Arial,Helvetica,sans-serif; font-size:13px; }
body { border-top:4px solid #1b1b1b; }
a { color:#17477d; text-decoration:none; }
a:hover,.link-button:hover,.section-link:hover { text-decoration:underline; }
button,input { font:inherit; }
button { cursor:pointer; }
.page-wrap { width:min(900px,calc(100% - 22px)); margin:0 auto 28px; background:#fff; box-shadow:0 0 0 1px #c8c8c8; }
.site-header { min-height:80px; background:var(--blue); color:white; display:flex; align-items:center; gap:18px; padding:12px 16px; direction:ltr; }
.brand-block { display:flex; align-items:center; gap:8px; min-width:255px; }.brand-badge { width:42px; height:42px; border-radius:50%; background:white; color:var(--blue); display:grid; place-items:center; font-weight:bold; font-size:20px; border:3px solid #d9ecff; }.brand-name { font-size:28px; line-height:25px; letter-spacing:-1px; font-weight:bold; }.brand-tagline { font-size:11px; color:#e2efff; letter-spacing:.2px; }
.header-search { display:flex; align-items:center; gap:5px; flex:1; justify-content:center; white-space:nowrap; font-size:12px; }.header-search input { width:190px; height:23px; border:1px solid #7f8da6; background:white; padding:2px 5px; }.account-links { align-self:flex-start; white-space:nowrap; font-size:12px; padding-top:2px; }.account-links a,.link-button { color:white; }.link-button { border:0; background:none; padding:0; }
.main-nav { height:27px; display:flex; align-items:center; gap:5px; padding:0 16px; background:var(--light-blue); color:white; direction:ltr; white-space:nowrap; overflow:hidden; }.main-nav a,.main-nav button { color:white; font-size:12px; }.main-nav .nav-item { border:0; background:transparent; padding:0; }.main-nav .nav-item:hover,.main-nav .nav-item.active { text-decoration:underline; font-weight:bold; }
.breadcrumb { background:#f0f0f0; border-bottom:1px solid #d4d4d4; color:#777; padding:6px 11px; font-size:11px; direction:ltr; }.breadcrumb strong { color:#4e4e4e; }
.content-area { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.9fr); gap:13px; padding:12px 11px 0; direction:ltr; }.main-column,.side-column { direction:rtl; min-width:0; }.main-column { padding-left:0; border-left:1px dotted #c5c5c5; padding-left:12px; }
.intro-box { padding:3px 0 13px; }.kicker { color:#a64020; font-size:10px; letter-spacing:.5px; margin:0 0 7px; }.intro-box h1 { color:#1a1a1a; font-size:23px; margin:0 0 8px; }.intro-box p:not(.kicker) { line-height:1.65; margin:0 0 9px; }.intro-links { color:#17477d; }.intro-links a { margin-right:10px; font-size:12px; }
.section-box,.side-box { border:2px solid var(--border); background:white; margin-bottom:11px; }.section-title,.side-title { min-height:27px; display:flex; align-items:center; justify-content:space-between; padding:4px 8px; font-weight:bold; color:var(--ink); }.blue-title { background:#b6d4f5; }.yellow-title,.yellow-side-title { background:var(--gold); }.green-title { background:#bcead9; }.side-title { background:#b6d4f5; }.section-title small { color:#41658a; font-size:9px; font-weight:normal; }.section-link { color:#17477d; background:transparent; border:0; font-size:11px; }.command-note { padding:8px 10px 3px; font-size:11px; color:#5c5c5c; }.command-example { margin:3px 10px 8px; background:#f3f3f3; border:1px solid #c9c9c9; padding:5px 7px; color:#154177; font-size:12px; }.terminal-body { min-height:43px; max-height:125px; overflow:auto; padding:5px 10px; color:#315f42; font:11px/1.6 "Courier New",monospace; direction:ltr; text-align:left; }.terminal-line .time { color:#888; }.terminal-line .ok { color:#25743f; }.terminal-line .warn { color:#a36200; }.terminal-line .bad { color:#b00000; }.command-form { display:flex; align-items:center; gap:6px; border-top:1px solid #d8d8d8; padding:7px 9px; direction:ltr; }.prompt { color:#a64020; font:bold 12px "Courier New",monospace; }.command-form input { border:1px solid #aaa; background:white; min-width:0; flex:1; padding:3px 5px; height:25px; font:12px "Courier New",monospace; }
.site-list { padding:4px 9px 7px; }.site-row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; min-height:48px; border-bottom:1px solid #e6e6e6; }.site-row:last-child { border-bottom:0; }.site-name strong,.site-name small { display:block; }.site-name strong { color:#17477d; font-size:13px; }.site-name small { color:#777; font:11px "Courier New",monospace; margin-top:3px; direction:ltr; text-align:right; }.site-state { border:1px solid; padding:3px 5px; font-size:10px; }.state-live { color:#17763b; border-color:#62b581; }.state-draft { color:#9c6500; border-color:#d6a23c; }.state-blocked,.state-deleted { color:#a40000; border-color:#d07979; }.site-size { color:#777; font:11px "Courier New",monospace; direction:ltr; }.empty-state { color:#777; padding:15px 2px; }
.activity-list { padding:4px 9px; }.activity-item { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:8px; min-height:38px; border-bottom:1px dotted #ccc; font-size:11px; }.activity-item:last-child { border-bottom:0; }.activity-item time { color:#777; direction:ltr; }.activity-item small { display:block; color:#777; margin-top:3px; }.activity-result { color:#21763f; font-size:10px; }.activity-result.processing { color:#a36200; }.online-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#27a967; vertical-align:middle; }
.side-column { padding-right:0; }.side-box { border-color:#7da7cf; }.side-title { font-size:13px; }.member-name { display:flex; align-items:center; gap:8px; padding:11px 9px; }.member-avatar { display:grid; place-items:center; width:37px; height:37px; background:var(--blue); color:#fff; font-weight:bold; }.member-name strong,.member-name small { display:block; }.member-name strong { color:#17477d; }.member-name small { color:#777; font-size:10px; margin-top:3px; }.side-link { display:block; padding:6px 9px; border-top:1px solid #e5e5e5; font-size:11px; }.status-row { display:grid; grid-template-columns:1fr auto auto; align-items:baseline; gap:6px; border-bottom:1px solid #e9e9e9; padding:7px 9px; }.status-row span { color:#555; }.status-row strong { color:#17477d; font-size:16px; }.status-row small { color:#888; font-size:10px; }.status-ready { padding:7px 9px; color:#267143; font-size:11px; margin:0; }.side-copy { line-height:1.55; font-size:11px; padding:3px 9px; }.side-copy b { color:#17477d; }.upload-rule { color:#777; font-size:10px; line-height:1.55; padding:8px 9px 10px; }.full { width:calc(100% - 18px); margin:7px 9px; }.quick-command { display:block; width:100%; text-align:left; direction:ltr; background:white; border:0; border-top:1px solid #e6e6e6; color:#17477d; padding:7px 9px; font:11px "Courier New",monospace; }.quick-command:hover { background:#edf5ff; text-decoration:underline; }
.feature-strip { display:grid; grid-template-columns:repeat(4,1fr); margin:2px 11px 0; border:2px solid var(--border); background:var(--pale-blue); }.feature-strip div { min-height:88px; padding:9px 10px; border-left:1px solid #8fb4da; font-size:11px; line-height:1.45; }.feature-strip div:last-child { border-left:0; }.feature-strip b { color:#17477d; }.feature-strip span { color:#333; }.site-footer { background:var(--bg); text-align:center; color:#65718a; padding:28px 10px 16px; line-height:1.8; font-size:11px; }.site-footer small { display:block; font-size:10px; color:#777; }.site-footer a { color:#385783; }
.button { border:1px solid #6d6d6d; background:#efefef; color:#17385f; padding:5px 10px; line-height:1; font-size:11px; }.button:hover { background:#fff; border-color:#174bc8; }.button.primary { color:#fff; background:#347fda; border-color:#17477d; }.button.red { color:#fff; background:var(--red); border-color:#a40000; }.button.compact { padding:4px 9px; }.site-dialog { border:2px solid var(--blue); width:min(400px,calc(100% - 22px)); padding:18px; background:white; box-shadow:4px 4px 0 #999; }.site-dialog::backdrop { background:rgba(0,0,0,.35); }.site-dialog form { position:relative; }.dialog-close { position:absolute; top:-13px; left:-10px; border:0; background:none; color:#a40000; font-size:22px; }.site-dialog h2 { color:#17477d; margin:0 0 17px; }.site-dialog label { display:block; color:#555; font-size:11px; margin:10px 0; }.site-dialog input { display:block; width:100%; border:1px solid #999; padding:6px; margin-top:5px; }.form-help { color:#777; font-size:11px; }.form-help b { color:#17477d; direction:ltr; display:inline-block; }
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:8px}.brand-block{min-width:220px}.header-search{order:3;width:100%;justify-content:flex-start}.account-links{margin-right:auto}.content-area{grid-template-columns:1fr}.main-column{border-left:0;padding-left:0}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-box{margin-bottom:0}.quick-box{grid-column:1/-1}.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.page-wrap{width:100%;margin:0}.site-header{padding:10px}.account-links{font-size:10px}.main-nav{padding:0 8px}.content-area{padding:10px 8px 0}.feature-strip{margin:2px 8px 0}.feature-strip div{min-height:72px}.side-column{display:block}.side-box{margin-bottom:10px}.site-row{grid-template-columns:1fr auto}.site-size{display:none}}
.upload-label { display:block; color:#555; font-size:10px; padding:2px 9px 4px; }
.upload-select { width:calc(100% - 18px); margin:0 9px 3px; height:25px; border:1px solid #999; background:white; color:#17385f; padding:2px 4px; font-size:11px; }