*{box-sizing:border-box}body{margin:0;background:#27405a;font-family:Tahoma,Arial,sans-serif;color:#111}.portfolio-ribbon{height:44px;background:#111;color:#eee;display:flex;align-items:center;gap:18px;padding:0 18px;font-size:12px}.portfolio-ribbon strong{color:#f0784b}.portfolio-ribbon span{opacity:.75;flex:1}.portfolio-ribbon a{color:#fff;text-decoration:none}.desktop{min-height:calc(100vh - 44px);padding:24px;display:flex;justify-content:center;background:linear-gradient(#3c607d,#1e3447)}.window{width:min(1120px,100%);min-height:700px;background:#d4d0c8;border:2px outset #fff;box-shadow:12px 15px 35px #0007}.titlebar{height:31px;background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;display:flex;align-items:center;padding:3px 4px;gap:8px}.app-icon{display:grid;place-items:center;width:22px;height:22px;background:#efb03b;color:#111;border:1px outset #fff;font-weight:bold}.titlebar strong{font-size:13px;flex:1}.win-controls{display:flex;gap:3px}.win-controls i{font-style:normal;width:24px;height:21px;background:#d4d0c8;color:#111;border:2px outset #fff;display:grid;place-items:center}.login-view{min-height:665px;display:grid;place-items:center;background:#c6d7e4}.login-card{width:360px;padding:28px;background:#d4d0c8;border:2px outset #fff;box-shadow:5px 6px 18px #0004}.login-card h1{font-size:18px;text-align:center;margin:0 0 25px}.login-card label,.classic-form label,.toolbar label{display:grid;gap:5px;font-size:12px;margin-bottom:12px}.login-card input,.classic-form input,.classic-form select,.toolbar select{height:28px;border:2px inset #fff;background:#fff;padding:3px 7px;font:12px Tahoma}.login-actions{display:flex;justify-content:flex-end;gap:8px}.login-card button,.classic-form button,.menu-bar button{font:12px Tahoma;border:2px outset #fff;background:#d4d0c8;min-height:28px;padding:4px 12px}.login-card p{font-size:10px;color:#555;margin:18px 0 0}.hidden{display:none!important}.admin-view{min-height:665px;display:flex;flex-direction:column}.menu-bar{height:38px;background:#ece9d8;border-bottom:1px solid #999;padding:4px;display:flex;gap:2px}.menu-bar button{border:0;background:transparent}.menu-bar button:hover{background:#0a246a;color:#fff}.workspace{display:grid;grid-template-columns:1fr;flex:1;min-height:590px}.classic-side{padding:24px 16px;background:#b6c7d6;border-right:2px groove #fff}.classic-side strong{display:block;font-size:16px}.classic-side span{font-size:11px;color:#3d4a55}.side-rule{border-top:1px solid #789;margin:20px 0}.classic-side small{text-transform:uppercase;font-size:9px}.classic-side ul{padding-left:18px;font-size:11px;line-height:1.8}.view-host{background:#e9e9e9;padding:24px;overflow:auto}.view{display:none}.view.active{display:block}.view h2{font-size:18px;font-weight:normal;border-bottom:1px solid #999;padding-bottom:10px;margin:0 0 20px}.toolbar{display:flex;justify-content:flex-end}.grid-wrap{border:2px inset #fff;background:#fff;overflow:auto;max-height:440px}table{border-collapse:collapse;width:100%;font-size:11px}th{background:#d4d0c8;border:1px solid #888;padding:7px;text-align:left}td{border:1px solid #bbb;padding:7px;background:#fff}.classic-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:3px 18px;max-width:720px;padding:20px;border:2px groove #fff;background:#ddd}.classic-form>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.statusbar{height:28px;border-top:2px groove #fff;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:10px}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:10px 14px;border:1px solid #fff;opacity:0;transform:translateY(10px);transition:.2s;font-size:12px}.toast.show{opacity:1;transform:none}@media(max-width:720px){.portfolio-ribbon span{display:none}.desktop{padding:7px}.workspace{grid-template-columns:1fr}.classic-side{display:none}.menu-bar{height:auto;flex-wrap:wrap}.classic-form{grid-template-columns:1fr}.view-host{padding:14px}.login-card{width:min(340px,90vw)}}
/* Public original edition: application UI only, no internal project metadata sidebar. */
.view-host{padding:28px 30px}.classic-form{max-width:820px}

@media(max-width:720px){
  .login-card button,.menu-bar button,.classic-form button{min-height:44px}
  .login-card input,.classic-form input,.classic-form select,.toolbar select{min-height:40px}
  .menu-bar{gap:4px}
}