@media (max-width:1024px){.theorem-card{margin:12px 0!important;padding:16px!important}.theorem-card .card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.theorem-card .card-header .title{font-size:16px!important;line-height:1.4!important}.theorem-card .card-header .status{padding:4px 8px!important;font-size:12px!important}.theorem-card .card-content{padding:12px 0!important}.theorem-card .card-content .description{font-size:14px!important;line-height:1.5!important}.theorem-card .card-footer{flex-direction:column!important;gap:12px!important}.theorem-card .card-footer .button-group{flex-direction:column!important;width:100%!important}.theorem-card .card-footer .button-group button{width:100%!important;margin-bottom:8px!important}.modal-content{width:calc(100vw - 32px)!important;max-width:400px!important;margin:20px auto!important;padding:20px!important}.modal-content .modal-header{padding-bottom:16px!important}.modal-content .modal-header h2{font-size:20px!important}.modal-content .modal-body{padding:16px 0!important}.modal-content .modal-body .form-group{margin-bottom:16px!important}.modal-content .modal-body .form-group label{margin-bottom:8px!important;font-size:14px!important}.modal-content .modal-body .form-group input,.modal-content .modal-body .form-group textarea,.modal-content .modal-body .form-group select{width:100%!important;font-size:16px!important}.modal-content .modal-footer{flex-direction:column!important;gap:12px!important;padding-top:16px!important}.modal-content .modal-footer button{width:100%!important}.nav-menu{z-index:1000!important;background:#000000e6!important;width:100%!important;height:100vh!important;transition:transform .3s!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.nav-menu.open{transform:translate(0)!important}.nav-menu .nav-items{flex-direction:column!important;gap:24px!important;padding:80px 24px 24px!important}.nav-menu .nav-items .nav-item{border-bottom:1px solid #ffffff1a!important;padding:12px 0!important;font-size:18px!important}.table-container{overflow-x:auto!important}.table-container table{min-width:600px!important}.table-container table th,.table-container table td{white-space:nowrap!important;padding:8px 12px!important;font-size:14px!important}.form-container{padding:16px!important}.form-container .form-row{flex-direction:column!important;gap:16px!important}.form-container .form-row .form-col{width:100%!important}.form-container .form-actions{flex-direction:column!important;gap:12px!important}.form-container .form-actions button{width:100%!important}.code-editor .editor-toolbar{flex-wrap:wrap!important;gap:8px!important}.code-editor .editor-toolbar button{padding:8px 12px!important;font-size:14px!important}.code-editor .editor-content{font-size:14px!important;line-height:1.4!important}.loading-container{padding:40px 20px!important}.loading-container .loading-spinner{width:40px!important;height:40px!important}.loading-container .loading-text{margin-top:16px!important;font-size:16px!important}.notification{z-index:1001!important;width:auto!important;max-width:none!important;position:fixed!important;top:20px!important;left:16px!important;right:16px!important}.notification .notification-content{padding:16px!important}.notification .notification-content .notification-title{margin-bottom:8px!important;font-size:16px!important}.notification .notification-content .notification-message{font-size:14px!important}}@media (min-width:768px) and (max-width:1024px){.theorem-card .card-header{flex-direction:row!important;align-items:center!important;gap:16px!important}.theorem-card .card-footer{flex-direction:row!important;gap:16px!important}.theorem-card .card-footer .button-group{flex-direction:row!important}.theorem-card .card-footer .button-group button{width:auto!important;margin-bottom:0!important}.modal-content{width:80%!important;max-width:600px!important}.form-container .form-row{flex-direction:row!important;gap:24px!important}.form-container .form-row .form-col{width:50%!important}.form-container .form-actions{flex-direction:row!important;gap:16px!important}.form-container .form-actions button{width:auto!important}}@media (max-width:480px){.theorem-card{padding:12px!important}.theorem-card .card-header .title{font-size:14px!important}.theorem-card .card-header .status{padding:3px 6px!important;font-size:11px!important}.theorem-card .card-content .description{font-size:13px!important}.modal-content{width:calc(100vw - 24px)!important;padding:16px!important}.modal-content .modal-header h2{font-size:18px!important}.nav-menu .nav-items{gap:16px!important;padding:60px 16px 16px!important}.nav-menu .nav-items .nav-item{padding:10px 0!important;font-size:16px!important}}@media (orientation:landscape) and (max-height:500px){.modal-content{max-height:80vh!important;overflow-y:auto!important}.nav-menu .nav-items{gap:16px!important;padding:60px 24px 16px!important}}@media (hover:none) and (pointer:coarse){.theorem-card .card-footer button,.modal-content .modal-footer button{min-height:44px!important;padding:12px 16px!important}.nav-menu .nav-item{align-items:center!important;min-height:44px!important;display:flex!important}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;background:#000c;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.overlay.visible{opacity:1}.mobileMenu{z-index:1000;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border-right:1px solid #ffffff1a;flex-direction:column;width:280px;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-100%;overflow:hidden}.mobileMenu.open{left:0}.menuHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.menuHeader h3{color:#fff;margin:0;font-size:20px;font-weight:600}.menuHeader .closeButton{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.menuHeader .closeButton:hover{background:#ffffff1a}.menuHeader .closeButton svg{width:20px;height:20px}.menuItems{flex:1;padding:16px 0;overflow-y:auto}.menuItems::-webkit-scrollbar{width:4px}.menuItems::-webkit-scrollbar-track{background:0 0}.menuItems::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.menuItem{cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .2s;display:flex;position:relative}.menuItem:hover{background:#ffffff0d;border-left-color:#fbbc4980}.menuItem.active{background:#fbbc4926;border-left-color:#fbbc49}.menuItem.active .menuName{color:#fbbc49;font-weight:600}.menuItem.disabled{display:none}.menuItem.disabled:hover{background:0 0;border-left-color:#0000}.menuItem .menuName{color:#fff;font-size:16px;font-weight:500;transition:color .2s}.menuItem .activeIndicator{background:#fbbc49;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #fbbc4980}.menuFooter{text-align:center;border-top:1px solid #ffffff1a;padding:20px 24px}.menuFooter p{color:#fff9;margin:0;font-size:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.mobileMenu{width:100%;left:-100%}.menuHeader{padding:16px 20px}.menuHeader h3{font-size:18px}.menuItem{padding:14px 20px}.menuItem .menuName{font-size:15px}.menuFooter{padding:16px 20px}}@media (orientation:landscape) and (max-height:500px){.mobileMenu .menuHeader{padding:12px 24px}.mobileMenu .menuHeader h3{font-size:16px}.mobileMenu .menuItem{padding:12px 24px}.mobileMenu .menuItem .menuName{font-size:14px}}@media (hover:none) and (pointer:coarse){.menuItem{min-height:48px}.menuItem:active{background:#ffffff1a}.closeButton{min-width:44px;min-height:44px}.closeButton:active{background:#fff3}}@media (max-width:1024px){.page-container{padding:0 16px}.content-area{margin-top:80px}.card-grid{grid-template-columns:1fr!important;gap:16px!important}.form-layout{flex-direction:column!important;gap:16px!important}.button-group{flex-direction:column!important;gap:12px!important}.button-group button{width:100%!important}}@media (max-width:768px){.page-container{padding:0 12px}.content-area{margin-top:70px}.card-grid,.form-layout{gap:12px!important}.button-group{gap:8px!important}}@media (max-width:480px){.page-container{padding:0 8px}.content-area{margin-top:60px}.card-grid,.form-layout{gap:8px!important}}