@media (max-width: 620px){
  .page-shell{padding:28px 0;overflow-x:hidden}
  .page-title{font-size:26px;margin-bottom:18px}
  .dashboard-layout{display:flex;flex-direction:column;gap:14px}
  .side-nav{display:flex;gap:6px;overflow-x:auto;padding:8px;border-radius:14px;white-space:nowrap;scrollbar-width:none}
  .side-nav::-webkit-scrollbar{display:none}
  .side-nav a{padding:9px 12px;font-size:13px;flex:0 0 auto}
  .content-card{padding:16px;border-radius:14px;overflow:hidden}
  .data-table{font-size:13px;display:table;min-width:0}
  .data-table th,.data-table td{padding:10px 6px;white-space:nowrap}
  .data-table th:nth-child(n+4),.data-table td:nth-child(n+4){display:none}
  .stat-grid{gap:8px}
  .stat-card{padding:14px 12px;border-radius:14px}
  .stat-card strong{font-size:23px}
  .stat-card-link{display:block;text-decoration:none}
  .stat-card-link .stat-card{height:100%}
  .contract-document-preview{height:60vh!important}
}
.page-with-sidebar{display:grid;grid-template-columns:minmax(210px,230px) minmax(0,930px);gap:28px;max-width:1160px;margin:0 auto;padding:56px 0;align-items:start}.page-with-sidebar>.contract-sidebar{position:sticky;top:100px}.page-content>.page-shell{padding:0;background:transparent;min-height:0}.page-content>.page-shell>.container{width:100%}
@media(max-width:900px){.page-with-sidebar{grid-template-columns:1fr;padding:28px 12px;gap:14px}.page-with-sidebar>.contract-sidebar{position:static}}

html,body{max-width:100%;overflow-x:hidden}
.auth-card,.auth-card.wide,.auth-card form,.form-grid,.form-grid>*{min-width:0;max-width:100%}
.field input,.field select,.field textarea{display:block;width:100%;min-width:0;max-width:100%}

@media(max-width:900px){
  .site-header .header-actions{display:none}
  .header-inner{width:calc(100% - 32px);max-width:1160px;gap:12px}
  .brand{flex:0 0 auto}
  .brand>span:last-child{display:none}
  .hero-visual{display:flex;justify-content:center}
  .phone-card{margin-inline:auto;transform:none}
  .mobile-menu-toggle{flex:0 0 42px;margin-left:auto}
  .mobile-nav.open{display:block;padding:8px 16px 16px}
  .mobile-nav-primary,.mobile-nav-actions{display:flex;flex-direction:column;gap:2px}
  .mobile-nav-actions{margin-top:8px;padding-top:10px;border-top:1px solid #e8edf2}
  .mobile-nav a,.mobile-nav button,.mobile-user-name{width:100%;padding:11px 8px;text-align:left}
  .mobile-nav form{margin:0}
  .mobile-nav .primary-button{margin-top:4px;text-align:center}
}

@media(max-width:620px){
  .notice-bar{padding:6px 12px;font-size:11px}
  .header-inner{min-height:64px;padding:10px 0}
  .brand-mark{width:40px;height:40px}
  .auth-card,.auth-card.wide{width:calc(100% - 24px);margin:28px auto;padding:24px 22px;border-radius:18px}
  .auth-card h1{font-size:clamp(25px,8vw,32px);line-height:1.3;letter-spacing:-1px;overflow-wrap:anywhere}
  .form-guide{font-size:14px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .form-grid .wide{grid-column:auto}
  .field input,.field select,.field textarea{font-size:16px}
}

@media(max-width:360px){
  .header-inner{width:calc(100% - 24px)}
  .auth-card,.auth-card.wide{width:calc(100% - 16px);padding:20px 16px}
}