body{color:#111827;background:#f6f8fb;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}img{max-width:100%}button{color:#fff;background:#2563eb;border:0;border-radius:8px;padding:8px 12px;font-weight:700}input,select,textarea{max-width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px}.admin{grid-template-columns:250px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.admin.sidebar-minimized{grid-template-columns:72px 1fr}aside{color:#fff;box-sizing:border-box;z-index:1200;background:#0f172a;flex-direction:column;gap:10px;min-width:250px;padding:22px;transition:transform .18s,visibility .18s;display:flex;position:relative;overflow:hidden}.sidebar-heading{align-items:center;gap:8px;min-height:40px;margin:0;padding-right:34px;display:flex}.sidebar-logo{flex:0 0 40px;width:40px;height:40px}.sidebar-minimized aside{min-width:72px;padding-inline:10px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}aside a{color:#cbd5e1;border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}aside a.active,aside a:hover{color:#fff;background:#1e293b}aside button{margin-top:0}.sidebar-toggle{cursor:pointer}.sidebar-toggle-inside{color:#cbd5e1;background:#1e293b;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:26px;right:8px}.sidebar-toggle svg,.nav-icon,.logout-button svg{flex:0 0 20px;width:20px;height:20px}.mobile-menu-button,.sidebar-backdrop,.mobile-close-icon{display:none}.logout-button{align-items:center;gap:12px;display:flex}.sidebar-minimized .sidebar-heading span,.sidebar-minimized .nav-label{display:none}.sidebar-minimized .sidebar-heading{justify-content:center;padding:0}.sidebar-minimized .sidebar-logo{flex-basis:36px;width:36px;height:36px}.sidebar-minimized .sidebar-toggle-inside{place-items:center;width:100%;display:grid;position:static}.sidebar-minimized aside a,.sidebar-minimized .logout-button{justify-content:center;padding-inline:0}main{min-width:0;padding:22px}main>*{min-width:0}main>h1:first-child{margin-top:0}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card,.table,.empty,.form{background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 24px #0001}.card b{margin-top:8px;font-size:32px;display:block}.bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.bar>input,.bar>select{flex:180px}.bar>button,.bar>a{flex:none}.table{overflow:auto}.tableWrap{background:#fff;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0001}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:18px;gap:12px;width:360px;max-width:calc(100vw - 32px);padding:28px;display:grid;box-shadow:0 16px 50px #0002}.err{color:#991b1b;background:#fee2e2;border-radius:8px;padding:10px}.form{gap:10px;margin-bottom:16px;display:grid}.form textarea{min-height:120px}.form>input,.form>select,.form>textarea,.form>button{width:100%}.photoGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.photoCard{gap:8px;min-width:0;display:grid}.photoCard img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}@media (width<=850px){.admin,.admin.sidebar-minimized{grid-template-columns:1fr}aside,.sidebar-minimized aside{visibility:hidden;width:min(82vw,300px);min-width:0;padding:18px;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 32px #0005}.mobile-nav-open aside{visibility:visible;transform:translate(0)}.sidebar-minimized .sidebar-heading span,.sidebar-minimized .nav-label{display:inline}.sidebar-minimized .sidebar-heading{justify-content:flex-start;padding-right:34px}.sidebar-minimized aside a,.sidebar-minimized .logout-button{justify-content:flex-start;padding-inline:12px}.sidebar-toggle-inside,.sidebar-minimized .sidebar-toggle-inside{width:36px;height:36px;position:absolute;top:22px;right:12px}.desktop-toggle-icon{display:none}.mobile-close-icon{display:block}.mobile-menu-button{z-index:1100;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;top:12px;left:12px;box-shadow:0 4px 14px #0003}.mobile-menu-button svg{width:22px;height:22px}.sidebar-backdrop{z-index:1150;background:#02061799;border-radius:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.mobile-nav-open .sidebar-backdrop{display:block}main{width:100%;padding:72px 16px 20px;overflow-x:hidden}.cards{grid-template-columns:1fr}.MuiTypography-h4{font-size:1.75rem!important}.MuiCardContent-root{padding:14px!important}.MuiTabs-root{max-width:100%}.MuiTabs-flexContainer{overflow-x:auto}.MuiDataGrid-root,.MuiDataGrid-main,.MuiDataGrid-virtualScroller{min-width:0}}@media (width<=600px){h1{font-size:1.75rem}h2{font-size:1.35rem}.card,.table,.empty,.form{border-radius:12px;padding:14px}.card b{font-size:26px}.bar{align-items:stretch}.bar>*{flex-basis:100%;width:100%}.tableWrap{box-shadow:none;background:0 0;overflow:visible}.tableWrap table{min-width:0}.tableWrap thead{display:none}.tableWrap tbody,.tableWrap tr,.tableWrap td{width:100%;display:block}.tableWrap tr{background:#fff;border-radius:12px;margin-bottom:14px;padding:8px 14px;overflow:hidden;box-shadow:0 6px 20px #0001}.tableWrap td{overflow-wrap:anywhere;grid-template-columns:minmax(92px,38%) 1fr;gap:12px;padding:10px 0;display:grid}.tableWrap td:before{content:attr(data-label);color:#64748b;font-weight:700}.msg{max-width:92%}.adminMsg{margin-left:auto}.MuiDialog-paper{width:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important;margin:8px!important}.MuiDialogTitle-root,.MuiDialogContent-root,.MuiDialogActions-root{padding-left:16px!important;padding-right:16px!important}.MuiDialogActions-root{flex-wrap:wrap}.MuiDialogActions-root>button{flex:auto}.MuiFormControl-root{max-width:100%;min-width:0!important}.MuiStack-root>.MuiFormControl-root{width:100%}.MuiStack-root>.MuiButton-root{min-height:42px}.MuiDataGrid-footerContainer{justify-content:center}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{display:none}}.conversation{gap:12px;margin-bottom:20px;display:grid}.msg{border-radius:14px;max-width:700px;padding:14px}.userMsg{background:#eef2ff}.adminMsg{background:#ecfdf5;margin-left:40px}.replyBox{gap:10px;display:grid}.replyBox textarea{min-height:120px;padding:12px}