.sy85-portal{display:flex;min-height:70vh;border-radius:16px;overflow:hidden;border:1px solid #e7ece9;background:#fff}
.sy85-sidebar{width:290px;background:#678269;color:#fff;padding:18px}
.sy85-brand{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.sy85-dot{width:12px;height:12px;border-radius:50%;background:#DFB690}
.sy85-brand-title{font-weight:800;font-size:15px}
.sy85-brand-sub{opacity:.9;font-size:12px}
.sy85-select select{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff}
.sy85-nav a{display:block;padding:10px 12px;border-radius:12px;color:#fff;text-decoration:none;margin:6px 0;background:rgba(255,255,255,.10)}
.sy85-nav a.active{background:#DFB690;color:#1f2328;font-weight:800}
.sy85-nav .sy85-logout{margin-top:10px;background:rgba(0,0,0,.12)}
.sy85-badge{display:inline-block;background:#DFB690;color:#111;font-weight:800;border-radius:999px;padding:2px 8px;margin-left:6px;font-size:12px}

.sy85-main{flex:1;padding:18px;background:#f6f9f7}
.sy85-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.sy85-top h1{margin:0;font-size:22px}
.sy85-meta{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.sy85-muted{color:#6b7280}
.sy85-countdown{background:#fff;border:1px solid #e7ece9;border-radius:14px;padding:12px 14px;min-width:180px}
.sy85-count-title{font-weight:800;color:#678269;font-size:12px}
.sy85-count-value{font-size:16px;font-weight:800;margin-top:6px}

.sy85-card{background:#fff;border:1px solid #e7ece9;border-radius:16px;padding:16px;margin-bottom:14px}
.sy85-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sy85-list{margin:10px 0 0 18px}
.sy85-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.sy85-btn,.sy85-btn-primary{display:inline-block;border-radius:12px;padding:10px 12px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer}
.sy85-btn{background:#fff;border-color:#cfdad4;color:#1f2328}
.sy85-btn-primary{background:#DFB690;color:#1f2328;border-color:#DFB690}
.sy85-label{display:block;font-weight:800;margin:12px 0 6px}
.sy85-input,.sy85-textarea{width:100%;border:1px solid #cfdad4;border-radius:12px;padding:10px;outline:none}
.sy85-textarea{resize:vertical}

.sy85-row{display:grid;grid-template-columns:140px 1fr 1fr;gap:10px;margin:10px 0}
.sy85-row2{display:grid;grid-template-columns:1fr 220px 140px;gap:10px;align-items:center}

.sy85-check{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border:1px solid #eef2ef;border-radius:14px;margin:10px 0;background:#fbfcfb}
.sy85-docs{list-style:none;padding:0;margin:0}
.sy85-docs li{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #eef2ef}
.sy85-docs a{text-decoration:none}
.sy85-del{color:#b42318;text-decoration:none;font-weight:800}

.sy85-chat{border:1px solid #eef2ef;border-radius:14px;padding:12px;background:#fbfcfb;max-height:360px;overflow:auto;margin-bottom:12px}
.sy85-bubble{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:92%}
.sy85-bubble.me{background:#DFB690;margin-left:auto}
.sy85-bubble.them{background:#fff;border:1px solid #e7ece9}
.sy85-bubble-meta{font-size:12px;color:#6b7280;margin-bottom:6px}

.sy85-notifs{list-style:none;padding:0;margin:0}
.sy85-notifs li{padding:10px;border-bottom:1px solid #eef2ef}
.sy85-notifs li.unread{background:#fdf6ef;border-radius:12px}

.sy85-box{border:1px solid #e7ece9;border-radius:16px;padding:16px;background:#fff}

@media (max-width: 900px){
  .sy85-portal{flex-direction:column}
  .sy85-sidebar{width:auto}
  .sy85-grid{grid-template-columns:1fr}
  .sy85-top{flex-direction:column}
  .sy85-row,.sy85-row2,.sy85-check{grid-template-columns:1fr}
}