:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:rgb(0,0,0);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:rgb(255,255,255)}.sh-layout{display:flex;min-height:100vh}.sh-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;background-color:#111827;color:#d1d5db;overflow-y:auto;z-index:100}.sh-sidebar a,.sh-sidebar button{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:none;background:none;color:inherit;text-decoration:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .15s ease}.sh-sidebar a:hover,.sh-sidebar button:hover{background-color:#1f2937}.sh-sidebar a.active,.sh-sidebar button.active{background-color:#2563eb;color:#fff}.sh-sidebar-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.sh-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-main{flex:1 1;margin-left:240px;padding:1.5rem 2rem;min-width:0}.sh-product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.sh-product-tile{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;background:#fff;transition:box-shadow .15s ease}.sh-product-tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.sh-table{width:100%;border-collapse:collapse;font-size:.875rem}.sh-table thead{background-color:#f9fafb}.sh-table td,.sh-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.sh-table tr:last-child td{border-bottom:none}.sh-form{display:flex;flex-direction:column;gap:1.25rem;max-width:640px}.sh-form-row{display:flex;gap:1rem}.sh-form label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:#374151}.sh-form input,.sh-form select,.sh-form textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#111827;transition:border-color .15s ease}.sh-form input:focus,.sh-form select:focus,.sh-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.sh-mobile-only{display:none}.sh-desktop-only{display:block}@media (max-width:1024px){.sh-sidebar{width:72px;padding:1rem .5rem;align-items:center}.sh-sidebar a,.sh-sidebar button{justify-content:center;padding:.625rem}.sh-sidebar-label{display:none}.sh-main{margin-left:72px;padding:1.25rem 1.5rem}.sh-product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.sh-layout{flex-direction:column}.sh-sidebar{position:fixed;top:auto;left:0;bottom:0;width:100%;height:auto;flex-direction:row;justify-content:space-around;align-items:center;padding:.5rem 0;gap:0;overflow-x:auto;overflow-y:hidden;border-top:1px solid #374151}.sh-sidebar a,.sh-sidebar button{flex-direction:column;gap:.125rem;padding:.375rem .5rem;font-size:.625rem}.sh-sidebar-icon{width:1.5rem;height:1.5rem}.sh-sidebar-label{display:block;font-size:.625rem;text-align:center}.sh-main{margin-left:0;padding:1rem 1rem 5rem}.sh-product-grid{grid-template-columns:1fr;gap:.75rem}.sh-table thead{display:none}.sh-table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;background:#fff}.sh-table td{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid #f3f4f6;font-size:.8125rem}.sh-table td:last-child{border-bottom:none}.sh-table td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0;margin-right:1rem}.sh-form{max-width:100%}.sh-form-row{flex-direction:column;gap:1.25rem}.sh-form input,.sh-form select,.sh-form textarea{font-size:1rem}.sh-mobile-only{display:block}.sh-desktop-only{display:none}}