*{box-sizing:border-box}body{color:#111827;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#071224 0%,#0d1b34 100%);width:260px;padding:25px;box-shadow:4px 0 12px #00000026}.sidebar h2{margin-top:0}.sidebar nav{margin-top:20px}.sidebar nav p{cursor:pointer;margin:0;padding:12px 0;font-size:16px}.sidebar nav p:hover{color:#60a5fa}.main-content{flex:1;padding:40px}.card{background:#fff;border-radius:12px;margin-top:30px;padding:20px;box-shadow:0 2px 8px #0000001a}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:40px;padding-bottom:20px;display:flex}.logo-placeholder{border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.logo-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.brand h2{margin:0}.brand p{color:#9ca3af;margin:0;font-size:14px}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:10px 16px}.apps-grid .card button{margin-top:12px}.quick-buttons{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.quick-buttons button{white-space:nowrap;margin:0;padding:12px 18px}.card button:hover{opacity:.9}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{width:100%;padding:20px;overflow:hidden}.brand{margin-bottom:20px}.sidebar nav{scrollbar-width:none;gap:22px;margin-top:20px;padding-bottom:10px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav p{white-space:nowrap;flex-shrink:0;padding:8px 0;font-size:16px}.main-content{padding:30px 20px}.quick-buttons{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.quick-buttons button{white-space:nowrap;margin:0;padding:12px 18px}.sidebar .card{color:#111827;background:#fff}.sidebar .card p{color:#475569}.sidebar .card strong{color:#111827}.sidebar .card button{color:#fff}}