@media(max-width:767px){html{font-size:16px;-webkit-text-size-adjust:100%}body{font-size:14px;overflow-x:hidden}.page{flex-direction:column;padding:0}.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%;height:56px;flex-direction:row;justify-content:space-around;align-items:center;background:var(--nav, #181d26);padding:0 4px;border-top:1px solid rgba(255,255,255,.08);overflow-x:auto}.sidebar .nav-item{flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;min-width:56px;text-align:center}.sidebar .nav-item .nav-icon{font-size:20px}.sidebar .nav-item .nav-label{font-size:10px;white-space:nowrap}.main-content,.page-content{margin-left:0;margin-bottom:64px;padding:12px;width:100%}.topbar{padding:8px 12px}.topbar .search-bar{max-width:180px}table,.table{display:block;width:100%;border:none}table thead{display:none}table tbody,table tr{display:block;width:100%}table tr{background:var(--surface, #fff);border-radius:10px;margin-bottom:10px;padding:14px;box-shadow:0 1px 4px #0000000f;border:1px solid var(--line-soft, #e0e2e6)}table td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft, #e0e2e6);text-align:right;font-size:13px}table td:last-child{border-bottom:none}table td:before{content:attr(data-label);font-weight:600;font-size:11px;color:var(--muted, #666);text-transform:uppercase;letter-spacing:.5px;margin-right:8px;white-space:nowrap;text-align:left}.card-grid,.grid{grid-template-columns:1fr;gap:12px}.kanban,.pipe-columns{flex-direction:column;gap:12px;overflow-x:visible}.pipe-column{min-width:100%;max-width:100%}.toolbar{flex-wrap:wrap;gap:8px}.toolbar .btn{font-size:13px;padding:8px 14px}.modal-backdrop .modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;margin:0;padding:20px 16px;overflow-y:auto}.modal-backdrop .modal .modal-head{font-size:18px;padding:0 0 12px}.modal-backdrop .modal .modal-body{max-height:calc(100vh - 140px)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],select,textarea{width:100%;font-size:16px;padding:10px 12px}.toast-stack{bottom:72px;left:12px;right:12px}.toast-stack .toast{font-size:13px;padding:10px 14px}.sheet,.drawer{width:100%;max-width:100%}.desktop-only{display:none!important}}@media(min-width:768px)and (max-width:1024px){html{font-size:15px}.page{flex-direction:row;padding:0}.sidebar{width:64px;overflow:hidden;transition:width .3s ease}.sidebar:hover,.sidebar.expanded{width:220px}.sidebar .nav-item{padding:12px 16px}.sidebar .nav-item .nav-label{opacity:0;transition:opacity .2s;font-size:12px}.sidebar:hover .nav-item .nav-label,.sidebar.expanded .nav-item .nav-label{opacity:1}.main-content,.page-content{margin-left:64px;padding:16px 20px}.card-grid,.grid{grid-template-columns:repeat(2,1fr);gap:14px}.kanban,.pipe-columns{overflow-x:auto}.pipe-column{min-width:240px;max-width:280px}table{font-size:13px}.modal-backdrop .modal{width:85%;max-width:600px;max-height:85vh}.mobile-only{display:none!important}}@media(min-width:1025px){html{font-size:16px}.sidebar{width:220px}.main-content,.page-content{margin-left:220px;padding:20px 28px}.card-grid,.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.mobile-only{display:none!important}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block}}